:root{--panel: rgba(32, 25, 16, .86);--panel-solid: #2a2116;--panel-lift: rgba(58, 46, 30, .9);--edge: rgba(255, 228, 168, .2);--cream: #f7ecd6;--muted: #bfae91;--gold: #f5b93b;--gold-deep: #c98a1c;--leaf: #7dc242;--leaf-dark: #4d8a29;--danger: #e2603f;--shadow: 0 10px 26px rgba(16, 30, 10, .42);--round: 14px;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8ed3f0;color:var(--cream);-webkit-font-smoothing:antialiased}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:10}.panel{background:var(--panel);border:2px solid var(--edge);border-radius:var(--round);box-shadow:var(--shadow);padding:10px 14px;backdrop-filter:blur(4px)}#topleft{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}#title-chip{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:1.6px;padding:8px 15px}#title-chip .bug{width:15px;height:15px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#f0d24a,#d8952a);border:2px solid #6b4a12}.readout{display:flex;align-items:center;gap:12px;min-width:196px}.readout .icon{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center}.readout .icon.bucket{background:linear-gradient(180deg,#58b6dc,#2f7fa3);border:2px solid #1f5f7d;border-radius:6px 6px 10px 10px}.readout .icon.coin{background:radial-gradient(circle at 34% 30%,#ffe9a8,var(--gold) 58%,var(--gold-deep));border:2px solid #8f6110;border-radius:50%}.readout .big{font-size:23px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.readout .label{font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}#wallet.bump .big{animation:bump .36s ease;color:var(--gold)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}#topright{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.container-panel{width:262px}#net-panel .chips,#net-panel .container-head{text-align:left}.container-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.container-head .count{font-size:17px;letter-spacing:0;color:var(--cream)}.container-head .worth{color:var(--gold);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:5px;min-height:24px}.chip{--fill: 0%;position:relative;overflow:hidden;border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);border:2px solid rgba(0,0,0,.25);white-space:nowrap}.chip:after{content:"";position:absolute;inset:auto 0 0;height:var(--fill);background:linear-gradient(180deg,#ff783c8c,#e2603ff2);transition:height .1s linear}.chip span{position:relative;z-index:1}.chip.gold{border-color:#ffe9a8;box-shadow:0 0 14px #f5b93be6}.empty-note{font-size:12px;color:var(--muted);font-style:italic}.capacity-bar{margin-top:9px;height:7px;border-radius:5px;background:#00000059;overflow:hidden}.capacity-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),var(--leaf-dark));transition:width .15s ease}#keyhints{position:absolute;left:16px;bottom:18px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--cream)}#keyhints div{display:flex;align-items:center;gap:8px;opacity:.8;text-shadow:0 1px 3px rgba(0,0,0,.8)}.key{display:inline-block;min-width:22px;text-align:center;background:#f7ecd6eb;color:#2a2116;border-radius:5px;padding:2px 7px;font-size:11.5px;font-weight:700;box-shadow:0 2px #00000073}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;transition:transform .08s ease}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffeb;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75))}#crosshair:before{left:11px;top:5px;width:4px;height:16px;border-radius:2px}#crosshair:after{top:11px;left:5px;width:16px;height:4px;border-radius:2px}#crosshair.hot{transform:scale(1.55) rotate(45deg)}#prompt{position:absolute;left:50%;bottom:108px;transform:translate(-50%);font-size:15px;font-weight:700;padding:9px 18px;opacity:0;transition:opacity .18s ease;white-space:nowrap}#prompt.show{opacity:1}#toasts{position:absolute;left:50%;bottom:168px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{padding:10px 22px;font-size:15px;font-weight:700;animation:toast-in .3s cubic-bezier(.2,1.4,.5,1);text-align:center}.toast.gold{border-color:#f5b93bbf;box-shadow:0 0 34px #f5b93b59,var(--shadow);background:linear-gradient(180deg,#483414f0,#261b0cf0);color:var(--gold);letter-spacing:.6px}.toast.bad{border-color:#e2603f99;color:#ffc4b1}.toast.fade{opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}#buffs{display:flex;flex-direction:column;gap:8px;align-items:flex-end}#buffs:empty{display:none}#buffs .header{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding:7px 14px}.buff{display:flex;align-items:center;gap:10px;padding:8px 13px;font-size:13px;font-weight:700;min-width:176px}.buff .swatch{width:15px;height:15px;border-radius:5px;border:2px solid rgba(0,0,0,.35);flex:none}.buff .time{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums}.overlay{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#0c14088c;backdrop-filter:blur(4px);pointer-events:auto}.overlay.open{display:flex}.sheet{width:min(960px,94vw);max-height:88vh;overflow-y:auto;padding:24px 28px 28px;border-radius:20px;background:linear-gradient(180deg,#2c2215f7,#1c150df7);border:2px solid var(--edge);box-shadow:0 24px 60px #0000008c}.sheet h1{margin:0 0 4px;font-size:28px;letter-spacing:1px;color:var(--cream)}.sheet .sub{margin:0 0 18px;color:var(--muted);font-size:13.5px}.sheet h2{font-size:13px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin:22px 0 12px;border-bottom:1px solid rgba(245,185,59,.25);padding-bottom:7px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:13px}.card{background:#140f09b3;border:2px solid rgba(255,228,168,.13);border-radius:13px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card .title{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:var(--cream)}.card .title .lv{color:var(--gold);font-size:14px}.card .blurb{font-size:12.5px;color:var(--muted);min-height:34px}.pips{display:flex;gap:4px}.pip{flex:1;height:8px;border-radius:3px;background:#ffffff1f}.pip.on{background:linear-gradient(90deg,var(--leaf),var(--leaf-dark))}.card .effect{font-size:12px;font-weight:700;color:#a8dc78;min-height:17px}button.buy{pointer-events:auto;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;border:none;border-radius:10px;padding:10px 12px;color:#fff;background:linear-gradient(180deg,#7bc247,var(--leaf-dark));box-shadow:0 4px #33601a;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}button.buy:hover:not(:disabled){filter:brightness(1.09)}button.buy:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #33601a}button.buy:disabled{cursor:default;background:linear-gradient(180deg,#5a5040,#3f382c);box-shadow:0 4px #2b261d;color:#9c917d}button.buy.maxed{background:linear-gradient(180deg,#f0c352,var(--gold-deep));box-shadow:0 4px #8c6011;color:#3a2708}.sheet-foot{margin-top:22px;text-align:center;font-size:12.5px;color:var(--muted)}.shop-purse{display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 12px;border-radius:12px;background:#140f09b3;border:2px solid rgba(245,185,59,.35);margin-bottom:4px}.shop-purse .big{font-size:24px;font-weight:700;color:var(--gold);line-height:1.05;font-variant-numeric:tabular-nums}.shop-purse .label{font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}.guide-progress{font-size:13px;color:var(--muted);padding:9px 14px;border-radius:10px;background:#140f0999;border:2px solid rgba(255,228,168,.12);margin-bottom:14px}.guide-progress b{color:var(--gold)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:11px}.guide-card{padding:12px 14px;border-radius:12px;background:#140f09b3;border:2px solid rgba(255,228,168,.12);color:var(--cream)}.guide-card.unseen{opacity:.45}.guide-head{display:flex;align-items:center;gap:10px}.guide-head .dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.35);flex:none}.guide-title{display:flex;flex-direction:column;font-size:14px}.guide-title .where{font-size:11px;color:var(--muted);text-transform:capitalize}.guide-head .meta{margin-left:auto;font-weight:700;color:var(--gold);font-size:15px}.guide-note{margin:9px 0 10px;font-size:12.5px;line-height:1.45;color:#ddd0b6}.guide-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#ffffff1a;color:var(--cream)}.tag.soft{background:#ffffff0f;color:var(--muted);text-transform:capitalize;letter-spacing:.2px}.tag.good{background:#7dc24238;color:#b7e58a}.tag.warn{background:#f5b93b33;color:#f0cf80}.tag.bad{background:#e2603f38;color:#ffb49c}.menu-sheet.narrow{width:min(430px,92vw);text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:10px;margin-top:6px}button.buy.ghost{background:linear-gradient(180deg,#4b4132,#362e23);box-shadow:0 4px #241e16;color:var(--cream)}button.buy.danger{background:linear-gradient(180deg,#c25a3d,#96412a);box-shadow:0 4px #6b2d1c}.settings-list{display:flex;flex-direction:column;gap:2px}.settings-row{display:flex;align-items:center;gap:16px;padding:9px 12px;border-radius:9px}.settings-row:nth-child(odd){background:#ffffff09}.settings-label{display:flex;flex-direction:column;font-size:14px;font-weight:600;color:var(--cream)}.settings-hint{font-size:11.5px;font-weight:400;color:var(--muted)}.settings-control{margin-left:auto;display:flex;align-items:center;gap:12px;pointer-events:auto}.settings-control input[type=range]{width:190px;accent-color:var(--leaf);cursor:pointer}.settings-value{min-width:52px;text-align:right;font-size:13px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}button.toggle,.keycap{font:inherit;font-size:13px;font-weight:700;min-width:92px;text-align:center;padding:7px 12px;border-radius:8px;border:2px solid rgba(255,228,168,.2);background:#ffffff12;color:var(--cream);cursor:pointer}button.toggle.on{background:linear-gradient(180deg,#7bc247,var(--leaf-dark));border-color:#0003;color:#fff}.keycap:hover{border-color:var(--gold)}.keycap.listening{background:#f5b93b38;border-color:var(--gold);color:var(--gold);animation:pulse 1s ease-in-out infinite}.keycap.fixed{cursor:default;opacity:.6;display:inline-block}@keyframes pulse{50%{opacity:.55}}#title{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:radial-gradient(circle at 50% 16%,#fff4c880,#fff4c800 52%),linear-gradient(180deg,#63c3ec,#a5e0f5 44%,#cdeeb0 70%,#86c455);pointer-events:auto;transition:opacity .5s ease}#title.live{background:linear-gradient(180deg,#0a1a066b,#0a1a06ad);backdrop-filter:blur(2px)}#title.hide{opacity:0;pointer-events:none}#title h1{margin:0;font-size:clamp(46px,9vw,92px);letter-spacing:-1px;color:#fff8e8;text-shadow:0 5px 0 #3d6f20,0 8px 0 rgba(0,0,0,.22),0 18px 40px rgba(10,40,4,.55)}#title .tag{font-size:clamp(15px,2.2vw,19px);font-weight:700;color:#f0f8e0;margin-bottom:26px;text-shadow:0 2px 6px rgba(0,0,0,.5)}#title .keys{display:grid;grid-template-columns:repeat(2,auto);gap:9px 26px;font-size:14px;font-weight:600;color:#f0f8e0;margin-bottom:28px;text-align:left;text-shadow:0 2px 5px rgba(0,0,0,.55)}#title .keys b{color:var(--gold)}#play{pointer-events:auto;font:inherit;font-weight:700;font-size:20px;letter-spacing:1px;cursor:pointer;border:none;border-radius:15px;padding:15px 44px;color:#fff;background:linear-gradient(180deg,#8ad257,var(--leaf-dark));box-shadow:0 6px #33601a,0 16px 34px #0a280473;transition:transform .09s ease,box-shadow .09s ease}#play:disabled{cursor:default;background:linear-gradient(180deg,#6b6552,#4a4638);box-shadow:0 6px #2f2c22}#play:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #33601a}#title .foot{margin-top:22px;font-size:12.5px;color:#e8f2d8;opacity:.85;text-shadow:0 2px 5px rgba(0,0,0,.6);max-width:30em}#wet{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(circle at 50% 60%,#3caad20d,#1e78aa6b)}#vignette{position:fixed;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 200px #1834104d}#perf{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:15;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;padding:9px 14px;border-radius:10px;background:#0a0804d1;border:1px solid rgba(255,228,168,.2);color:#d9e8c0;white-space:nowrap}#perf b{color:var(--gold)}.choice-group{display:flex;gap:5px}button.toggle.choice{min-width:62px;padding:7px 10px}.guide-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.guide-progress .track{font-size:13px}.guide-progress .track.rare b{color:#ff8fd0}.guide-progress .track.unique b{color:var(--gold)}.guide-progress .hint{flex-basis:100%;font-size:11.5px;opacity:.75}.ticks{display:flex;gap:5px;margin-top:9px}.tick{flex:1;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:4px 5px;border-radius:6px;background:#ffffff0f;color:var(--muted);border:1px solid transparent}.tick.got.common{background:#7dc24233;color:#b7e58a;border-color:#7dc24266}.tick.got.rare{background:#ff6fb533;color:#ffb0d8;border-color:#ff6fb573}.tick.got.unique{background:#f5b93b38;color:var(--gold);border-color:#f5b93b80}.map-sheet{width:auto;max-width:94vw;padding:18px 18px 10px;background:linear-gradient(180deg,#3a2e1ef7,#221a10f7)}.plot-map{display:block;width:min(76vh,76vw);height:min(76vh,76vw);border-radius:6px;box-shadow:0 12px 34px #00000080;transform:rotate(-.5deg)}.chip.rare{border-color:#ffffffbf;box-shadow:0 0 12px #ffffff73}.guide-progress .track.size b{color:#9fd8ff}.tick.got.size{background:#6ebef033;color:#a8dcff;border-color:#6ebef073}.tickgrid{display:grid;grid-template-columns:auto repeat(4,1fr);gap:3px;margin-top:10px;align-items:center}.tickhead{font-size:9.5px;font-weight:700;letter-spacing:.6px;text-align:center;color:var(--muted)}.ticklabel{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding-right:6px;color:var(--muted)}.ticklabel.rare{color:#ff9fd0}.ticklabel.unique{color:var(--gold)}.tickbox{text-align:center;font-size:11px;font-weight:700;padding:3px 0;border-radius:5px;background:#ffffff0d;color:#ffffff38;border:1px solid transparent}.tickbox.got.common{background:#7dc2423d;color:#bdea90;border-color:#7dc24273}.tickbox.got.rare{background:#ff6fb53d;color:#ffb8dc;border-color:#ff6fb580}.tickbox.got.unique{background:#f5b93b42;color:var(--gold);border-color:#f5b93b8c}.objectives{display:flex;flex-direction:column;gap:5px}.objective{display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:auto 4px;gap:2px 10px;align-items:center;padding:8px 12px;border-radius:10px;background:#140f098c;border:2px solid rgba(255,228,168,.1)}.objective.done{background:#7dc24224;border-color:#7dc24266}.obj-mark{grid-row:span 2;text-align:center;font-size:15px;font-weight:700;color:var(--muted)}.objective.done .obj-mark{color:#b7e58a}.obj-text b{display:block;font-size:13.5px;color:var(--cream)}.obj-detail{display:block;font-size:11px;color:var(--muted)}.obj-count{font-size:12.5px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.obj-bar{grid-column:2 / span 2;height:4px;border-radius:3px;background:#0006;overflow:hidden}.obj-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),var(--leaf-dark))}.objective.done .obj-bar>i{background:linear-gradient(90deg,var(--gold),var(--gold-deep))}#stamina{position:absolute;left:50%;bottom:84px;width:190px;height:7px;margin-left:-95px;border-radius:5px;background:#0a08049e;border:1px solid rgba(255,228,168,.22);overflow:hidden;opacity:0;transition:opacity .25s ease}#stamina.show{opacity:1}#stamina>i{display:block;height:100%;background:linear-gradient(90deg,#8ad257,var(--leaf-dark));transition:width .08s linear}#stamina.winded>i{background:linear-gradient(90deg,#e2603f,#a83a22)}#stamina.winded{animation:winded .7s ease-in-out infinite}@keyframes winded{50%{opacity:.5}}