:root{--bg:#0d0b09;--panel:#16130f;--line:#2e2820;--amber:#ffb000;--hot:#ff5d3a;--mint:#7dffb2;--txt:#efe6d6;--dim:#8a7e6b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'JetBrains Mono',monospace;
background-image:radial-gradient(ellipse at 20% -10%,rgba(255,176,0,.12),transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,93,58,.08),transparent 50%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px);min-height:100vh}
.disp{font-family:'Bricolage Grotesque',sans-serif}
.panel{background:rgba(22,19,15,.94);border:1px solid var(--line);border-radius:14px}
.chip{border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11px;color:var(--amber)}
.btn{border:1px solid var(--amber);color:var(--amber);padding:8px 14px;border-radius:9px;font-weight:800;font-size:13px;transition:.15s}
.btn:hover{background:var(--amber);color:#000}
.btn:disabled{opacity:.35;pointer-events:none}
.btn.solid{background:var(--amber);color:#000}
.btn.hot{border-color:var(--hot);color:var(--hot)}.btn.hot:hover{background:var(--hot);color:#000}
.tab{padding:10px 16px;color:var(--dim);font-weight:800;border-bottom:2px solid transparent;font-size:13px}
.tab.on{color:var(--amber);border-color:var(--amber)}
textarea,input[type=text],input[type=number]{background:#0a0907;border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:10px;font-family:inherit;width:100%;outline:none}
textarea:focus,input:focus{border-color:var(--amber)}
input[type=range]{accent-color:var(--amber);width:100%}
.cursor{display:inline-block;width:.5em;height:.9em;background:var(--amber);animation:blink 1s steps(1) infinite;vertical-align:-0.05em;margin-left:4px}
@keyframes blink{50%{opacity:0}}
.training{animation:glow 1.6s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 28px rgba(255,176,0,.25)}}
.rise{animation:rise .5s ease both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.conf{position:fixed;top:-10px;width:8px;height:14px;z-index:99;animation:fall 2.6s linear forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}
.dim{color:var(--dim)}
.bubble-u{background:#2a2114;border:1px solid #4a3a1e}
.bubble-b{background:#0f1a14;border:1px solid #1f3a2b}
@media(max-width:640px){.tabs{position:fixed;bottom:0;left:0;right:0;background:var(--panel);z-index:50;justify-content:space-around;border-top:1px solid var(--line)}.tab{padding:12px 6px;font-size:11px}body{padding-bottom:60px}}