.chain-panel{margin:0 0 24px;padding:25px;border:1px solid #8cf7d940;background:linear-gradient(135deg,#18322e,#111c28);border-radius:14px;min-width:0}.chain-panel h2{margin:9px 0;font-size:24px;font-weight:500}.chain-panel>p,.chain-panel .muted{font-size:11px;line-height:1.8}.chain-panel button{min-height:44px}.chain-panel .chain-status{color:#d0bd8d;overflow-wrap:anywhere;line-height:1.8;font-size:12px}.chain-wallet-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chain-wallet-actions .primary,.chain-wallet-actions .secondary{width:auto;margin:0;padding:11px 15px}.chain-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:11px}.chain-data>div{padding:13px;background:#09171c80;border:1px solid #a4cbb21a;border-radius:6px;min-width:0}.chain-data dt{font-size:10px}.chain-data dd{text-align:left;overflow-wrap:anywhere;color:#cfe6dc;line-height:1.6;margin-top:7px}.chain-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-top:1px solid #a4cbb223;margin-top:18px}.chain-form input,.chain-form select{width:100%;min-height:44px}.chain-form select{display:block;background:#0a1420;color:#d7e7df;border:1px solid #ffffff25;border-radius:5px;padding:12px;margin-top:10px}.chain-form .checkbox{align-items:center}.chain-full{grid-column:1/-1}.chain-panel .primary:disabled,.chain-panel .secondary:disabled,#start-chain:disabled{opacity:.45;cursor:not-allowed}.chain-preview-details{font-size:11px;margin:20px 0}.chain-preview-details>div{display:block;padding:10px 0;border-bottom:1px solid #ffffff10}.chain-preview-details dd{margin-top:5px;text-align:left;overflow-wrap:anywhere;color:#d9eadf;line-height:1.8}#chain-preview-dialog{max-width:580px;max-height:90dvh;overflow:auto}#chain-tx a{display:block;overflow-wrap:anywhere;font-size:10px;color:#8cf7d9}#chain-tx{font-size:11px;line-height:1.8;background:#08181b;margin-top:14px;padding:12px;border-radius:6px}#chain-claims{display:grid;gap:10px}#chain-claims article{border:1px solid #ffffff15;border-radius:5px;padding:12px}.chain-simulator{margin:24px 0}.chain-simulator>summary{cursor:pointer;color:#b9c8bf;min-height:44px;padding:13px 0;font-size:12px}.chain-simulator .mint-layout{margin-top:16px}.chain-stats article b{font-size:17px;overflow-wrap:anywhere;line-height:1.6}.chain-stats article span{line-height:1.8}#wallet-connect{font-size:10px;padding:9px 12px;min-height:38px;border-radius:5px;border:1px solid #8cf7d960;color:#b7f5d7;background:#8cf7d90d;white-space:nowrap}body.playing .chain-panel,body.playing .chain-simulator{display:none!important}
@media(max-width:760px){.chain-panel{padding:18px}.chain-data{grid-template-columns:1fr 1fr;gap:8px}.chain-data>div{padding:10px}.chain-panel h2{font-size:21px}.chain-wallet-actions{gap:6px}.chain-wallet-actions button{font-size:10px!important;padding:10px!important}.chain-form{gap:0 10px}.chain-form label{font-size:10px}.chain-stats article b{font-size:14px}#wallet-connect{font-size:9px;padding:8px}.top-actions{gap:6px}.network{display:none}#chain-preview-dialog{padding:24px;max-height:92dvh}}
@media(max-width:359px){.chain-data{grid-template-columns:1fr}.chain-form{grid-template-columns:1fr}.chain-panel{padding:15px}#wallet-connect{max-width:105px;overflow:hidden;text-overflow:ellipsis}}
[data-language-toggle]{background:#16312a;border:1px solid #8cf7d945;color:#c7e6d6;min-height:34px;font-size:10px;padding:7px 9px;border-radius:5px;white-space:nowrap}#battle-language-toggle{min-height:26px;max-width:64px;font-size:8px;padding:4px 6px}html[lang=en] .chapter-card b{letter-spacing:0;font-size:11px}html[lang=en] .chapter-card small{font-size:8px}html[lang=en] .hero small{font-size:7px}html[lang=en] .adventure-dock button span{font-size:7px!important}html[lang=en] .sheet-tabs{gap:13px}html[lang=en] .sheet-tabs button{font-size:10px}html[lang=en] .gear-card b{white-space:normal;line-height:1.25;font-size:8px}html[lang=en] .combat-match{letter-spacing:0}html[lang=en] .combat-match .zone{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=en] .combat-match #kills{font-size:7px}html[lang=en] .route-toggle #combat-objective{font-size:9px!important}html[lang=en] .interact-button{font-size:9px!important}html[lang=en] .lobby h2{font-size:34px;letter-spacing:1px}html[lang=en] .story-prologue h1{letter-spacing:0}html[lang=en] .chain-data dd{font-size:10px}html[lang=en] .chain-preview-details dd{font-size:11px}
@media(max-width:760px){.topbar{padding-left:10px;padding-right:10px;gap:6px}.topbar .brand{font-size:13px;letter-spacing:.2px;gap:5px}.topbar .brand-icon{font-size:26px}.topbar .brand small{font-size:6px;letter-spacing:1px}.top-actions{gap:4px}#sound{width:26px;height:28px}#wallet-connect{padding:8px 6px;font-size:9px;max-width:95px}[data-language-toggle]{font-size:9px;min-height:30px;padding:6px}.topbar nav{left:10px;right:10px}html[lang=en] .lobby h2{font-size:29px}html[lang=en] .chapter-card{padding:12px 8px}html[lang=en] .hero-art-controls button{font-size:9px}html[lang=en] .gear-card b{font-size:7px}html[lang=en] .sheet-heading h2{font-size:20px}html[lang=en] .combat-player{max-width:calc(100% - 100px)!important}html[lang=en] .health #hero-label{font-size:9px!important}html[lang=en] #hp-label{font-size:7px!important}}
.dialog-language-toggle{float:right;margin:0 20px 6px 6px}.sheet-heading .dialog-language-toggle{margin:0 0 0 auto;float:none}.sheet-heading>.icon-button{margin-left:0}html[lang=en] .chat-history:empty:after{content:'Comms ready. Connect to the multiplayer server to reach other explorers.'}html[lang=en] .gear-card.equipped:after{content:'Equipped'}html[lang=en] .equipment-slots .gear-card.equipped:after{content:'✓'}
.chain-form input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0}.chain-form .checkbox{justify-content:flex-start;gap:9px}.chain-panel .notice:empty{display:none}
body.playing .arpg-arena .arena-controls{display:grid;grid-template-columns:auto 34px;gap:4px;align-items:start}body.playing .arpg-arena #battle-language-toggle{grid-column:1;grid-row:1;align-self:center}body.playing .arpg-arena #exit{grid-column:2;grid-row:1}body.playing .arpg-arena #connection{grid-column:1/-1;grid-row:2;justify-self:end}
