:root{--orange:#ff7900;--sun:#ffb000;--ink:#000000;--panel:#141210;--panel-2:#1d1a17;--line:#2f2a25;--text:#ffffff;--muted:#a39a90;--good:#3ecf8e;--bad:#ff4d4d;--warn:#ffb000;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--ink);color:var(--text);font-family:var(--display);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;color:var(--muted);font-weight:600}.input{background:#0d0c0b;padding:14px;font-size:1.1rem;width:100%}.btn,.input{border:1px solid var(--line);color:var(--text);border-radius:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel-2);padding:10px 14px;font-weight:700;cursor:pointer;line-height:1.15}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--orange);border-color:var(--orange);color:#000}.btn.danger{background:transparent;border-color:var(--bad);color:var(--bad)}.btn.confirming{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:.85rem;border-radius:8px}.err{color:var(--bad);font-weight:600}.note{color:var(--muted);font-size:.9rem;line-height:1.45}.pl{min-height:100%;flex-direction:column;max-width:520px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:14px}.pl,.pl-top{display:flex}.pl-top{align-items:center;justify-content:space-between;gap:10px}.pl-phase{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.pl-name{font-size:.85rem;color:var(--muted)}.suns{display:flex;gap:6px;align-items:center}.suns svg{width:30px;height:30px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--line)}.chip.orange{background:var(--orange);color:#000;border-color:var(--orange)}.chip.good{color:var(--good);border-color:var(--good)}.chip.bad{color:var(--bad);border-color:var(--bad)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.pl-main{flex:1 1;display:flex;flex-direction:column;gap:14px}.pl-q{font-size:1.45rem;font-weight:800;line-height:1.2;text-wrap:balance;margin:0}.opts{flex-direction:column;gap:10px}.opt,.opts{display:flex}.opt{min-height:64px;align-items:center;gap:14px;text-align:left;border-radius:16px;border:2px solid #3a342e;background:#15120f;color:#fff;padding:12px 16px;font-size:1.15rem;font-weight:800;cursor:pointer;transition:transform .08s,background .15s}.opt b{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#000;color:var(--orange);font-weight:900}.opt:active:not(:disabled){transform:scale(.98)}.opt:disabled{cursor:default}.opt.chosen{border-color:var(--orange);background:#2a1a0b}.opt.right{border-color:var(--good);background:#0f2a1e}.opt.wrong{border-color:var(--bad);background:#2a0f0f}.opt.dim{opacity:.45}.timebar{height:10px;border-radius:99px;background:#2a2622;overflow:hidden}.timebar i{display:block;height:100%;background:var(--orange);transition:width .2s linear}.timebar.hot i{background:#ff4d00}.big-msg{text-align:center;padding:24px 8px;display:flex;flex-direction:column;gap:10px;align-items:center}.big-msg h2{margin:0;font-size:1.7rem;font-weight:900;font-stretch:85%;text-wrap:balance}.big-msg p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.4}.tuto{display:grid;grid-gap:10px;gap:10px}.tuto div{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:700;line-height:1.3}.tuto span{font-size:1.4rem;font-weight:900;color:var(--orange);width:28px;text-align:center}.banner{border-radius:14px;padding:12px 14px;font-weight:800;text-align:center}.banner.off{background:#3a1010;color:#ffd0d0}.wheel-wrap{position:relative;width:min(84vw,380px);aspect-ratio:1;margin:0 auto}.wheel-wrap svg{width:100%;height:100%;display:block}.stopbtn{width:100%;min-height:76px;border-radius:20px;border:none;background:var(--orange);color:#000;font-size:1.8rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.stopbtn:active{transform:scale(.98)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login form{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.login h1{margin:0;font-size:1.5rem;font-weight:900}.login h1 span{color:var(--orange)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}