:root{--bg:#100e16;--panel:#191621;--panel2:#211c2a;--line:#373044;--text:#f4efe2;--muted:#aba3b3;--gold:#d9ad5b;--green:#65c09b;--danger:#e16d72;--purple:#9c72dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#332744 0,#15111d 42%,#0d0b12 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}button,select{font:inherit}.topbar{height:72px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0e0c13dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:.14em;color:var(--text);text-decoration:none}.brand span{color:var(--gold)}nav{display:flex;align-items:center;gap:22px}nav a,footer a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--text)}select{background:#1c1823;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 12px}.hero{max-width:1180px;margin:auto;padding:72px 24px 48px;display:flex;align-items:center;justify-content:space-between}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,72px);line-height:1.02;max-width:780px;margin:10px 0 18px}.hero p{max-width:680px;color:var(--muted);font-size:18px}.kicker{color:var(--gold)!important;font-size:12px!important;letter-spacing:.25em;font-weight:800}.hero-vial{font-size:110px;filter:drop-shadow(0 0 30px #a672db66)}.game-shell{max-width:1240px;margin:auto;padding:0 20px 60px;position:relative}.hud,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1d1924,#15121b);border-radius:18px}.hud{display:flex;gap:0;margin-bottom:14px;overflow:hidden}.hud>div{padding:16px 24px;border-right:1px solid var(--line);min-width:125px}.hud span,.panel-head span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.hud b{display:block;font-size:20px;margin-top:4px}.hud button{margin:12px 12px 12px auto}.game-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:14px}.panel{padding:20px}.panel h2{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;color:#ded6e8}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0}.badge{background:#d9ad5b20;color:var(--gold);padding:7px 9px;border-radius:99px;font-size:10px;font-weight:900}.order-panel h3{font-family:Georgia,serif;font-size:28px;margin:24px 0 6px}.muted{color:var(--muted);font-size:14px}.targets{margin:22px 0}.target{margin:14px 0}.target-line{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.target-track,.progress{height:8px;background:#0e0c13;border-radius:99px;overflow:hidden}.target-track i,.progress i{display:block;height:100%;background:var(--gold);transition:.3s}.reward,.timer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.timer{padding-bottom:8px}.cauldron-panel{text-align:center}.lab-scene{height:310px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#482d5d45 0,transparent 60%);overflow:hidden}.cauldron{width:230px;height:150px;background:linear-gradient(#393040,#151219);border-radius:20px 20px 100px 100px;position:relative;border:5px solid #514658;box-shadow:0 20px 35px #0008}.rim{position:absolute;left:-12px;right:-12px;top:-12px;height:26px;background:#5d5064;border-radius:50%;border:4px solid #24202a}.liquid{position:absolute;left:4px;right:4px;top:0;height:54px;border-radius:50%;background:#7a54aa;box-shadow:0 0 30px #9c72dccc;transition:.4s}.flame{position:absolute;bottom:10px;font-size:58px;filter:drop-shadow(0 0 14px #ff7d36);transition:.3s}.bubbles i{position:absolute;width:12px;height:12px;border:2px solid #fff8;border-radius:50%;animation:rise 2s infinite}.bubbles i:nth-child(1){left:55px;top:10px}.bubbles i:nth-child(2){left:115px;top:24px;animation-delay:.6s}.bubbles i:nth-child(3){right:50px;top:8px;animation-delay:1.1s}@keyframes rise{to{transform:translateY(-90px) scale(.4);opacity:0}}.event{position:absolute;top:10px;background:#33283d;border:1px solid var(--purple);padding:10px 16px;border-radius:12px;z-index:5}.hidden{display:none}.brew-slots{min-height:54px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px}.brew-chip{padding:8px 10px;border-radius:9px;background:#28212f;border:1px solid #44394e;font-size:13px}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.primary,button{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#27212f;color:var(--text);cursor:pointer;font-weight:700}button:hover{border-color:#806b91;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,#a979dd,#7950a5);border-color:#b991e0;width:100%}.ghost{background:transparent}.message{min-height:24px;color:var(--gold);font-size:14px}.ingredients{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.ingredient{text-align:left;padding:11px 8px;min-height:86px}.ingredient b{display:block;font-size:12px}.ingredient small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.ingredient .ico{font-size:22px}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:14px;margin-top:14px}.meter{display:grid;grid-template-columns:85px 1fr 42px;align-items:center;gap:10px;margin:13px 0;font-size:13px}.meter-track{height:10px;background:#0e0c13;border-radius:99px;overflow:hidden}.meter-track i{height:100%;display:block;background:var(--green);transition:.35s}.upgrade{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.upgrade:first-of-type{border-top:0}.upgrade p{margin:3px 0;color:var(--muted);font-size:12px}.upgrade button{padding:8px 10px}.journal-item{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.features{max-width:1180px;margin:30px auto 70px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{border-top:1px solid #63546e;padding-top:20px}.features b{color:var(--gold)}.features p{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:30px;border-top:1px solid #ffffff10}.overlay{position:absolute;inset:0;background:#09070dcc;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding-top:130px;border-radius:18px}.overlay.hide{display:none}.modal{width:min(480px,90%);background:#1c1722;border:1px solid #584a64;border-radius:20px;padding:38px;text-align:center}.seal{font-size:52px}.modal h2{font-family:Georgia,serif;font-size:34px}.modal p{color:var(--muted);line-height:1.6}.content-page{max-width:850px;margin:70px auto;padding:0 24px 100px}.content-page h1{font-family:Georgia,serif;font-size:48px}.content-page h2{margin-top:36px}.content-page p,.content-page li{color:var(--muted);line-height:1.75}@media(max-width:950px){.game-grid,.lower-grid{grid-template-columns:1fr}.order-panel{order:1}.cauldron-panel{order:2}.pantry{order:3}.hero-vial{display:none}.ingredients{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){nav a{display:none}.hero{padding-top:42px}.hero h1{font-size:40px}.hud{display:grid;grid-template-columns:repeat(2,1fr)}.hud>div{border-bottom:1px solid var(--line)}.hud button{margin:10px}.ingredients{grid-template-columns:repeat(2,1fr)}.action-row{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.lab-scene{height:260px}.cauldron{transform:scale(.85)}}