@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&display=swap";:root{--amber:#d4a017;--navy:#1b1f3a;--night:#0d1128;--cream:#f4e4c1;--gold:#f5c842;--warm-orange:#e8851a;--dark-brown:#3d1f0a;--success:#2ecc71;--error:#e74c3c;--panel:#1e2347;--border:#3a4075}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a14;width:100%;height:100%;font-family:DotGothic16,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex}.game-wrap{background:var(--night);width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:relative;overflow:hidden}@media (aspect-ratio<=1){.game-wrap{width:100vw;height:100svh}}button,a,[role=button]{touch-action:manipulation}@media (width<=500px){.btn-pixel{padding:11px 16px;font-size:9px}.btn-pixel.large{padding:13px 16px;font-size:10px}.btn-pixel.small{padding:8px 12px;font-size:7px}.dialog-box{padding:14px 16px;font-size:13px;line-height:1.8}.lecture-text{font-size:13px}.quiz-option{padding:10px 14px;font-size:13px}.service-choice{padding:10px 14px;font-size:12px}.cocktail-step{padding:8px 12px;font-size:13px}.stage-node{width:42px;height:42px;font-size:6px}.stage-node.summary{width:48px;height:48px}.enc-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:8px}}.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}.font-pixel{font-family:"Press Start 2P",monospace}.font-gothic{font-family:DotGothic16,sans-serif}.btn-pixel{color:var(--cream);cursor:pointer;letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#1a2d6b;border:none;outline:none;padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:11px;transition:transform 80ms,box-shadow 80ms,background .1s;box-shadow:0 4px #0d1535,inset 0 1px #ffffff26}.btn-pixel:hover:not(:disabled){color:var(--gold);background:#223a8a}.btn-pixel:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #0d1535}.btn-pixel:disabled{opacity:.45;cursor:not-allowed}.btn-pixel.gold{background:#6b4a00;box-shadow:0 4px #3d2a00,inset 0 1px #ffffff26}.btn-pixel.gold:hover:not(:disabled){color:var(--gold);background:#8a6200}.btn-pixel.danger{background:#6b1a1a;box-shadow:0 4px #3d0000,inset 0 1px #ffffff26}.btn-pixel.danger:hover:not(:disabled){background:#8a2222}.btn-pixel.ghost{box-shadow:none;background:0 0;border:2px solid #445}.btn-pixel.ghost:hover:not(:disabled){border-color:var(--gold);background:#1a2d6b4d}.btn-pixel.small{padding:10px 18px;font-size:9px}.btn-pixel.large{padding:18px 36px;font-size:14px}.dialog-box{border:3px solid var(--gold);color:var(--cream);background:#0a0e23f7;padding:18px 20px;font-family:DotGothic16,sans-serif;font-size:15px;line-height:1.9;box-shadow:0 0 0 1px #1a3060,inset 0 0 20px #f5c8420a}.dialog-box .speaker-name{color:var(--gold);margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:9px;display:block}.dialog-highlight{color:var(--gold);font-weight:700}.lecture-text{color:var(--cream);font-family:DotGothic16,sans-serif;font-size:15px;line-height:1.9}.hud{z-index:10;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:10px;right:12px}.hud-name{color:var(--gold);font-family:"Press Start 2P",monospace;font-size:8px}.hud-rank{color:var(--cream);font-family:DotGothic16,sans-serif;font-size:12px}.hud-gold{color:#f5c842;font-family:DotGothic16,sans-serif;font-size:12px}.prog-bar-wrap{background:#111;border:2px solid #334;width:100%;height:12px;overflow:hidden}.prog-bar-fill{height:100%;transition:width .4s}.prog-bar-fill.xp{background:var(--gold)}.prog-bar-fill.health{background:#4c4}.prog-bar-fill.score{background:#4af}.prog-bar-fill.timer{background:#c44}.stage-node{border:4px solid var(--gold);width:76px;height:76px;color:var(--cream);cursor:pointer;z-index:5;-webkit-user-select:none;user-select:none;background:#1a2d6b;border-radius:50%;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:10px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.stage-node:hover:not(.locked){transform:translate(-50%,-50%)scale(1.12)}.stage-node.completed{background:#1a4a1a;border-color:#4c4;box-shadow:0 0 18px #44cc448c}.stage-node.locked{color:#444;cursor:not-allowed;background:#111;border-color:#333}.stage-node.current{animation:1.6s ease-in-out infinite pulse-node}.stage-node.summary{border-radius:10px;width:88px;height:88px;font-size:11px}.quiz-option{color:var(--cream);cursor:pointer;text-align:left;background:#111a3a;border:2px solid #334;width:100%;padding:12px 16px;font-family:DotGothic16,sans-serif;font-size:14px;line-height:1.5;transition:background .1s,border-color .1s}.quiz-option:hover:not(:disabled){border-color:var(--gold);background:#1a2d6b}.quiz-option.correct{color:#afa;background:#0a3a0a!important;border-color:#4c4!important}.quiz-option.wrong{color:#faa;animation:.35s shake;background:#3a0a0a!important;border-color:#c44!important}.cocktail-step{color:var(--cream);cursor:pointer;background:#111a3a;border:2px solid #334;align-items:center;gap:10px;padding:10px 14px;font-family:DotGothic16,sans-serif;font-size:14px;transition:background .1s,border-color .1s;display:flex}.cocktail-step:hover:not(.done):not(.disabled){border-color:var(--gold);background:#1a2d6b}.cocktail-step.done{color:#afa;cursor:default;background:#0a3a0a;border-color:#4c4}.cocktail-step.error{animation:.35s shake;border-color:#c44!important}.service-choice{cursor:pointer;color:var(--cream);text-align:left;background:#111a3a;border:2px solid #334;width:100%;padding:12px 16px;font-family:DotGothic16,sans-serif;font-size:13px;line-height:1.5;transition:background .1s,border-color .1s}.service-choice:hover:not(:disabled){border-color:var(--gold);background:#1a2d6b}.service-choice.positive{color:#afa;background:#0a3a0a;border-color:#4c4}.service-choice.negative{color:#faa;background:#3a0a0a;border-color:#c44}.enc-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:12px;display:grid}.enc-item{text-align:center;cursor:pointer;background:#111a3a;border:2px solid #334;padding:8px;transition:border-color .1s}.enc-item:hover:not(.locked){border-color:var(--gold)}.enc-item.locked{filter:brightness(.25)saturate(0);cursor:not-allowed}.enc-item-name{color:var(--cream);margin-top:6px;font-family:DotGothic16,sans-serif;font-size:11px}.screen{animation:.3s fadeIn;position:absolute;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d1128}::-webkit-scrollbar-thumb{background:#334;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.idle-bob{animation:2s ease-in-out infinite idle-bob}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.2}}@keyframes pulse-node{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 10px #f5c84266}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 24px #f5c842e6}}@keyframes gold-shimmer{0%,to{color:#f5c842;text-shadow:0 0 8px #f5c84266}50%{color:#ffe080;text-shadow:0 0 20px #ffe080cc}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}