:root{--bg: #1a1a2e;--bg-panel: #222034;--bg-deep: #14132a;--border: #45444f;--border-light: #6a687a;--text: #f0ead8;--text-dim: #9a96b0;--gold: #f0c030;--green: #4ad04a;--red: #e84a5a;--blue: #5a8af0;--purple: #9a6af0;--cyan: #7ee8f0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.8;image-rendering:pixelated}button{font-family:inherit;font-size:11px;color:var(--text);background:var(--bg-panel);border:3px solid var(--border-light);box-shadow:inset -3px -3px #0005,inset 3px 3px #ffffff18;padding:10px 16px;cursor:pointer;line-height:1.5}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}button:active:not(:disabled){box-shadow:inset 3px 3px #0005}button:disabled{opacity:.45;cursor:default}button.primary{background:#3a5e3a;border-color:var(--green)}button.danger{border-color:var(--red)}input[type=text]{font-family:inherit;font-size:12px;color:var(--text);background:var(--bg-deep);border:3px solid var(--border-light);padding:10px;outline:none}input[type=text]:focus{border-color:var(--gold)}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;gap:18px}.panel{background:var(--bg-panel);border:3px solid var(--border-light);box-shadow:0 0 0 3px var(--bg-deep),inset 0 0 0 2px #0003;padding:18px}h1{font-size:26px;color:var(--gold);text-shadow:3px 3px 0 #00000088;text-align:center;line-height:1.6}h2{font-size:16px;color:var(--gold);margin-bottom:10px}h3{font-size:12px;color:var(--cyan);margin-bottom:6px}.dim{color:var(--text-dim)}.gold-text{color:var(--gold)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.hud{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.hud .stat{background:var(--bg-deep);border:2px solid var(--border);padding:6px 10px;font-size:10px}.hud-hero{display:flex;align-items:flex-end;background:var(--bg-deep);border:2px solid var(--border-light);padding:2px 4px 0}.town-banner{position:relative;width:100%;max-width:720px;margin-top:110px;padding:130px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:visible;text-align:center}.town-hero{position:absolute;top:-110px;left:50%;transform:translate(-50%);animation:hero-float 3s ease-in-out infinite;filter:drop-shadow(0 14px 10px #00000088);z-index:2}@keyframes hero-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.world-map{position:relative;width:100%;max-width:920px;height:480px;border:3px solid var(--border-light);box-shadow:0 0 0 3px var(--bg-deep);overflow:hidden}.town-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:8px;background:#14132acc;z-index:3}.town-node-name{font-size:8px}.town-node.current{border-color:var(--gold);color:var(--gold);cursor:default;opacity:1}.town-node.locked{opacity:.6}.town-node.selected{border-color:var(--green);box-shadow:0 0 0 3px var(--green)}.town-node-you{position:absolute;top:-46px;left:50%;transform:translate(-50%);pointer-events:none;animation:hero-float 3s ease-in-out infinite}.type-text{font-size:18px;line-height:2.2;letter-spacing:2px;word-break:break-word;max-width:760px;text-align:center}.type-text .done{color:var(--green)}.type-text .current{background:var(--gold);color:#1a1a2e;animation:blink .9s steps(2) infinite}.type-text .todo{color:var(--text-dim)}.type-text.shake{animation:shake .18s}@keyframes blink{50%{background:#8a7218}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.kbd{display:flex;flex-direction:column;gap:5px;align-items:center}.kbd-row{display:flex;gap:5px}.kbd-key{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:11px;background:var(--bg-deep);border:2px solid var(--border);color:var(--text-dim);text-transform:uppercase}.kbd-key.wide{width:200px}.kbd-key.next{background:var(--gold);color:#1a1a2e;border-color:#fff;animation:blink .9s steps(2) infinite}.kbd-key.home-bump{border-bottom-width:4px}.finger-0{border-top:4px solid #e84a5a}.finger-1{border-top:4px solid #f0a030}.finger-2{border-top:4px solid #4ad04a}.finger-3{border-top:4px solid #5a8af0}.finger-4,.finger-5{border-top:4px solid #9a6af0}.finger-6{border-top:4px solid #5a8af0}.finger-7{border-top:4px solid #4ad04a}.finger-8{border-top:4px solid #f0a030}.finger-9{border-top:4px solid #e84a5a}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;width:100%;max-width:980px}.quest-card{text-align:left;font-size:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.quest-card .qname{font-size:11px;color:var(--text)}.quest-card.locked{opacity:.5}.quest-card.done .qname{color:var(--green)}.stars{color:var(--gold);font-size:14px;letter-spacing:3px}.scene{position:relative;width:100%;max-width:900px;border:3px solid var(--border-light);background:linear-gradient(#2a2a4e,#1f1f3a 60%,#2e4e2e 60%,#243e24);display:flex;align-items:flex-end;justify-content:space-between;padding:20px 40px 12px;min-height:240px;overflow:hidden}.scene.cave{background:linear-gradient(#14132a,#1f1f3a 60%,#3a3050 60%,#2a2240)}.timer-bar{width:100%;max-width:760px;height:18px;border:3px solid var(--border-light);background:var(--bg-deep)}.timer-bar>div{height:100%;background:var(--green);transition:width .2s linear}.timer-bar.low>div{background:var(--red)}.hearts{font-size:16px;color:var(--red);letter-spacing:4px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;width:100%;max-width:980px}.item-card{font-size:9px;display:flex;gap:10px;align-items:center;padding:10px}.item-card .iname{font-size:10px;color:var(--cyan)}.item-card.equipped{border-color:var(--gold)}.perk-tag{display:inline-block;background:var(--bg-deep);border:2px solid var(--border);padding:2px 6px;margin:2px 3px 2px 0;font-size:8px;color:var(--cyan)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:3px solid var(--gold);padding:12px 18px;font-size:11px;z-index:50;animation:pop .25s}@keyframes pop{0%{transform:translate(-50%) scale(.7)}}.fade-in{animation:fadein .4s}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}}.choice-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;min-width:170px}.choice-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}.swatch{width:44px;height:44px;padding:0;border:3px solid var(--border-light);color:#1a1a2e;font-size:14px}.swatch.selected{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}