@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #06060f;--bg-surface: #0c0c1a;--bg-card: #111128;--border: rgba(120, 140, 255, .12);--border-bright: rgba(120, 140, 255, .3);--text: #d4d8f0;--text-dim: rgba(180, 190, 220, .6);--text-bright: #eef0ff;--accent: #7b8cff;--accent-glow: rgba(123, 140, 255, .4);--gold: #c9a84c;--gold-glow: rgba(201, 168, 76, .4);--danger: #ff6b6b;--success: #5bf5a0;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(123,140,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(123,140,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(123,140,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(123,140,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.game-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;z-index:1}.btn{font-family:var(--font-body);font-size:.9rem;font-weight:500;border:1px solid var(--border);border-radius:.5rem;padding:.65rem 1.2rem;cursor:pointer;transition:all .2s ease;background:var(--bg-card);color:var(--text);text-align:left;width:100%;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(123,140,255,.05),transparent);opacity:0;transition:opacity .2s}.btn:hover:before{opacity:1}.btn:hover{border-color:var(--border-bright);color:var(--text-bright);transform:translateY(-1px);box-shadow:0 4px 20px #7b8cff1a}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#7b8cff26,#7b8cff0d);border-color:var(--border-bright);color:var(--accent);text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;padding:.8rem 2rem}.btn-primary:hover{background:linear-gradient(135deg,#7b8cff40,#7b8cff1a);box-shadow:0 0 30px #7b8cff33;color:#fff}.btn-choice{position:relative;padding-left:1.5rem}.btn-choice:after{content:"›";position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.1rem;opacity:.6}.btn-locked{opacity:.45;cursor:not-allowed;border-style:dashed}.btn-locked:hover{transform:none;box-shadow:none;border-color:var(--border);color:var(--text)}.btn-locked:before{display:none}.btn-special{border-color:var(--gold);color:var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.1),transparent)}.btn-special:hover{border-color:var(--gold);box-shadow:0 0 25px var(--gold-glow);color:var(--gold)}.btn-special:after{content:"⚡";color:var(--gold)}.choice-lock{display:block;font-size:.7rem;color:var(--text-dim);font-style:italic;margin-top:.15rem}.btn-icon{background:none;border:1px solid var(--border);border-radius:.4rem;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.35rem .6rem;font-family:var(--font-mono);transition:all .2s}.btn-icon:hover{border-color:var(--border-bright);color:var(--text)}.title-screen{text-align:center;max-width:32rem;animation:fadeIn 1s ease}.title-glyph{font-size:4rem;color:var(--accent);text-shadow:0 0 40px var(--accent-glow);margin-bottom:1.5rem;animation:pulse 3s ease-in-out infinite}.title-name{font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:.15em;color:var(--text-bright);margin-bottom:.3rem;text-shadow:0 0 40px rgba(123,140,255,.3)}.title-sub{font-family:var(--font-display);font-size:1rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem}.title-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 1.5rem}.title-desc{color:var(--text-dim);font-size:.95rem;line-height:1.7;margin-bottom:2rem}.title-hint{color:var(--text-dim);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem;opacity:.5}.intro-screen{max-width:32rem;animation:fadeIn .6s ease}.intro-text-area{min-height:10rem;margin-bottom:2rem}.intro-line{color:var(--text-dim);font-size:1rem;line-height:1.8;margin-bottom:.8rem;animation:fadeIn .6s ease}.intro-line-current{color:var(--text)}.intro-screen .btn{max-width:12rem;margin:0 auto}.victory-screen,.reset-screen{text-align:center;max-width:32rem;animation:fadeIn 1s ease}.victory-glyph,.reset-glyph{font-size:3.5rem;margin-bottom:1.5rem}.victory-glyph{color:var(--gold);text-shadow:0 0 50px var(--gold-glow);animation:pulse 2s ease-in-out infinite}.reset-glyph{color:var(--danger);text-shadow:0 0 40px rgba(255,107,107,.4);animation:shake .6s ease}.victory-title{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.15em;color:var(--gold);margin-bottom:.3rem}.reset-title{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.15em;color:var(--danger);margin-bottom:.3rem}.victory-sub,.reset-sub{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;margin-bottom:1.5rem}.victory-divider,.reset-divider{width:60px;height:1px;margin:0 auto 1.5rem}.victory-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.reset-divider{background:linear-gradient(90deg,transparent,var(--danger),transparent)}.victory-desc,.reset-desc{color:var(--text);font-size:.95rem;line-height:1.8;margin-bottom:2rem;text-align:left}.victory-stats{display:flex;gap:2rem;justify-content:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);margin-bottom:2rem}.victory-screen .btn,.reset-screen .btn{max-width:12rem;margin:0 auto}.game-container{width:100%;max-width:40rem;display:flex;flex-direction:column;gap:0;height:calc(100vh - 3rem);max-height:50rem}.game-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem 1rem;border:1px solid var(--border);border-radius:.6rem .6rem 0 0;background:var(--bg-surface);border-bottom:none}.header-left{display:flex;flex-direction:column;gap:.15rem}.location-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-bright);letter-spacing:.05em}.location-ambient{font-size:.75rem;font-style:italic;color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:.75rem}.turn-counter{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);padding:.2rem .6rem;border:1px solid var(--border);border-radius:.3rem;min-width:2.5rem;text-align:center}.turn-critical{color:var(--danger);border-color:#ff6b6b4d;animation:pulse 1s ease-in-out infinite}.inventory-panel{padding:1rem;border:1px solid var(--border);border-top:none;background:#7b8cff08;animation:slideDown .3s ease}.inventory-panel h3{font-family:var(--font-display);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}.inventory-empty{color:var(--text-dim);font-size:.85rem;font-style:italic}.inventory-panel ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.inventory-panel li{display:flex;flex-direction:column;gap:.15rem;padding:.5rem;border:1px solid var(--border);border-radius:.35rem;background:var(--bg-card)}.inventory-panel li strong{font-size:.85rem;color:var(--gold);font-family:var(--font-display)}.inventory-panel li span{font-size:.75rem;color:var(--text-dim);line-height:1.5}.game-main{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-card);overflow-y:auto}.description-area{padding:1.2rem 1.2rem .8rem;cursor:pointer;flex-shrink:0}.description-text{font-size:.95rem;line-height:1.8;color:var(--text)}.cursor{color:var(--accent);animation:blink .8s step-end infinite;font-size:.8rem;margin-left:1px}.choices-area{padding:.6rem 1.2rem 1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.log-area{padding:.6rem 1rem;border:1px solid var(--border);border-radius:0 0 .6rem .6rem;border-top:none;background:var(--bg-surface);max-height:8rem;overflow-y:auto}.log-entry{font-family:var(--font-mono);font-size:.72rem;line-height:1.6;color:var(--text-dim)}.log-gain{color:var(--success)}.log-action{color:var(--accent)}.log-info{color:var(--danger)}.fade-out{opacity:0;transition:opacity .3s ease}.fade-in{opacity:1;transition:opacity .3s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b8cff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7b8cff66}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}@media(max-width:640px){.game-shell{padding:.5rem}.title-name{font-size:2rem}.game-container{height:calc(100vh - 1rem)}.game-header{padding:.6rem .8rem}.location-name{font-size:1rem}.description-area{padding:1rem}.choices-area{padding:.4rem 1rem .8rem}}