:root{--bg:#151a23;--panel:#202932;--line:#374650;--jade:#9be5bc;--gold:#f1ce88;--muted:#95a8ae}body{background:radial-gradient(ellipse at 30% 0,#293b38 0,transparent 60%),#151a23}header{height:74px;background:#141c26d9}.seal{border:2px solid #a4d8b5;box-shadow:3px 3px 0 #0b1219;border-radius:0;background:#293e38}main{max-width:1640px;padding-top:22px}.heading{margin-bottom:22px}h1{font-size:32px}.eyebrow{letter-spacing:3px}.layout{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:18px}.game-panel{position:sticky;top:15px;border:2px solid #677a70;border-radius:0;box-shadow:5px 5px 0 #0b1019}.game-top,.game-footer{background:#25343a}.viewport{min-height:0;aspect-ratio:960/600;flex:auto;background:#141921}canvas{image-rendering:pixelated;cursor:crosshair;touch-action:none}.vignette{box-shadow:inset 0 0 45px #0d141b66}.location{top:17px;left:20px;font-size:17px;letter-spacing:3px;text-shadow:2px 2px #142126;background:#142029c9;padding:9px 12px;border-left:3px solid #9bddaf}.location small{font-size:7px}.location>span{display:none}.timer{top:18px;right:20px;padding:8px 12px;background:#142029d9;border-right:3px solid #e7c484}.timer strong{font-size:21px}.timer small{font-size:9px}.map-key{bottom:86px;font-size:8px;pointer-events:none}.bottom-hud{bottom:12px;left:12px;right:12px;padding:10px 13px;border:2px solid #567469;border-radius:0;background:#14222aed;pointer-events:none}.bottom-hud .avatar{border-radius:0;background:#476857}.bars{width:40%}.bar{height:6px}.bar i{background:#a9e392}.bar.qi i{background:#85d5ec}kbd{border-radius:0;border-bottom-width:3px}.intro{background:#15202bb3;backdrop-filter:none}.intro-mark{font-size:44px;border:3px solid #99dab0;padding:3px 22px;box-shadow:5px 5px 0 #101724;color:#bbf0c5;background:#29443e}.intro h2{font-size:26px;color:#f7eccb}.intro .eyebrow{margin-top:10px}.primary{border:2px solid #ddf8ba;box-shadow:4px 4px 0 #152822;background:#abe08f}.primary:hover{background:#c8f1af;transform:translateY(-1px)}aside{gap:12px}.card{border:2px solid #35444d;border-radius:0;padding:15px;background:#202b33;box-shadow:3px 3px 0 #0f1720}.card-title{margin-bottom:13px}.mission .quest{margin-top:12px}.quest p{margin:5px 0}.quest-icon{background:#2e3735}.loadout .card-title button{font-size:10px;color:#e4cb93}.loadout-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #344850}.loadout-row>span{color:#8da4ab;font-size:9px}.loadout-row b{font-size:12px;color:#c5edc7}.loadout-row small{margin-left:auto;color:#b39edc;font-size:9px}.loadout p{font-size:10px;color:#bac5ba;margin-bottom:7px}.loadout>small{font-size:9px;color:#8ca4af}.inventory{gap:6px}.slot{height:43px;border-radius:0;background:#16212b;border:2px solid #35454b}.slot.filled{background:#26313e;font-size:9px;line-height:1.4}.slot.filled:hover{background:#3a4652;transform:translateY(-2px)}.slot:disabled{cursor:default;color:#3b4d55}.inventory-tip{font-size:9px;color:#859fa8;margin:9px 0}.value{margin:10px 0}.school p{line-height:1.6}.instructions{margin-top:20px;border-radius:0;background:#202b32}.settings{display:flex;align-items:center;gap:16px;font-size:10px;color:#8fa8ae;margin-top:16px}.settings button{border:1px solid #415651;padding:6px 10px;background:#23323a}.settings>span:first-child{color:#a7e0b2;font-family:monospace}.settings>span:last-child{margin-left:auto}dialog{max-width:680px;border:2px solid #718b7e;background:#1e2a35;max-height:85vh}dialog::backdrop{backdrop-filter:none;background:#0d1425dc}.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.catalog-tabs button{background:#35454a;border:1px solid #5d776c;padding:6px 12px;font-size:11px}.catalog-item{padding:10px 0;border-bottom:1px solid #34434d}.catalog-item b{display:block;font-size:12px}.catalog-item small{display:block;color:#a4b6b9;font-size:11px;margin-top:3px}#toast{z-index:5;top:90px;max-width:85%;white-space:normal;line-height:1.6;background:#13202eef}footer{padding-top:15px}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 250px}.location small{display:none}.intro h2{font-size:20px}.intro-mark{font-size:28px}.intro p{font-size:10px}.intro>small{font-size:8px}.bottom-hud .avatar{display:none}.map-key{display:none}}@media(max-width:750px){.layout{grid-template-columns:1fr}.game-panel{position:relative;top:0}.viewport{min-height:320px}.intro h2{font-size:18px}.intro p{max-width:90%}.intro-mark{display:none}.intro .primary{padding:10px 20px;margin:10px 0}.location{font-size:12px;padding:5px}.timer strong{font-size:16px}.timer small{display:none}.bottom-hud{padding:6px}.bottom-hud small{display:none}aside{display:grid;grid-template-columns:1fr 1fr}.mission{grid-row:auto}.school{grid-column:auto}.settings{flex-wrap:wrap}.settings>span:last-child{margin-left:0}.heading p{font-size:10px}.game-top{padding:12px;font-size:9px}.game-footer{font-size:8px;padding:10px}.card-title h3{font-size:13px}}