:root{--bg0: #2a2f86;--bg1: #1a1a57;--bg2: #120f3a;--card: rgba(22, 20, 66, .82);--line: rgba(160, 160, 255, .16);--ink: #f4f3ff;--dim: #b9b8e6;--accent: #8f8cff;--pink: #ff8fc1;--orange: #ffb547}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 45%,var(--bg0) 0%,var(--bg1) 55%,var(--bg2) 100%);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#intro{position:fixed;left:18px;top:14px;max-width:360px;pointer-events:none}#intro h1{font-family:Fredoka,sans-serif;font-size:34px;margin:0 0 4px;letter-spacing:.3px;text-shadow:0 3px 0 rgba(0,0,0,.25)}#intro p{margin:0;font-size:13px;line-height:1.55;color:var(--dim)}#intro #hint{display:none}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:2px}kbd{display:inline-block;font:800 11px Nunito,sans-serif;color:var(--ink);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:1px 6px}#meters{position:fixed;right:16px;top:14px;width:290px;display:grid;gap:8px;pointer-events:none}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px 9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card header{display:flex;justify-content:space-between;align-items:center;min-height:22px}.card header b{font-family:Fredoka,sans-serif;font-size:17px}.card header span{font-weight:800;font-size:13px;color:var(--dim)}.tags{display:flex;gap:5px}.tag{font:800 10px Nunito,sans-serif;font-style:normal;letter-spacing:1px;padding:3px 8px;border-radius:99px;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}.tag.show{opacity:1;transform:scale(1)}.tag.agony{background:#ff2e63;color:#fff}.tag.dizzy{background:#ffd84a;color:#320}.mood-bar{position:relative;height:9px;border-radius:9px;margin:9px 2px 5px;background:linear-gradient(90deg,#4be08a,#f2d64b 25%,#ff9e3d 42%,#ff4d5e 55%,#d162c8,#6e8cff 85%,#5a6cf0)}.knob{position:absolute;top:50%;left:0;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;transition:left .15s linear}.ticks{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);font-weight:700}.dmg-bar{position:relative;height:8px;border-radius:8px;margin:9px 0 6px;background:#ffffff14;overflow:hidden}#dmgFill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;background:linear-gradient(90deg,#fff1cf,#ffc14a 50%,#ff7a2f 75%,#ff3b4f);transition:width .2s}.dmg-bar i{position:absolute;top:0;bottom:0;width:2px;background:#ffffff80}#dmgHint{margin:0;font-size:11px;color:var(--dim);line-height:1.35}#toast{position:fixed;left:50%;bottom:112px;transform:translate(-50%,10px);background:#0c0a28e0;border:1px solid var(--line);padding:8px 16px;border-radius:99px;font-weight:800;font-size:13px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}#controls{position:fixed;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 16px);bottom:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:9px 12px;display:grid;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#controls .row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#controls label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--dim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:7px;border-radius:7px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff}button{font:800 12.5px Nunito,sans-serif;color:var(--ink);cursor:pointer;border:0}.pill{background:#ffffff12;border:1px solid var(--line);padding:7px 14px;border-radius:99px}.pill.on{background:var(--accent);color:#14123d}.seg{display:flex;background:#ffffff0f;border-radius:99px;padding:3px}.seg button{background:transparent;padding:6px 14px;border-radius:99px}.seg button.on{background:var(--accent);color:#14123d}.mode{padding:7px 15px;border-radius:99px;background:#ffffff12;border:1px solid var(--line)}.mode.pink.on{background:var(--pink);color:#3d0c25}.mode.orange.on{background:var(--orange);color:#3b2200}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 20px Fredoka,sans-serif;color:var(--dim);pointer-events:none;transition:opacity .4s}@media(max-width:760px){#intro{max-width:calc(100vw - 32px)}#intro p{display:none}#intro #hint{display:block;font-size:12px;margin-top:2px}#intro h1{font-size:26px}#meters{top:88px;left:16px;right:16px;width:auto;grid-template-columns:1fr 1fr}#dmgHint{display:none}#controls{width:calc(100vw - 16px);bottom:8px}.ticks span:not(:first-child):not(:last-child){display:none}input[type=range]{width:70px}}