:root{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;color:#111820;background:#26343b;font-synthesis:none;--ink:#101619;--green:#10b66a;--blue:#00a5ed;--red:#ff425c;--gold:#ffc63d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;background:#26343b;display:flex;align-items:center;justify-content:center}button{font:inherit;font-weight:900;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffc63d;outline-offset:3px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}.app-shell{width:100%;max-width:480px;height:100dvh;max-height:1000px;background:var(--green);overflow:hidden;position:relative}.lobby-screen,.game-screen{height:100%;display:flex;flex-direction:column;min-height:0}.lobby-screen{background:var(--green)}.lobby-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(15px + env(safe-area-inset-top)) 16px 12px;flex:none}.brand{display:flex;gap:7px;align-items:center;font-size:28px;font-weight:900;line-height:1;color:#fff;letter-spacing:-1px;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.brand>span{color:var(--gold);font-size:32px}.brand>div>span{display:block;font-size:12px;letter-spacing:1.6px;margin-top:6px}.lobby-header-right{display:flex;gap:9px;align-items:center}.wallet-pill,.gear-wallet{display:flex;align-items:center;gap:6px;background:#074c31;border:3px solid var(--ink);border-radius:10px;padding:5px 10px;color:#fff;font-weight:900;font-size:20px}.wallet-pill>span,.gear-wallet>span{color:var(--gold)}.icon-button{width:42px;height:42px;flex:none;border:3px solid var(--ink);border-radius:10px;background:#dce2e7;color:#273441;box-shadow:0 3px 0 var(--ink);display:grid;place-items:center;font:900 25px Arial,sans-serif}.icon-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.lobby-scroll{flex:1;min-height:0;overflow:auto;padding:2px 16px 15px;overscroll-behavior:contain}.sanctuary-art{height:clamp(115px,20dvh,180px);border:3px solid var(--ink);border-radius:14px;overflow:hidden;position:relative;background:var(--green)}.sanctuary-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}.sanctuary-tag{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);color:var(--ink);background:#fff;border:2px solid var(--ink);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:900;white-space:nowrap}.lobby-intro{text-align:center;padding:18px 4px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1px;display:block;margin-bottom:7px;color:#073e28}h1{font-size:29px;line-height:1.1;letter-spacing:-.8px;color:#fff;font-weight:900;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.lobby-intro p{font-size:14px;line-height:1.4;color:#063e29;font-weight:700;margin:9px auto 0;max-width:340px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 5px;background:#fff;border:3px solid var(--ink);border-radius:12px;margin-bottom:16px;gap:6px}.result-stats div{display:flex;flex-direction:column;text-align:center;gap:5px}.result-stats b{font-size:25px;font-weight:900}.result-stats div:first-child b{color:#c88700}.result-stats span{font-size:12px;font-weight:700;color:#626971}.upgrade-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.upgrade-heading h2{font-size:20px;font-weight:900;color:#fff;text-shadow:1px 2px var(--ink)}.upgrade-heading>span{font-size:12px;font-weight:900;color:#073e28}.upgrade{display:flex;align-items:center;gap:10px;width:100%;min-height:74px;margin:9px 0;padding:10px;background:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 #087b49;text-align:left}.upgrade:enabled:hover{background:#e0ffe6}.upgrade:disabled{background:#cce1d3;color:#536159}.upgrade-icon{width:32px;flex:none;font-size:30px;color:#c78b05;text-align:center}.upgrade-copy{flex:1;min-width:0}.upgrade-copy b{display:block;font-size:15px;margin-bottom:4px}.upgrade-copy small{display:block;font-size:12px;line-height:1.35;color:#5a6860}.upgrade-price{font-size:15px;font-weight:900;white-space:nowrap;background:var(--gold);border:2px solid var(--ink);padding:7px;border-radius:8px}.upgrade:disabled .upgrade-price{background:#9fb1a5;color:#536159;border-color:#536159}.lobby-dock{flex:none;padding:9px 16px calc(18px + env(safe-area-inset-bottom));background:#0e9b5b;border-top:3px solid var(--ink)}.next-mission{display:flex;justify-content:space-between;padding:0 2px 9px;font-size:12px;font-weight:900;color:#073e28}.primary-button{height:55px;width:100%;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:12px;border:3px solid var(--ink);border-radius:12px;background:var(--blue);box-shadow:0 5px 0 #075f88;color:#fff;font-size:21px;font-weight:900;text-shadow:1px 2px 0 var(--ink)}.primary-button:active{transform:translateY(2px);box-shadow:0 3px 0 #075f88}.level-badge{background:#077eb3;border:2px solid var(--ink);border-radius:7px;padding:2px 8px;font-size:18px}.mission-bar{display:flex;align-items:center;gap:10px;flex:none;position:relative;z-index:5;padding:calc(10px + env(safe-area-inset-top)) 10px 12px;background:var(--green);border-bottom:3px solid var(--ink);min-height:76px}.mission-stat{display:flex;align-items:center;gap:7px;position:relative;padding:5px 8px 8px;min-width:0;flex:1;border:3px solid var(--ink);border-radius:10px;background:#075332}.target-block{background:#164b44}.stat-symbol{color:var(--gold);font-size:25px}.target-symbol{color:#ff9ac7;font-size:29px;line-height:1;font-weight:900}.stat-label{display:block;font-size:12px;font-weight:900;letter-spacing:.3px;color:#d1eadf;margin-bottom:3px}.mission-stat strong{font-size:26px;line-height:1;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-shadow:1px 2px var(--ink)}.stat-max{font-size:12px;font-weight:900;color:#a9c8b9}.energy-track{position:absolute;left:8px;right:8px;bottom:-3px;height:6px;border:1px solid var(--ink);border-radius:4px;background:#233b2c;overflow:hidden}.energy-track>div{height:100%;background:var(--gold);transition:width .2s}.energy-block.low strong{color:#ff6a75}.energy-block.low .energy-track>div{background:var(--red)}.mission-bar .icon-button{width:38px;height:40px;font-size:23px}.map-frame{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--green);isolation:isolate}#board{display:block;width:100%;height:100%;touch-action:none}#cell-controls{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr)}#cell-controls button{background:transparent;border:0;min-width:0;min-height:0;padding:0;border-radius:10px;touch-action:manipulation}#cell-controls button:focus-visible{outline:3px solid #ffe25b;outline-offset:-5px}#map-toast{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);max-width:90%;padding:9px 12px;border:3px solid var(--ink);border-radius:9px;background:#fff;color:var(--ink);font-size:14px;font-weight:900;text-align:center;opacity:0;pointer-events:none;z-index:4}#map-toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-modal{width:calc(100vw - 28px);max-width:410px;max-height:calc(100dvh - 28px);overflow:auto;padding:20px;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 7px 0 #10161966}.settings-modal::backdrop,.loot-modal::backdrop{background:#071315aa}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.settings-header h2{font-size:25px;font-weight:900}.close-button{width:36px;height:36px;border:2px solid var(--ink);border-radius:8px;background:#dedfe1;color:#253039;font-size:25px}.sound-setting{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:#eee;border:2px solid var(--ink);border-radius:9px;font-size:15px;font-weight:900}.toggle-state{background:#a7abb3;color:#fff;border:2px solid var(--ink);border-radius:8px;min-width:58px;padding:5px 9px;font-size:14px}.sound-setting[aria-pressed=true] .toggle-state{background:var(--green);color:#fff}.mission-details{padding-top:18px}.mission-details h3{font-size:16px;font-weight:900;margin-bottom:10px}.mission-details dl{margin:0}.mission-details dl>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0;font-size:14px}.mission-details dt{color:#657078}.mission-details dd{margin:0;text-align:right;font-weight:900}.how-to-play{margin-top:18px;border-top:2px solid #ddd;padding-top:15px}.how-to-play summary{cursor:pointer;font-size:16px;font-weight:900}.rules p{font-size:14px;line-height:1.5;margin-top:12px;color:#586268}.rules b{font-weight:900;color:#182027}.settings-note{font-size:12px;line-height:1.5;color:#73797d;margin:18px 0}.secondary-button{width:100%;padding:12px 8px;border:2px solid var(--ink);border-radius:9px;background:#dedfe1;color:#283038;font-size:14px;font-weight:900;margin-bottom:15px}.settings-modal .primary-button{height:48px;font-size:18px;margin-bottom:5px}
.equipment-dock{flex:none;padding:9px 10px calc(10px + env(safe-area-inset-bottom));background:#444b5d;border-top:3px solid var(--ink);z-index:5}.equipment-heading{display:flex;align-items:center;justify-content:space-between;margin:0 1px 8px}.equipment-heading h2{font-size:16px;font-weight:900;color:#fff;text-shadow:1px 2px var(--ink)}.gear-wallet{padding:3px 8px;font-size:14px;border-width:2px;border-radius:7px;background:#26333e}.equipment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.gear-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:76px;padding:3px 1px;border:3px solid var(--ink);border-radius:10px;background:#f6f6f6;box-shadow:0 2px 0 #262b36;overflow:hidden}.gear-slot:active{transform:translateY(1px)}.gear-art{display:block;width:43px;height:43px;background-image:url('assets/flat-equipment.png');background-size:400% 200%;background-repeat:no-repeat;flex:none}.slot-label{font-size:12px;line-height:13px;font-weight:900;color:#4c5359}.slot-level{font-size:12px;font-weight:900;line-height:13px;color:var(--ink)}.empty-slot{background:#a4acb6;box-shadow:none}.empty-slot .gear-art,.empty-icon .gear-art{filter:grayscale(1);opacity:.24}.empty-slot .slot-label,.empty-slot .slot-level{color:#4f5b65}.rarity-enchanted{background:#b6ecc2}.rarity-rare{background:#d8b5ef}.gear-summary{grid-column:span 2;border:3px solid var(--ink);border-radius:10px;padding:7px 9px;background:#26333e;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:3px}.gear-summary>span{font-size:12px;font-weight:900;color:#aebbc7}.gear-summary>div{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;font-weight:900}.gear-summary b{font-size:17px;color:var(--gold);font-variant-numeric:tabular-nums}.loot-modal{width:calc(100vw - 28px);max-width:420px;max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:20px 16px 15px;border:3px solid var(--ink);border-radius:15px;background:#fff;box-shadow:0 7px 0 #10161966;color:var(--ink)}.loot-heading{text-align:center;margin-bottom:17px}.loot-heading h2{font-size:28px;font-weight:900;letter-spacing:-.7px}.loot-heading .eyebrow{display:none}.loot-heading p{font-size:14px;color:#687078;line-height:1.4;margin-top:5px}.compare-section h3{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:900;color:#222b31;margin:0 2px 7px}.compare-section+.compare-section{margin-top:15px}.new-gear{background:#e0e0e0;border-radius:11px;padding:12px 10px}.new-gear h3{color:#e92f4a}.new-gear h3 span{font-size:12px;background:#fff;border:2px solid var(--ink);border-radius:5px;padding:2px 6px;color:var(--ink)}.item-card{padding:10px;border:0;border-radius:10px;background:transparent}.item-card.rarity-enchanted,.item-card.rarity-rare{background:transparent}.item-identity{display:flex;gap:12px;align-items:center;min-width:0}.item-icon{width:76px;height:80px;flex:none;border:3px solid var(--ink);border-radius:10px;background:#efefef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.item-icon .gear-art{width:55px;height:55px}.item-icon>span:last-child{font-size:14px;line-height:15px;font-weight:900}.item-name{min-width:0;flex:1}.rarity-label{display:inline-block;font-size:12px;font-weight:900;color:#72767a;margin-bottom:4px}.rarity-enchanted .rarity-label{color:#06833d}.rarity-rare .rarity-label{color:#8745ac}.item-name h4{margin:0 0 5px;font-size:18px;font-weight:900;line-height:1.15}.item-name>span:last-child{font-size:12px;color:#687078}.item-stats{margin-top:9px;padding-top:8px;border-top:2px solid #bec1c3;display:flex;flex-direction:column;gap:5px}.item-stat{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900}.item-stat>span{flex:1;color:#535d64}.item-stat>b{font-size:16px;font-variant-numeric:tabular-nums}.item-stat em{font-style:normal;font-size:14px;font-weight:900;min-width:40px;text-align:right}.stat-up{color:#079a37}.stat-down{color:#ee354f}.stat-equal{color:#777d82}.loot-effect{font-size:14px;font-weight:900;line-height:1.4;text-align:center;margin:13px 0;color:#343d44}.loot-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.loot-actions button{min-height:66px;border-radius:11px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:3px solid var(--ink);color:#fff;box-shadow:0 5px 0 #831f32}.loot-actions b{font-size:25px;font-weight:900;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.loot-actions span{font-size:12px;font-weight:900}.sell-button{background:var(--red)}.loot-actions .equip-button{background:var(--blue);box-shadow:0 5px 0 #075f88}.loot-actions button:active{transform:translateY(2px)}.loot-note{font-size:12px;text-align:center;line-height:1.4;color:#767d83;margin-top:16px}.item-modal{max-width:360px}.item-modal .settings-header{margin-bottom:13px}.item-modal .settings-header h2{font-size:23px}.item-modal .settings-note{margin-bottom:0}
@media(min-width:600px){.app-shell{height:calc(100dvh - 24px);border:4px solid var(--ink);border-radius:20px}.mission-bar{padding-top:10px}.lobby-header{padding-top:15px}}@media(max-height:740px){.sanctuary-art{height:110px}.lobby-intro{padding:12px 3px}.lobby-intro h1{font-size:26px}.upgrade{min-height:66px;padding:8px;margin:8px 0}.lobby-dock{padding-bottom:14px}.result-stats{margin-bottom:12px}.equipment-dock{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.gear-slot{height:66px}.gear-slot .gear-art{width:33px;height:33px}.equipment-heading{margin-bottom:6px}.loot-modal{padding:14px;max-height:calc(100dvh - 16px)}.loot-heading{margin-bottom:11px}.loot-heading h2{font-size:25px}.compare-section+.compare-section{margin-top:10px}.item-card{padding:7px}.item-icon{width:60px;height:66px}.item-icon .gear-art{width:40px;height:40px}.item-stats{margin-top:6px;padding-top:5px}.loot-effect{margin:9px 0}.loot-actions button{min-height:57px}.loot-note{margin-top:13px}}@media(max-width:350px){.lobby-header,.lobby-scroll{padding-left:10px;padding-right:10px}.brand{font-size:23px}.wallet-pill{font-size:17px;padding:5px 7px}.mission-bar{gap:5px;padding-left:6px;padding-right:6px}.mission-stat{gap:4px;padding-left:5px;padding-right:4px}.stat-symbol{font-size:20px}.target-symbol{font-size:22px}.mission-stat strong{font-size:23px}.stat-label{font-size:12px;letter-spacing:0}.equipment-dock{padding-left:7px;padding-right:7px}.equipment-grid{gap:4px}.gear-slot{height:66px}.gear-slot .gear-art{width:32px;height:32px}.gear-summary{padding:6px}.slot-label{font-size:12px}.item-name h4{font-size:16px}.new-gear{padding:9px 6px}.loot-modal{padding-left:11px;padding-right:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Compact horizontal comparison cards. */
.loot-modal{padding:10px 0 8px;background:transparent;border:0;box-shadow:none;border-radius:0;max-width:410px}.loot-modal::backdrop{background:#061015bd}.loot-heading{margin-bottom:19px}.loot-heading h2{font-size:25px;color:#fff;text-shadow:2px 2px 0 #101619,-1px -1px 0 #101619}.compare-section h3{margin:0 10px 6px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.8px}.compare-section+.compare-section{margin-top:16px}.new-gear{background:transparent;padding:0;border-radius:0}.new-gear h3{color:#72f09d}.loot-modal .item-card{padding:12px;background:#617f8b;border:3px solid #283644;border-radius:13px;box-shadow:inset 0 2px 0 #9eb6be,0 3px 0 #10161955}.loot-modal .new-gear .item-card{background:#7898a3}.item-identity{gap:12px}.item-icon{width:68px;height:74px;background:#c0cfd1;border-color:#283644}.item-icon .gear-art{width:47px;height:47px}.item-icon>span:last-child{font-size:12px;line-height:14px}.item-name h4{font-size:18px;margin:0 0 7px;line-height:1.15}.loot-modal .item-name h4{color:#fff;text-shadow:1px 2px 0 #17242e}.item-name .rarity-label{font-size:12px;margin-bottom:4px}.loot-modal .rarity-label{color:#d3e4e7}.loot-modal .rarity-enchanted .rarity-label{color:#b6ffb9}.loot-modal .rarity-rare .rarity-label{color:#f0c4ff}.item-name .item-stats{border:0;margin:0;padding:0;gap:4px}.item-name .item-stat{justify-content:flex-start;gap:7px;font-size:14px}.item-name .item-stat>span{flex:none}.item-name .item-stat>b{font-size:15px}.item-name .item-stat em{min-width:0;margin-left:3px}.loot-modal .item-stat>span,.loot-modal .item-stat>b{color:#fff}.loot-modal .stat-up{color:#95ffad}.loot-modal .stat-down{color:#ffb1b4}.loot-modal .stat-equal{color:#dde5e8}.loot-actions{margin:20px 6px 5px;gap:14px}.loot-actions button{min-height:63px}.loot-actions b{font-size:24px}.loot-actions span{font-size:12px}.loot-modal .item-stats:empty{display:none}@media(max-height:740px){.loot-modal{padding:8px 0}.loot-heading{margin-bottom:14px}.loot-modal .item-card{padding:10px}.compare-section+.compare-section{margin-top:13px}.loot-actions{margin-top:17px}.item-icon{width:62px;height:68px}.item-icon .gear-art{width:42px;height:42px}}@media(max-width:350px){.loot-modal{padding:8px 0}.item-name h4{font-size:16px}.item-identity{gap:9px}.loot-modal .item-card{padding:9px}.item-name .item-stat{gap:5px;font-size:13px}.item-name .item-stat em{font-size:12px}}

/* Keep all 6 × 8 cells square within the available play area. */
.map-frame{display:flex;align-items:center;justify-content:center;background:#dce8f7}.map-viewport{position:relative;flex:none;width:100%;aspect-ratio:3/4;max-width:100%;max-height:100%;overflow:hidden}
@keyframes loot-fade-in{from{opacity:0}to{opacity:1}}
.loot-actions button.recommended{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 5px 0 #10161966,0 0 16px #ffc63d66}
.loot-modal[open]{animation:loot-fade-in .24s ease-out both}
.loot-modal[open]::backdrop{animation:loot-fade-in .24s ease-out both}
@media(prefers-reduced-motion:reduce){.loot-modal[open],.loot-modal[open]::backdrop{animation:none}}