/* Illustrated fantasy edition. All sizing still belongs to the viewport layout. */
:root{--ink:#243e3a;--green:#245e50;--cream:#fff8e9;--gold:#dfb461;--muted:#64776b;--line:#d4c6a8;--teal:#367c68}
body{background:#132e2b;background-image:radial-gradient(ellipse at 50% 5%,#48725b 0,#1b3d34 55%,#122925 100%);color:var(--ink);font-family:'Trebuchet MS','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button{font-family:'Trebuchet MS','Segoe UI',sans-serif;border-radius:6px;background:linear-gradient(#fffdf5,#f2e8d1);border-color:#cbb993;box-shadow:inset 0 1px #fffefa,inset 0 -1px #b5a48422;transition:filter .15s,background .15s,transform .12s}
button:hover:not(:disabled){filter:brightness(1.055);background:linear-gradient(#fffefa,#e8e5cf)}button:active:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.5}button:focus-visible{outline-color:#e8b85e;outline-width:2px;outline-offset:2px}
.game-shell{background:#234e44;box-shadow:0 0 0 1px #b9bb9140,0 0 90px #061c1bb0}.masthead{background:linear-gradient(110deg,#183e39,#356f56 55%,#285c4b);border-bottom:1px solid #c1b67b;box-shadow:inset 0 -1px #132f2dbb,inset 0 1px #b8d5ad3d;gap:10px}
.screen-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:800;letter-spacing:2.5px;color:#f7df9c;text-shadow:0 2px 0 #173a32,0 0 19px #e8d39133}
.hero-avatar{border-radius:9px;border-color:#d0b879;background-color:#b9d3b2;background-size:100% 100%!important;box-shadow:inset 0 0 0 1px #fff1af,0 2px 5px #09272380;image-rendering:auto}.hero-avatar span{display:none}.hero-title b{font-family:'Trebuchet MS',sans-serif;font-size:12px;letter-spacing:.2px;color:#fff6db;text-shadow:0 1px #163b33}.hero-title>span{font-family:'Trebuchet MS',sans-serif;color:#b8d9c1;font-size:9px}
.health .bar{border-radius:2px;background:#173e37;box-shadow:inset 0 1px #112c28}.health .bar i{background:linear-gradient(90deg,#6ab795,#d7df94);border-radius:2px}.currencies>span{border:1px solid #cfb77d;background:linear-gradient(#fff8df,#e8dbb7);box-shadow:inset 0 1px #fffdf0,0 2px 4px #12372c66;color:#3a4c3b;border-radius:7px;font-weight:800}.currencies i{font-size:20px;text-shadow:0 1px #fff2bc}
.square,.sound-toggle{border:1px solid #c9ba89;background:linear-gradient(#e4edcc,#b5cca2);box-shadow:inset 0 1px #f5f8dc,0 2px 4px #102f2b55;border-radius:7px}.sound-toggle svg{fill:#46745c;stroke:#2b554b}
main.game-main{background:linear-gradient(130deg,#dae0c8 0,#c9d7bc 48%,#e2e5cb 100%);padding:9px!important;gap:9px}.battle-column{gap:5px}.arena-frame{border:2px solid #345c4c;border-radius:9px;box-shadow:0 2px 5px #284d3b40,inset 0 1px #d6dfb0;background:#325d4d;isolation:isolate}.arena-top{background:linear-gradient(#426e54,#285b47);height:25px;letter-spacing:.4px}.arena-top>strong{font-family:'Trebuchet MS',sans-serif;font-size:12px;font-weight:800;color:#fff7db;text-shadow:0 1px #153b30}.arena-top>span{font-size:8px;letter-spacing:1px;color:#d4e1b8}.arena-tools button{border:1px solid #91ab79;background:linear-gradient(#dce7b5,#adc695);color:#315b45;box-shadow:inset 0 1px #f1f4d3;border-radius:4px}
#arena{image-rendering:auto!important;background:#e9ddc0;border-radius:0}.arena-bottom{background:#2c5849;color:#e4e9d1;border-top:1px solid #5c8262;font-family:'Trebuchet MS',sans-serif;text-shadow:none}.arena-bottom #combatNote{color:#eff0d6}.arena-bottom #battleStatus{color:#b3cba9}
.battle-column>.wave-dots{height:13px;gap:4px}.wave-dots i{height:8px;background:linear-gradient(#d9dbc6,#a3b39a);box-shadow:none}.wave-dots i.done{background:linear-gradient(#fff0b0,#d9b059);box-shadow:none}
.skills button{background:linear-gradient(#fff8e4,#e7dfc0);border:1px solid #bcae82;border-bottom:3px solid #a99a70;border-radius:6px;box-shadow:inset 0 1px #fffdf0,0 1px 3px #395d3e26}.skills button b{font-family:'Trebuchet MS',sans-serif;font-size:12px;font-weight:800;line-height:16px;color:#344d3b}.skills button>span{color:#a07c3e;text-shadow:0 1px #fff5cf}.skills button small{color:#708065;font-family:'Trebuchet MS',sans-serif;font-weight:700}.skills .auto{background:linear-gradient(#3b8069,#235b50);border-color:#234f40;border-bottom-color:#163e35;color:#eff5d0;box-shadow:inset 0 1px #9fbf8e66}.skills .auto small{color:#d1e0ba}.skills .locked{filter:saturate(.55)}
.pilot-bar button{background:linear-gradient(#f2f2dc,#d9e1c9);border:1px solid #a4b28e;border-bottom:3px solid #879d79;box-shadow:inset 0 1px #ffffef;border-radius:6px}.pilot-bar button>span{color:#53876f}.pilot-bar b{font-family:'Trebuchet MS',sans-serif;font-size:10px;line-height:14px;color:#375544}.pilot-bar small{font-family:'Trebuchet MS',sans-serif;color:#7c8b70;font-size:8px}.pilot-bar #pilotHelp{border-color:#c3b38c;background:linear-gradient(#faf0d4,#dccda7);color:#887348;border-radius:6px}
.workshop{background:linear-gradient(135deg,#fff8e7,#f0e8d0);border:1px solid #b0a584;border-radius:10px;box-shadow:inset 0 1px #fffdf3,0 2px 4px #2a553133;padding:9px}.loadout-grid{gap:7px}.loadout-item{border:1px solid color-mix(in srgb,var(--rarity) 70%,#7c8c78);border-bottom-width:3px;border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 16%,#fffdf3),color-mix(in srgb,var(--rarity) 38%,#f5ecd6))!important;box-shadow:inset 0 1px #fffdf0,0 2px 4px #4d5c3820;gap:5px}.loadout-item:before{content:'';position:absolute;inset:4px;border:1px solid #fff9e74f;border-radius:4px;pointer-events:none}.loadout-item small{font-family:'Trebuchet MS',sans-serif;font-weight:800;font-size:11px;color:#4c5e4c;text-shadow:0 1px #fffaf0}.loadout-item .pixel-icon{filter:drop-shadow(0 2px 1px #25382d3d)}.pixel-icon{image-rendering:auto!important}.slot-weapon:after{content:'WEAPON';position:absolute;top:8px;left:0;right:0;font:800 7px 'Trebuchet MS',sans-serif;letter-spacing:1px;color:#53654e}
.chest-level{border:1px solid #bea265;background:linear-gradient(#ffedb2,#e6c981);box-shadow:inset 0 1px #fff9da,0 2px 3px #8a78322b;border-radius:6px;color:#5c5737}.chest-level b{font-family:'Trebuchet MS',sans-serif;font-size:15px;line-height:18px}.chest-level small{color:#8d7849}.forge-left>button:last-child,.chest-actions>button{border-radius:5px;border:1px solid #ccbc96;background:linear-gradient(#fffbec,#e8dfc4);box-shadow:inset 0 1px #fffefa;color:#667254;font-weight:700}.key-stock{color:#6d633c}.chest-stage{background:radial-gradient(ellipse at center,#fff4b0b0 0,#f0dba433 45%,transparent 75%)}.chest-tap .illustrated-chest{width:155px!important;height:132px!important;zoom:1!important;display:grid;place-items:center;filter:drop-shadow(0 8px 4px #72602a30);margin:0;animation:chest-idle 4s infinite ease-in-out}.illustrated-chest>.pixel-icon{width:100%;height:100%;object-fit:contain;image-rendering:auto!important}.illustrated-chest:before,.illustrated-chest:after{display:none!important}.chest-tap>span{color:#8b7545;letter-spacing:1px;font-family:'Trebuchet MS',sans-serif;font-size:9px}.forge-feedback{border-radius:5px;background:#eae7cf;border:1px solid #d2cbae;font-family:'Trebuchet MS',sans-serif;color:#647557}.forge-feedback small{color:#6d8a66}.forge-feedback:disabled{color:#9eaa8d}
.game-nav{background:linear-gradient(#466957,#2c4d43);border-top:1px solid #b5ba8a;box-shadow:inset 0 1px #759777;padding:6px 9px calc(6px + env(safe-area-inset-bottom));gap:5px}.game-nav button{background:linear-gradient(#fbf3db,#ded6b7);border:1px solid #9eac82;border-radius:7px;box-shadow:inset 0 1px #fff9e8,0 2px 3px #112e2d66;gap:8px}.game-nav button.active{background:linear-gradient(#d2e6bd,#9dbd92);border-color:#dfd291;box-shadow:inset 0 1px #eef0c8,0 0 9px #e9dc9c2e}.game-nav b{font-family:'Trebuchet MS',sans-serif;font-size:12px;font-weight:800;color:#3f5743}.game-nav button .pixel-icon{width:37px;height:37px;filter:drop-shadow(0 2px 1px #32463835)}
.sheet{background:linear-gradient(125deg,#fff9e9,#eee9d2);border:2px solid #668365;border-radius:12px;box-shadow:0 18px 90px #082c2bb0,inset 0 1px #ffffed}.sheet::backdrop{background:#102e29b8;backdrop-filter:blur(5px)}.sheet-header{background:linear-gradient(110deg,#244f44,#518162);border-bottom:1px solid #bdba85;box-shadow:inset 0 1px #d6e5c329}.sheet-header h2{font-family:'Trebuchet MS',sans-serif;font-size:20px;letter-spacing:.2px;color:#fff5d6;text-shadow:0 1px #18392e}.sheet-header>button,#closeModal{border-radius:6px;border-color:#becb9b;background:linear-gradient(#e3edc9,#b8cca6);box-shadow:inset 0 1px #f7f6d8;color:#496948}.menu-toolbar:not(:empty){background:#e8e8cc;border-bottom:1px solid #c9caaa}.menu-switch button,.collection-nav button{border:1px solid #c6c8a5;border-radius:5px;background:linear-gradient(#fcf7e5,#e2dfc1);color:#6a7656}.menu-switch button.active,.collection-nav button.active{background:linear-gradient(#5c9477,#35745f);border-color:#467458;color:#fff9df;box-shadow:inset 0 1px #9fbd8b}.menu-wallet{color:#748165}.sheet-footer{background:linear-gradient(#e1e4c8,#cdd8b9);border-top:1px solid #b7c2a0;color:#708368}.sheet-footer>button{border-radius:5px;background:linear-gradient(#fefbe8,#e9e6cb);border-color:#b8c3a0;color:#587052}.screen-page p{color:#66745f}.screen-page .row{border-color:#d4d9bb}.screen-page .row b{font-family:'Trebuchet MS',sans-serif;color:#3c5747}.screen-page .row small{color:#7b876f}.screen-page h3{font-family:Georgia,serif;font-size:21px;color:#385747}.screen-page .stat{background:linear-gradient(#f5edcf,#e2d9b2);border:1px solid #d5c69a;box-shadow:inset 0 1px #fff9e5}.screen-page .stat b{font-family:'Trebuchet MS',sans-serif;font-size:22px;color:#5c7452}.screen-page .stat small{color:#8e9572}.primary{background:linear-gradient(#50896f,#2d6b59);border-color:#2b5c4d;box-shadow:inset 0 1px #b2d19f80,0 2px 0 #214e43;color:#fff9df}.primary:hover{background:linear-gradient(#65997b,#35725f)}
.comparison>div{border-width:1px;border-radius:8px;background:linear-gradient(#fffbed,#eae6ce);box-shadow:inset 0 1px #fffdf5}.comparison em{font-family:'Trebuchet MS',sans-serif;font-size:10px;letter-spacing:1.2px;color:#71865b}.comparison b{color:#506649}.comparison small{color:#86906d}.comparison strong{font-family:'Trebuchet MS',sans-serif;color:#345b47}.comparison .pixel-icon{filter:drop-shadow(0 3px 2px #32533133)}.loot-buttons button:first-child{background:linear-gradient(#dfa79c,#bc7c77);border-color:#a16e68;color:#fff5de;box-shadow:inset 0 1px #f4c4ae}.odds-row{background:#f5f1df;border-bottom-color:#e1dfc6}.chest-upgrade-state{background:#e6e2c6;border-radius:7px}.mine-grid>div{background:linear-gradient(#dbe6bb,#aac5a0);border:1px solid #88a47b;border-radius:9px;box-shadow:inset 0 1px #f1f0c8}.mine-grid .pixel-icon{filter:drop-shadow(0 4px 2px #355f4933)}.camp-map>button{background:linear-gradient(#e0d5b6,#c5b18c);border:1px solid #9b9674;border-radius:9px;box-shadow:inset 0 1px #fff0d6,0 2px 5px #3c5e3626}.local-mode{background:#e1e8cd;border-color:#9cb38a;color:#6f8263!important}.research-progress,.arena-league{border:1px solid #c3c7a0;border-radius:8px;background:linear-gradient(#f5f0d6,#e2e5c7)}.screen-page .tech-node{background:linear-gradient(#f9f3dc,#e3e5ca);border-color:#c4cba6;border-left-color:#6b9a76;border-radius:7px}.toast{background:linear-gradient(#477f66,#275b4c);border-color:#c2d4a1;box-shadow:0 4px 15px #16362c55;color:#fff8dc;border-radius:9px;font-family:'Trebuchet MS',sans-serif}
.battle-banner{border:1px solid #c3c894;background:linear-gradient(#487d60,#2b5b49);box-shadow:inset 0 1px #93b485,0 5px 15px #183d3955;border-radius:8px;font-family:'Trebuchet MS',sans-serif;font-weight:800;font-size:22px;text-shadow:0 1px #153b2f;color:#fff2c7}.run-progress{border-radius:4px;background:#fbf7dfde;color:#5e6c4b}.leave-run{border-radius:5px;background:linear-gradient(#db9d8e,#bd776c);color:#fff9df;border:1px solid #9f6d5a}
@media(max-width:740px){main.game-main{padding:5px!important;gap:4px}.masthead{gap:5px}.hero-title b{font-size:10px;line-height:14px}.hero-title>span{font-size:8px}.workshop{padding:5px;border-radius:8px}.loadout-grid{gap:4px}.loadout-item{border-radius:5px;gap:0}.loadout-item:before{inset:2px;border-radius:3px}.loadout-item small{font-size:8px}.slot-weapon:after{top:3px;font-size:5px;letter-spacing:.6px}.loadout-item .pixel-icon{width:30px;height:30px}.loadout-item.slot-weapon .pixel-icon{width:50px;height:58px}.chest-tap .illustrated-chest{width:104px!important;height:68px!important}.chest-tap>span{font-size:7px;letter-spacing:.5px}.forge-left .chest-level b{font-size:10px;line-height:12px}.chest-level small{font-size:7px}.forge-left>button:last-child{border-radius:4px}.chest-actions>button{border-radius:4px}.game-nav{padding:4px 5px calc(4px + env(safe-area-inset-bottom));gap:3px}.game-nav button{gap:1px;border-radius:5px}.game-nav b{font-size:9px;line-height:12px}.game-nav button .pixel-icon{width:29px;height:29px}.skills button b{font-size:9px;line-height:12px}.skills button small{font-size:7px}.skills button>span{font-size:18px}.skills .auto{font-size:8px}.pilot-bar b{font-size:8px;line-height:11px}.pilot-bar small{font-size:6px}.pilot-bar button>span{font-size:18px}.arena-top>strong{font-size:10px}.arena-top>span{font-size:6px;letter-spacing:.6px}.sheet-header h2{font-size:17px;line-height:24px}.sheet{border-radius:9px}.sheet-footer>span{font-family:'Trebuchet MS',sans-serif}.comparison em{font-size:8px;letter-spacing:.7px}.battle-banner{font-size:17px}.buff-strip span{font-family:'Trebuchet MS',sans-serif}.hero-avatar{border-radius:7px}}
@media(max-width:350px),(max-height:650px) and (max-width:740px){.chest-tap .illustrated-chest{width:88px!important;height:55px!important}.loadout-item .pixel-icon{width:25px;height:24px}.loadout-item.slot-weapon .pixel-icon{width:44px;height:46px}.game-nav b{font-size:8px}.game-nav button .pixel-icon{width:25px;height:25px}.hero-title b{font-size:9px}.skills button b{font-size:8px}.arena-top>strong{font-size:9px}.arena-top>span{font-size:5px}}
@media(orientation:landscape) and (max-height:500px){.chest-tap .illustrated-chest{width:95px!important;height:68px!important}.game-nav button .pixel-icon{width:25px;height:25px}.game-nav b{font-size:9px}.skills button b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.illustrated-chest{animation:none!important}}

@media(min-width:351px) and (max-width:740px){.skills button b{font-size:10px}.game-nav b{font-size:10px}}
@media(max-width:740px){.loadout-item{display:grid;grid-template-rows:minmax(0,1fr) 9px;justify-items:center;gap:0;padding:2px 2px 1px!important}.loadout-item .pixel-icon,.loadout-item.slot-weapon .pixel-icon{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;align-self:stretch}.loadout-item small{font:800 8px/9px 'Trebuchet MS',sans-serif;height:9px;align-self:end}.slot-weapon:after{font-size:4px;top:2px}.chest-tap .illustrated-chest{height:56px!important;width:90px!important;overflow:visible}.illustrated-chest>.pixel-icon{min-height:0;max-height:100%;max-width:100%}.chest-tap>span{font-size:6px;line-height:8px}}
@media(max-width:350px),(max-height:650px) and (max-width:740px){.loadout-item{grid-template-rows:minmax(0,1fr) 8px;padding:1px!important}.loadout-item small{font-size:7px;line-height:8px;height:8px}.chest-tap .illustrated-chest{height:49px!important;width:79px!important}}

@media(orientation:portrait) and (max-width:740px){.workshop{height:203px}.workshop #panel{grid-template-rows:88px 77px 19px;gap:3px}}
@media(orientation:portrait) and (max-width:350px),(orientation:portrait) and (max-height:650px) and (max-width:740px){.workshop{height:178px}.workshop #panel{grid-template-rows:74px 69px 18px;gap:3px}}
.flying-coin{image-rendering:auto}.loadout-item{background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 18%,#fffdf3),color-mix(in srgb,var(--rarity) 48%,#f5ecd6))!important}