*{margin:0;padding:0;box-sizing:border-box}body{background:#04060d;color:#e6e9f2;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.scene canvas{display:block}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(2,4,10,.55) 100%)}.overlays{display:contents}.panels-fab{display:none}.overlay{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;gap:12px;padding:16px;pointer-events:none;overflow-y:auto;scrollbar-width:thin}.overlay-left{left:0;width:330px}.overlay-right{right:0;width:320px}.card{pointer-events:auto;background:#0a0e1e8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(90,110,180,.25);border-radius:14px;padding:14px 16px}.brand h1{font-size:1.7rem;letter-spacing:.14em;background:linear-gradient(90deg,#4de3ff,#ffd166,#4de3ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200% 0}}.brand p{color:#8a93ad;font-size:.82rem}.level-tag{font-size:.66rem;font-weight:700;color:#ffd166;letter-spacing:.14em;text-transform:uppercase}.level-card h2{font-size:1.05rem;margin:4px 0 6px}.level-card p{font-size:.8rem;color:#b9c1d9;line-height:1.45}.goal{margin-top:8px;font-size:.72rem;color:#8a93ad!important}.rules-toggle{background:none;border:none;color:inherit;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;padding:0}.rules-card ol{margin-top:10px;padding-left:18px;font-size:.8rem;line-height:1.5;color:#b9c1d9}.rules-card li{margin-bottom:6px}.rules-card b{color:#e6e9f2}.thinking-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;font-weight:600;margin-bottom:8px}.badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.badge.istinto{background:#ffb74d26;color:#ffb74d}.badge.memoria{background:#3ddc8426;color:#3ddc84}.qrow{display:grid;grid-template-columns:18px 1fr 38px;gap:8px;align-items:center;margin:4px 0;opacity:.75}.qrow.chosen{opacity:1;font-weight:700}.qdir{text-align:center}.qbar-track{height:8px;background:#111735;border-radius:4px;overflow:hidden}.qbar{height:100%;border-radius:4px;transition:width .2s}.qbar.pos{background:#3ddc84}.qbar.neg{background:#ff5470}.qval{font-size:.7rem;text-align:right;color:#8a93ad}.side-panel{display:flex;flex-direction:column;gap:14px}.conn{font-size:.85rem;font-weight:600}.conn.ok{color:#3ddc84}.conn.ko{color:#ffb74d}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{display:flex;flex-direction:column;align-items:center;background:#111735cc;border-radius:8px;padding:8px 4px}.metric-value{font-size:1.15rem;font-weight:700;color:#fff}.metric-label{font-size:.68rem;color:#8a93ad;text-transform:uppercase;letter-spacing:.05em}.eps-track{height:10px;background:#111735;border-radius:5px;overflow:hidden}.eps-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#4de3ff,#3ddc84);transition:width .3s}.eps-label{margin-top:5px;font-size:.72rem;color:#8a93ad}.eps-label b{color:#e6e9f2}.chart-box canvas{width:100%;background:#111735cc;border-radius:8px}.chart-caption{font-size:.68rem;color:#8a93ad;line-height:1.4;margin-top:4px}.events{display:flex;flex-direction:column;gap:4px;font-size:.75rem}.event{padding:3px 6px;border-radius:6px;background:#11173599}.ev-eat{color:#3ddc84}.ev-record{color:#ffd166}.ev-hazard,.ev-timeout{color:#ff8896}.ev-levelup{color:#ffd166;font-weight:700}.reset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#111735cc;border:1px solid #ff5470;border-radius:8px;padding:10px 12px;color:#ff5470;font-family:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}.reset-btn:hover{background:#1a1030;box-shadow:0 0 16px #ff547059}.reset-btn:active{transform:scale(.98)}.reset-btn:disabled{opacity:.6;cursor:wait}.reset-btn small{color:#8a93ad;font-size:.7rem;font-weight:400;line-height:1.35}.levelup-banner{position:absolute;top:14%;left:50%;transform:translate(-50%);padding:16px 34px;border-radius:16px;background:#141004b3;border:1px solid rgba(255,209,102,.6);color:#ffd166;font-size:1.3rem;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pop .5s ease;pointer-events:none;white-space:nowrap}@keyframes pop{0%{transform:translate(-50%) scale(.7);opacity:0}}@media(max-width:760px){.overlays{display:block;position:fixed;left:0;right:0;bottom:0;max-height:74vh;padding:14px 12px calc(env(safe-area-inset-bottom,0px) + 16px);overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;background:linear-gradient(to top,#04060df5 72%,#04060d00);border-top:1px solid rgba(90,110,180,.25);border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);z-index:20}.overlays.open{transform:translateY(0)}.overlay{position:static;width:100%;padding:0;gap:10px;overflow:visible}.overlay-left{margin-bottom:10px}.card{padding:12px 14px;border-radius:12px}.brand h1{font-size:1.3rem}.brand p{display:none}.level-card h2{font-size:1rem}.panels-fab{display:inline-flex;align-items:center;position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:30;padding:11px 18px;border:1px solid rgba(90,110,180,.45);border-radius:999px;background:#0a0e1ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e6e9f2;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 22px #00000073;cursor:pointer}.panels-fab:active{transform:scale(.96)}.levelup-banner{font-size:.95rem;padding:10px 18px;white-space:normal;width:86vw;text-align:center}}