:root{--ink:#171824;--panel:#302d40;--edge:#706078;--light:#b19aba;--text:#f1e8dd;--muted:#b8adbd;--gold:#e9c580;--shadow:#121623}
body{color:var(--text)}
.box,.btn,#bar,.slot,.modalCard,#toast,#devPanel{border:2px solid var(--ink);border-radius:2px;background:var(--panel);color:var(--text);box-shadow:inset 0 2px 0 var(--edge),inset 2px 0 0 #574b63,inset 0 -3px 0 #201f30,inset -2px 0 0 #242235,3px 3px 0 #13192580}
.btn{font-weight:800;letter-spacing:.3px}.btn:hover{background:#463a50;color:#fff2d3}.btn:active{box-shadow:inset 2px 2px 0 #181b2a;transform:translate(1px,1px)}.btn:focus-visible,.slot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:disabled{opacity:.46;box-shadow:inset 0 2px 0 var(--edge)}
#hud small,#quest small{color:#c3b3cb;opacity:1;letter-spacing:1px}.height b{color:#ece1f2}#goldHud b{color:#f0ce88}#diamondHud b{color:#a6e3e6}#quest{border-left:3px solid #bd9bc6;padding:11px}#questTitle{color:#f2dca6}#questSub{color:var(--muted);opacity:1;line-height:1.5}#mode{color:#d5bedf}#gridToggle{background:#34444c;color:#bbe0da}#gridToggle.gridOff{background:#403b40;color:#c1b6bc;opacity:1}
#bar{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));background:#252534f5;height:102px;padding-top:9px;gap:6px}
.slot{background:#363346;border-color:#171b2a;border-radius:2px;max-width:78px;color:#d4c9da;height:78px}.slot.sel{background:#53414e;border-color:#e7c381;color:#fff0cc;box-shadow:inset 0 2px 0 #ffe3a3,inset 0 -3px 0 #312535,0 4px 0 #141827;transform:translateY(-3px)}.slot.empty{filter:none;opacity:.68}.slot.locked{filter:grayscale(.7);opacity:.45}
.pixelAsset{background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;image-rendering:pixelated}.icon{display:block;width:34px;height:34px}.blk{width:38px;height:38px;border:0}.num{inset:auto -6px -5px auto;min-width:23px;min-height:20px;padding:1px 4px;border:2px solid #171b29;border-radius:1px;background:#e8dcca;color:#27273b;font-size:12px;box-shadow:1px 1px 0 #66546a}.lock{border-radius:1px;background:#242435d9;font-size:12px;color:#d3c1d8}.minerCount{border-radius:1px;background:#e8dcca;border-color:#171b29;color:#27273b}.minerToolIcon{width:38px;height:38px}
#tipBtn.pixelAsset{background-size:24px!important;width:32px;height:31px}#tips{background:#2c2c3d;max-height:calc(100dvh - 290px);overflow-y:auto;touch-action:pan-y;color:#d9ccde;line-height:1.65}#tips b{color:var(--gold)}.saveNote{border-color:#726079;color:#c0b5c9}.resetLink{color:#e8a19b}.stabilityTrack{border-color:#151a27;background:#1e2433}.stabilityTrack i{background:#9bca9b;box-shadow:inset 0 2px 0 #d8efb5}#stabilityText{color:#cee4bc}
.modal{background:#121723a8;backdrop-filter:none;-webkit-backdrop-filter:none}.modalCard{background:#302d40;max-height:calc(100dvh - 40px);overflow:auto;touch-action:pan-y;padding:22px}.modalCard>b{color:#f0d6a0;letter-spacing:1px}.modalCard .warningText{opacity:1;color:#c0b4c8}.warningIcon,.minerPortrait{border:2px solid #171b29;border-radius:1px;background-color:#50404c;color:#ffd89f;box-shadow:inset 0 2px 0 #a78b9e,inset 0 -3px 0 #292436}.minerPortrait{width:62px;height:62px;background-size:52px!important}.dangerIcon{background:#623743;color:#ffd0b0}.modalActions .primary,.upgradeBtn{background:#5b493e;color:#ffe3a3;border-color:#211e2b}.modalActions .danger,.btn.danger{background:#643c49;color:#ffd2c4;border-color:#301f2d}.minerGold{border:2px solid #261f2c;border-radius:1px;background:#594333;color:#ffe0a0;box-shadow:inset 0 2px 0 #99794d}.dontShow input{accent-color:#ba99c5}
#toast{background:#3a3044;border-color:#bc99c5;color:#fff0d1;border-radius:1px;box-shadow:inset 0 2px 0 #e1bedb,inset 0 -3px 0 #221d2e,4px 4px 0 #12182788;font-size:11px;line-height:1.6}#toast:before{content:'✦';display:block;color:var(--gold);font-size:18px;margin-bottom:4px}#load{background:#272738;color:#f1d5a0;letter-spacing:2px}
#devPanel{background:#302d40;color:var(--text);border-radius:2px}#devPanel h2{color:var(--gold)}#devPanel .devHint,#devPanel small{color:#c1b3ca}#devPanel input[type=number],#devPanel select{background:#202432;color:#f0e1e7;border:2px solid #73607d;border-radius:1px;box-shadow:inset 2px 2px 0 #121726}#devPanel input[type=checkbox]{accent-color:#bd9bc8}#devSummary{background:#222534;color:#dec9e5;border-radius:0;box-shadow:inset 0 2px 0 #151b28}#devFeedback{color:#bfdfac}#devPanel::backdrop{background:#121723b3}#devToggle{color:#d9bcdf}
@media(max-width:420px){#bar{left:4px;right:4px;gap:3px;padding-left:3px;padding-right:3px}.slot{min-width:40px;font-size:7px}#quest{width:154px}.hudLeft{gap:4px}.height,#goldHud,#diamondHud{padding:6px;min-width:0}.height b{font-size:15px}.cams .btn{padding:9px 5px}#devPanel{padding:14px}}
@media(prefers-reduced-motion:reduce){.slot,.btn,#toast{transition:none}}

/* Compact field guide: actions remain visible while the tip groups collapse. */
#tips{top:max(182px,calc(env(safe-area-inset-top) + 182px));width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - 200px);padding:0;background:#2c2c3d;color:#d9ccde;line-height:1.55;overflow:hidden;touch-action:pan-y}
.tipsTitle{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:11px 12px 9px;border-bottom:2px solid #171824}.tipsTitle small{font-size:7px;color:#aa9ab3}
.tipsGroups{overflow-y:auto;max-height:calc(100dvh - 330px);overscroll-behavior:contain}.tipsGroups details{border-bottom:1px solid #54495e}.tipsGroups summary{position:relative;padding:11px 30px 10px 12px;color:#f0d6a0;font-weight:900;font-size:9px;letter-spacing:.4px;cursor:pointer;list-style:none}.tipsGroups summary::-webkit-details-marker{display:none}.tipsGroups summary:after{content:'+';position:absolute;right:12px;top:8px;color:#d6b1df;font-size:15px}.tipsGroups details[open] summary:after{content:'–'}.tipsGroups summary span{display:block;margin-top:3px;color:#aa9fb2;font-size:7px;font-weight:500;letter-spacing:0}
.tipBody{padding:0 12px 9px;background:#252536}.tipBody p{margin:0;padding:5px 0;font-size:8px;color:#cfc3d3}.tipBody p b{font-size:8px}
.tipsFooter{position:sticky;bottom:0;padding:9px 10px 10px;background:#302d40;border-top:2px solid #171824;box-shadow:0 -4px 0 #17182433}.tipsFooter .saveNote{margin:0 0 8px;padding:0;border:0;color:#9f92a7;font-size:7px;letter-spacing:.5px}.tipsActions{display:grid;grid-template-columns:1fr 1.15fr;gap:7px}.tipsActions .btn,.tipsActions .resetLink{min-height:34px;width:100%;font:900 8px ui-monospace,monospace}.tipsActions .devLink{color:#d9bcdf}.tipsActions .resetLink{appearance:none;padding:7px;border:2px solid #552b39;background:#643c49;color:#ffd2c4;text-decoration:none;box-shadow:inset 0 2px 0 #a2636c,inset 0 -3px 0 #34202c,2px 2px 0 #111522}
@media(max-width:420px){#tips{top:max(146px,calc(env(safe-area-inset-top) + 146px));max-height:calc(100dvh - 160px)}.tipsGroups{max-height:calc(100dvh - 307px)}}