:root{--cream:#fff4e6;--bubblegum:#ff5fae;--mint:#6ff2c5;--grape:#7b5cff;--butter:#ffd84d;--cherry:#e8304f;--accent:#5e3bee;--bg:var(--cream);--blob-1:#ff5fae24;--blob-2:#6ff2c533;--blob-3:#5e3bee1f;--ink:#22143d;--ink-soft:#5a4a78;--surface:#fff;--card-border:#22143d24;--track-off:#e9e0f4;--shadow-c:#3c1e8c47;--tray:linear-gradient(160deg, #b9a4ff 0%, #f0a6d4 100%);--cell-hi:#fff;--cell-lo:#f2ecff;--cell-inset:#3c1e8c29;--x-hi:#ff7cc0;--x-lo:#e3207f;--o-1:#0fb58a;--o-2:#5e3bee;--o-3:#f59f00;--quin-hi:#ffc4e3;--quin-mid:#ff7cbf;--quin-lo:#8a63ff;--quin-ink:#2c1c47;--quin-cheek:#ff4f8f;--quin-edge:#22143d38;--msg:#fff;--msg-hot:#ffe3f0;--msg-border:#22143d24;--line:#22143d29;--font-display:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bubblegum:#ff5cc8;--mint:#3dffc5;--grape:#9d85ff;--butter:#ffe45c;--cherry:#ff4f79;--bg:#1e1438;--blob-1:#ff5cc82e;--blob-2:#3dffc51a;--blob-3:#9d85ff33;--ink:#f6eeff;--ink-soft:#b9a8e0;--surface:#ffffff0f;--card-border:#ffffff1a;--track-off:#ffffff1a;--shadow-c:#0000008c;--tray:linear-gradient(160deg, #2c1f55, #231748);--cell-hi:#46337a;--cell-lo:#2a1d52;--cell-inset:#00000059;--x-hi:#ff8fe0;--x-lo:#ff3fb4;--quin-hi:#ffb3ea;--quin-mid:#ff5cc8;--quin-lo:#6a4dff;--quin-cheek:#ff2f8a;--msg:#2e2356;--msg-hot:#4b2452;--line:#ffffff1a;--msg-border:#ffffff0f;--accent:#7b5cff;--o-1:#3dffc5;--o-2:#9d85ff;--o-3:#ffe45c;--quin-edge:#00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bubblegum:#ff5cc8;--mint:#3dffc5;--grape:#9d85ff;--butter:#ffe45c;--cherry:#ff4f79;--bg:#1e1438;--blob-1:#ff5cc82e;--blob-2:#3dffc51a;--blob-3:#9d85ff33;--ink:#f6eeff;--ink-soft:#b9a8e0;--surface:#ffffff0f;--card-border:#ffffff1a;--track-off:#ffffff1a;--shadow-c:#0000008c;--tray:linear-gradient(160deg, #2c1f55, #231748);--cell-hi:#46337a;--cell-lo:#2a1d52;--cell-inset:#00000059;--x-hi:#ff8fe0;--x-lo:#ff3fb4;--quin-hi:#ffb3ea;--quin-mid:#ff5cc8;--quin-lo:#6a4dff;--quin-cheek:#ff2f8a;--msg:#2e2356;--msg-hot:#4b2452;--line:#ffffff1a;--msg-border:#ffffff0f;--accent:#7b5cff;--o-1:#3dffc5;--o-2:#9d85ff;--o-3:#ffe45c;--quin-edge:#00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:30px}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);color:var(--ink);background:radial-gradient(circle at 10% 0%, var(--blob-1), transparent 40%), radial-gradient(circle at 100% 100%, var(--blob-3), transparent 45%), var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{flex-direction:column;gap:20px;max-width:460px;min-height:100dvh;margin:0 auto;padding:16px 12px 24px;display:flex}@media (height>=760px) and (width>=600px){.screen{padding-top:40px}}.label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-weight:800}.btn-primary{height:52px;font-family:var(--font-display);color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--bubblegum), var(--accent));box-shadow:inset 0 -3px 0 #00000024, inset 0 2px 0 #ffffff4d, 0 12px 24px -14px var(--shadow-c);border:0;border-radius:999px;padding:0 28px;font-size:18px;font-weight:600}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:18px}.msg{background:var(--msg);max-width:100%;color:var(--ink);border:1px solid var(--msg-border);box-shadow:0 1px 1px #0000000a, 0 4px 12px -8px var(--shadow-c);overflow-wrap:anywhere;border-radius:20px 20px 20px 6px;margin:0;padding:9px 14px 10px;font-size:15px;font-weight:600;line-height:1.35}.msg.tail-right{border-radius:20px 20px 6px}.msg.tone-spicy{background:var(--msg-hot)}.msg.tone-unhinged{background:var(--bubblegum);color:#fff}.msg-rest{visibility:hidden}.menu{position:relative}.theme-toggle{z-index:2;position:absolute;top:16px;right:12px}.title{justify-items:center;gap:18px;padding-top:100px;display:grid}.title-stage{position:relative}.title-board{background:var(--tray);box-shadow:inset 0 4px 10px #0000000f, 0 18px 34px -22px var(--shadow-c);border-radius:26px;grid-template-columns:repeat(3,60px);gap:8px;padding:10px;display:grid}.title-cell{background:radial-gradient(circle at 34% 28%, var(--cell-hi), var(--cell-lo) 72%);width:60px;height:60px;box-shadow:inset 0 -5px 8px var(--cell-inset), inset 0 3px 4px #ffffff80;font-family:var(--font-display);color:var(--ink);border-radius:26%;place-items:center;font-size:34px;font-weight:600;line-height:1;display:grid}.title-cell.is-t{background:radial-gradient(circle at 34% 28%, #fffbe6, var(--butter) 85%);color:var(--quin-ink)}.title-cell svg{width:70%;height:70%;overflow:visible}.title-quin{cursor:pointer;background:0 0;border:0;width:72px;height:72px;padding:0;position:absolute;top:-70px;left:140px}.title-quin-body{transform-origin:50% 100%;width:100%;height:100%}.title-say{pointer-events:none;width:max-content;max-width:min(240px,50vw + 20px);position:absolute;bottom:calc(100% + 18px);right:72px}.title-say .msg{font-size:var(--fs-sm)}.tagline{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:600;display:flex}.tagline-sticker{background:var(--bubblegum);color:#fff;box-shadow:inset 0 -2px 0 #0000001f, 0 8px 16px -10px var(--shadow-c);border-radius:12px;padding:2px 11px 4px;display:inline-block;transform:rotate(-4deg)}.field{gap:12px;display:grid}.field-row{justify-content:space-between;align-items:center;display:flex}.choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;gap:2px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:grid}.choice.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.choice-name{font-size:var(--fs-md);font-weight:800}.choice-blurb{color:var(--ink-soft);font-size:13px;font-weight:600}.segmented{background:var(--track-off);border-radius:999px;grid-template-columns:repeat(4,1fr);padding:4px;display:grid}.segment{font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 2px;font-weight:800;position:relative}.segment.is-active{color:#fff}.segment-bg{background:var(--accent);border-radius:999px;position:absolute;inset:0}.segment-label{position:relative}.hint{font-size:var(--fs-sm);color:var(--ink-soft);margin:0;font-weight:600}.hint b{color:var(--ink);font-weight:800}.menu-foot{gap:12px;margin-top:auto;display:grid}.record{text-align:center;color:var(--ink-soft);margin:0;font-size:13px;font-weight:700}.btn-play{width:100%}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.back{border:1px solid var(--line);background:var(--surface);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-weight:700;display:inline-flex}.back-chevron{color:var(--ink-soft);font-size:18px;line-height:1}.score{gap:16px;display:flex}.score-item{justify-items:center;display:grid}.score-item b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);font-variant-numeric:tabular-nums;line-height:1.1}.score-item span{letter-spacing:.04em;color:var(--ink-soft);font-size:11px;font-weight:800}.match>.arena{margin-top:auto}.match>.footer{margin-bottom:auto}.arena{padding:var(--strip) var(--side);background:var(--tray);box-shadow:inset 0 4px 12px #0000000f, 0 20px 40px -26px var(--shadow-c);-webkit-user-select:none;user-select:none;border-radius:32px;position:relative}.actor{z-index:3;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0}.actor-body{transform-origin:50% 100%;width:100%;height:100%}.speech{z-index:4;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;left:0}.arena-msg{font-size:var(--fs-sm)}.cell.is-target{z-index:5}.trail-puff{background:radial-gradient(circle at 35% 30%, #fff, var(--o-1) 70%);pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.impact-ring{border:4px solid var(--o-2);pointer-events:none;border-radius:50%;position:absolute;inset:12%}.drop-shadow{filter:blur(3px);pointer-events:none;background:#22143d8c;border-radius:50%;width:56%;height:16%;position:absolute;bottom:16%;left:22%}.board{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.cell{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, var(--cell-hi), var(--cell-lo) 72%);box-shadow:inset 0 -6px 10px var(--cell-inset), inset 0 3px 5px #ffffff80, 0 6px 12px -9px var(--shadow-c);cursor:default;border:0;border-radius:26%;place-items:center;padding:0;display:grid;position:relative}.cell.is-open{cursor:pointer}.cell.is-win{background:radial-gradient(circle at 34% 28%, #fffbe6, var(--butter) 85%);box-shadow:inset 0 -6px 10px #00000014, 0 0 22px -4px var(--butter)}.piece{filter:drop-shadow(0 5px 4px #2c1c4729);width:72%;height:72%}.piece svg{width:100%;height:100%;display:block;overflow:visible}.o-shimmer{transform-origin:50px 50px;animation:7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grade-badge{z-index:2;width:max-content;font-size:var(--fs-xs);pointer-events:none;box-shadow:0 6px 12px -6px var(--shadow-c);border-radius:999px;margin:0 auto;padding:3px 9px;font-weight:800;position:absolute;top:-10px;left:0;right:0}.grade-badge.grade-perfect{background:var(--butter);color:var(--quin-ink)}.grade-badge.grade-solid{background:var(--mint);color:var(--quin-ink)}.grade-badge.grade-blunder{background:var(--cherry);color:#fff}.confetti{z-index:3;pointer-events:none;width:0;height:0;position:absolute}.confetti-bit{background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff14 60%);border:3px solid;border-radius:50%;position:absolute;top:-10px;left:-10px}.footer{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.status{font-size:var(--fs-lg);font-weight:800}.trail{align-items:center;gap:5px;font-size:15px;font-weight:800;display:flex}.trail-mark.grade-perfect{color:#e0a400}.trail-mark.grade-solid{color:#1fbf8f}.trail-mark.grade-blunder{color:var(--cherry)}.result{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);margin:0;line-height:1.1}.footer-sub{color:var(--ink-soft);margin:4px 0 0;font-size:13px;font-weight:700}.quin svg{width:100%;display:block;overflow:visible}.quin-shadow{fill:#2c1c4729}.quin-fume{fill:#ff2e55;opacity:0;transition:opacity .4s}.mood-fuming .quin-fume{opacity:.3}.mood-fuming{animation:.32s ease-in-out 2 shake}.mood-shocked{animation:.4s ease-out jolt}.quin-eyes{transform-box:fill-box;transform-origin:50%;animation:5.2s infinite blink}.quin-talk{transform-box:fill-box;transform-origin:50%;animation:.2s ease-in-out infinite alternate talk}.quin-steam circle{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite steam}.quin-steam circle:nth-child(2){animation-delay:.35s}.quin-steam circle:nth-child(3){animation-delay:.7s}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes talk{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes steam{0%{opacity:0;transform:translateY(10px)scale(.5)}30%{opacity:.85}to{opacity:0;transform:translateY(-20px)scale(1.3)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}@keyframes jolt{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-8px)scale(1.05,.95)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}