:root{--pink: #ff3d7f;--pink-deep: #d31c5c;--yellow: #ffce00;--yellow-deep: #d9a700;--mint: #46e0a6;--mint-deep: #16a870;--blue: #4ca5ff;--blue-deep: #1e6fd9;--violet: #7a5cff;--violet-deep: #4d33c0;--coral: #ff6b3d;--ink: #201533;--ink-2: #3d2f5a;--ink-mute: #7a6e91;--ink-faint: #b1a8c4;--cream: #fff8e7;--cream-2: #fff2d0;--white: #ffffff;--sky-1: #ffe6a8;--sky-2: #ffb3c1;--sky-3: #b6d6ff;--outline: var(--ink);--outline-w: 3px;--outline-w-lg: 4px;--shadow-xs: 2px 2px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 5px 5px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-pill: 999px;--font-display: "Bagel Fat One", "Zen Maru Gothic", sans-serif;--font-body: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-mono: "Rubik Mono One", "JetBrains Mono", monospace;--font-en: "Fredoka", "Zen Maru Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 15% 0%,var(--sky-1) 0%,transparent 55%),radial-gradient(900px 600px at 85% 20%,var(--sky-2) 0%,transparent 55%),radial-gradient(1000px 700px at 50% 100%,var(--sky-3) 0%,transparent 60%),var(--cream);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.bg-shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-shape{position:absolute;animation:float 8s ease-in-out infinite}.bg-shape--c1{top:8%;left:6%;width:44px;height:44px;background:var(--yellow);border:3px solid var(--outline);border-radius:50%;transform:rotate(-10deg);animation-delay:-1s}.bg-shape--c2{top:22%;right:8%;width:30px;height:30px;background:var(--pink);border:3px solid var(--outline);transform:rotate(24deg);animation-delay:-2s}.bg-shape--c3{top:60%;left:4%;width:52px;height:52px;background:var(--mint);border:3px solid var(--outline);border-radius:12px;transform:rotate(14deg);animation-delay:-3s}.bg-shape--c4{top:78%;right:6%;width:36px;height:36px;background:var(--blue);border:3px solid var(--outline);border-radius:50%;animation-delay:-4s}.bg-shape--c5{top:42%;right:3%;width:26px;height:26px;background:var(--violet);border:3px solid var(--outline);transform:rotate(45deg);animation-delay:-5s}.bg-shape--c6{top:12%;left:42%;width:22px;height:22px;background:var(--yellow);border:3px solid var(--outline);border-radius:50%;animation-delay:-6s}.bg-shape--c7{top:90%;left:30%;width:32px;height:32px;background:var(--pink);border:3px solid var(--outline);border-radius:8px;transform:rotate(-18deg);animation-delay:-1.5s}.bg-star{position:absolute;font-size:32px;color:var(--yellow-deep);animation:spin 12s linear infinite;text-shadow:3px 3px 0 var(--outline)}.bg-star--s1{top:18%;left:22%}.bg-star--s2{top:68%;right:20%;animation-duration:18s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes spin{to{rotate:360deg}}.app-shell{position:relative;z-index:1;min-height:100%}.pop-card{background:#fff;border:3.5px solid var(--outline);border-radius:var(--radius-lg);padding:22px 22px 24px;box-shadow:var(--shadow-lg);position:relative}.pop-tab{position:absolute;top:-18px;left:18px;padding:6px 16px;background:var(--pink);color:#fff;border:3px solid var(--outline);border-radius:var(--radius-sm);font-weight:900;font-size:14px;letter-spacing:.08em;box-shadow:var(--shadow-sm);transform:rotate(-3deg)}.pop-tab--blue{background:var(--blue)}.pop-tab--mint{background:var(--mint);color:var(--ink)}.pop-tab--yellow{background:var(--yellow);color:var(--ink)}.pop-tab--violet{background:var(--violet)}.pop-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--ink);border:2.5px solid var(--outline);border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-body);font-weight:900;font-size:13px;box-shadow:var(--shadow-xs);transition:transform .08s,box-shadow .08s}.pop-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.pop-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.pop-btn:disabled{opacity:.5;cursor:default}.pop-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:12px;background:var(--pink);color:#fff;border:4px solid var(--outline);border-radius:var(--radius-pill);padding:20px 44px;font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 0 var(--pink-deep),0 8px 0 4px var(--outline);transition:transform .08s ease,box-shadow .08s ease;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill}.pop-cta__arrow{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--yellow);color:var(--ink);-webkit-text-stroke:0;border:3px solid var(--outline);border-radius:50%;font-size:20px;transition:transform .2s}.pop-cta:hover:not(:disabled){transform:translateY(-3px)}.pop-cta:hover:not(:disabled) .pop-cta__arrow{transform:translate(4px) rotate(-8deg)}.pop-cta:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px 0 var(--pink-deep),0 2px 0 4px var(--outline)}.pop-cta:disabled{background:#d5cfe0;box-shadow:0 8px #a29ab5,0 8px 0 4px var(--outline);cursor:default;color:#8b829f;-webkit-text-stroke:1.5px #6b6482}.pop-cta--mint{background:var(--mint);color:var(--ink);box-shadow:0 8px 0 var(--mint-deep),0 8px 0 4px var(--outline);-webkit-text-stroke:1.5px var(--outline)}.pop-cta--mint:active:not(:disabled){box-shadow:0 2px 0 var(--mint-deep),0 2px 0 4px var(--outline)}.pop-chips{display:flex;flex-wrap:wrap;gap:10px}.pop-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:3px solid var(--outline);border-radius:var(--radius-pill);padding:10px 16px;font-family:var(--font-body);font-weight:900;font-size:14px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .08s,background .12s;display:inline-flex;align-items:center;gap:6px}.pop-chip:hover{transform:translate(-1px,-1px) rotate(-1deg);box-shadow:4px 4px 0 var(--outline)}.pop-chip:nth-of-type(3n):hover{transform:translate(-1px,-1px) rotate(1deg)}.pop-chip.on{background:var(--yellow)}.pop-chip.on:before{content:"★";color:var(--pink);-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;font-size:16px;transform:translateY(-1px)}.pop-chips .pop-chip.on:nth-of-type(2n){background:var(--mint)}.pop-chips .pop-chip.on:nth-of-type(3n){background:var(--pink);color:#fff}.pop-chips .pop-chip.on:nth-of-type(3n):before{color:var(--yellow)}.pop-chips .pop-chip.on:nth-of-type(4n){background:var(--blue);color:#fff}.pop-chips .pop-chip.on:nth-of-type(4n):before{color:var(--yellow)}.pop-chips--special .pop-chip.on{background:var(--violet);color:#fff}.pop-chips--special .pop-chip.on:before{color:var(--yellow)}.pop-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream);border:3px solid var(--outline);border-radius:14px;padding:14px 18px;font-family:var(--font-body);font-weight:700;font-size:20px;color:var(--ink);outline:none;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease,background .1s;width:100%;min-width:0}.pop-input:focus{background:#fff;transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.pop-input::placeholder{color:var(--ink-mute);font-weight:500}.pop-avatar{flex:0 0 auto;width:62px;height:62px;background:var(--yellow);border:3px solid var(--outline);border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;font-family:var(--font-body);color:var(--ink);box-shadow:var(--shadow-sm);transform:rotate(-4deg);overflow:hidden;line-height:1}.pop-counter{background:var(--ink);color:#fff;padding:4px 12px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}.pop-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:#fff;border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-family:var(--font-body);font-weight:900;font-size:15px;letter-spacing:.04em;color:var(--ink)}.pop-badge__bolt{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--yellow);border:2.5px solid var(--outline);border-radius:50%;font-size:13px}.pop-badge__bolt-svg{width:12px;height:12px;display:block}.pop-hint{font-size:12px;color:var(--ink-mute);font-weight:700;margin:10px 4px 0}.pop-error{color:var(--pink-deep);font-weight:900;font-size:14px;margin:12px 0 0;text-align:center}.brand-pill{transform:rotate(-2deg)}button.brand-pill{cursor:pointer;font:inherit;font-family:var(--font-body);font-weight:900;font-size:15px;color:var(--ink)}button.brand-pill:hover{transform:rotate(-2deg) translate(-1px,-1px);box-shadow:var(--shadow-md)}button.brand-pill:active{transform:rotate(-2deg) translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.home{max-width:720px;margin:0 auto;padding:28px 20px 96px}.home-hero{margin-top:22px;text-align:center}.home-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,12vw,110px);line-height:.95;color:var(--pink);margin:0;letter-spacing:.01em;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:6px 6px 0 var(--outline),6px 6px 0 0 var(--yellow),10px 10px 0 var(--outline);transform:rotate(-2deg);display:inline-block}.home-hero__title .l{display:inline-block;transition:transform .15s}.home-hero__title:hover .l{transform:translateY(-4px) rotate(-3deg)}.home-hero__title .l:nth-child(2n){color:var(--violet)}.home-hero__title .l:nth-child(3n){color:var(--mint-deep)}.home-hero__title .l:nth-child(4n){color:var(--blue)}.home-tagline{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:6px 16px;background:var(--yellow);color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transform:rotate(1.5deg);font-weight:900;font-size:14px;letter-spacing:.06em}.home-tagline__spark{width:20px;height:20px;flex-shrink:0;filter:drop-shadow(1.5px 1.5px 0 var(--outline));transform-origin:center;animation:spark-wobble 2.4s ease-in-out infinite}.home-tagline__spark--left{animation-delay:0s}.home-tagline__spark--right{animation-delay:-1.2s}@keyframes spark-wobble{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.1)}}.home>.pop-card,.home>.home-cta,.home>.home-rules{margin-top:34px}.home-name-row{display:flex;gap:12px;align-items:stretch;margin-top:6px}.home-cat-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.home-cat-title{font-weight:900;font-size:16px}.home-cat-group+.home-cat-group{margin-top:18px;padding-top:18px;border-top:3px dashed rgba(32,21,51,.15)}.home-cat-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.home-cat-group-head h3{margin:0;font-size:14px;font-weight:900;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.home-cat-group-head h3:before{content:"";width:12px;height:12px;background:var(--mint);border:2.5px solid var(--outline);border-radius:50%}.home-cat-group--special .home-cat-group-head h3:before{background:var(--violet)}.home-diff-stars{display:inline-block;font-size:18px;letter-spacing:2px;line-height:1;transform:translateY(-1px)}.pop-chip:has(>.home-diff-stars){padding:10px 14px}.pop-chip:has(>.home-diff-stars).on:before{content:none}.home-rules-config{display:grid;grid-template-columns:1fr;gap:14px;margin-top:4px}.rule-stepper{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--cream);border:3px solid var(--outline);border-radius:var(--radius-md, 16px);box-shadow:var(--shadow-sm);position:relative}.rule-stepper:before{content:"";position:absolute;left:-6px;top:12px;bottom:12px;width:6px;border:2.5px solid var(--outline);border-right:none;border-radius:6px 0 0 6px;background:var(--mint)}.rule-stepper--lose:before{background:var(--pink)}.rule-stepper__meta{min-width:0;flex:1 1 auto}.rule-stepper__label{font-family:var(--font-body);font-weight:900;font-size:15px;color:var(--ink);letter-spacing:.02em}.rule-stepper__control{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.rule-stepper__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;background:#fff;border:2.5px solid var(--outline);border-radius:50%;font-family:var(--font-body);font-weight:900;font-size:20px;line-height:1;color:var(--ink);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .08s,box-shadow .08s,background .12s;display:grid;place-items:center}.rule-stepper__btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-sm);background:var(--yellow)}.rule-stepper__btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.rule-stepper__btn:disabled{opacity:.35;cursor:default}.rule-stepper__value{min-width:84px;padding:6px 10px;background:#fff;border:3px solid var(--outline);border-radius:12px;box-shadow:var(--shadow-xs);display:inline-flex;align-items:baseline;justify-content:center;gap:4px;transform:rotate(-1.5deg)}.rule-stepper--lose .rule-stepper__value{transform:rotate(1.5deg)}.rule-stepper__num{font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1;color:var(--ink);-webkit-text-stroke:1.2px var(--outline);paint-order:stroke fill}.rule-stepper--win .rule-stepper__num{color:var(--mint-deep)}.rule-stepper--lose .rule-stepper__num{color:var(--pink-deep)}.rule-stepper__unit{font-family:var(--font-body);font-weight:900;font-size:11px;color:var(--ink-mute);letter-spacing:.04em}@media(max-width:480px){.rule-stepper{flex-direction:column;align-items:stretch;gap:12px}.rule-stepper__control{justify-content:space-between}.rule-stepper__value{flex:1 1 auto}}.home-cta{display:flex;flex-direction:column;align-items:center;gap:22px;padding-bottom:8px}.home-cta .pop-hint{margin:0;text-align:center}.turnstile-host{position:fixed;right:16px;bottom:16px;z-index:40;pointer-events:none}.turnstile-host iframe{pointer-events:auto}.turnstile-error{color:var(--pink-deep);font-weight:700;font-size:13px;margin:8px 0 0;text-align:center}.captcha-note{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffffb3;border:2px solid var(--ink-faint);color:var(--ink-mute);font-size:12px;font-weight:700;letter-spacing:.03em}.captcha-note__dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px #46e0a640}.home-rules{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}.home-rule{background:#fff;border:3px solid var(--outline);border-radius:18px;padding:16px 14px 16px 54px;position:relative;font-size:14px;font-weight:700;line-height:1.55;box-shadow:var(--shadow-md)}.home-rule__n{position:absolute;top:-12px;left:-12px;width:40px;height:40px;background:var(--yellow);border:3px solid var(--outline);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:16px;box-shadow:var(--shadow-xs);transform:rotate(-8deg)}.home-rule:nth-child(1) .home-rule__n{background:var(--yellow);transform:rotate(-8deg)}.home-rule:nth-child(2) .home-rule__n{background:var(--mint);transform:rotate(6deg)}.home-rule:nth-child(3) .home-rule__n{background:var(--pink);color:#fff;transform:rotate(-4deg)}.home-rule:nth-child(4) .home-rule__n{background:var(--blue);color:#fff;transform:rotate(8deg)}.home-rule b{color:var(--pink);background:linear-gradient(transparent 62%,#ffce00e6 62%);padding:0 2px}.room{width:100%;max-width:780px;margin:0 auto;padding:22px 20px 96px;display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.room-id{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);border:3px solid var(--outline);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;transform:rotate(2deg);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-id:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--pink);border:2px solid white;flex-shrink:0}.sfx-pill{position:fixed;bottom:20px;right:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;background:var(--white);padding:6px 16px 6px 6px;border:var(--outline-w) solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transform:rotate(-2deg);transition:transform .2s ease,box-shadow .2s ease}.sfx-pill:hover{transform:rotate(0) translateY(-1px);box-shadow:var(--shadow-md)}.sfx-pill__toggle{width:34px;height:34px;border-radius:50%;background:var(--pink);color:var(--white);border:2px solid var(--outline);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .15s ease;flex-shrink:0}.sfx-pill__toggle:hover{transform:scale(1.08)}.sfx-pill__toggle:active{transform:scale(.94)}.sfx-pill__toggle.is-muted{background:var(--ink-faint);color:var(--ink)}.sfx-pill__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:6px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--pink) 0%,var(--pink) var(--sfx-pct, 60%),var(--ink-faint) var(--sfx-pct, 60%),var(--ink-faint) 100%);outline:none;cursor:pointer;border:1.5px solid var(--outline)}.sfx-pill__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--yellow);border:2px solid var(--outline);cursor:pointer;box-shadow:1px 1px 0 var(--ink)}.sfx-pill__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--yellow);border:2px solid var(--outline);cursor:pointer;box-shadow:1px 1px 0 var(--ink)}.sfx-pill__slider:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.sfx-pill{bottom:12px;right:12px;padding:5px 12px 5px 5px;gap:8px}.sfx-pill__toggle{width:30px;height:30px}.sfx-pill__slider{width:80px}}.lobby-hero{text-align:center;margin-bottom:30px}.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--pink);color:#fff;padding:6px 14px;border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;transform:rotate(-2deg)}.live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.lobby-title{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,6vw,56px);color:var(--violet);margin:12px 0 0;line-height:1.05;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:4px 4px 0 var(--outline),4px 4px 0 0 var(--yellow),7px 7px 0 var(--outline);transform:rotate(-1.5deg);display:inline-block}.room>.pop-card,.room>.start-cta{margin-top:34px}.room>.pop-card:first-of-type,.room>.lobby-hero+.pop-card{margin-top:0}.invite-row{display:flex;gap:12px;align-items:stretch;margin-top:6px}.invite-link{flex:1;background:var(--cream);border:3px solid var(--outline);border-radius:14px;padding:14px 18px;font-family:var(--font-mono);font-size:13px;color:var(--ink);outline:none;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-link:focus{background:#fff}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mint);color:var(--ink);border:3px solid var(--outline);border-radius:14px;padding:10px 20px;font-family:var(--font-body);font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 5px 0 var(--mint-deep),0 5px 0 3px var(--outline);transition:transform .08s ease,box-shadow .08s ease;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.copy-btn:hover{transform:translateY(-2px)}.copy-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--mint-deep),0 2px 0 3px var(--outline)}.copy-btn.copied{background:var(--yellow);box-shadow:0 5px 0 var(--yellow-deep),0 5px 0 3px var(--outline)}.invite-hint{margin:14px 4px 0;font-size:13px;color:var(--ink-mute);font-weight:700;display:flex;align-items:center;gap:8px}.invite-hint:before{content:"";display:inline-block;width:8px;height:8px;background:var(--pink);border:2px solid var(--outline);flex-shrink:0}.invite-layout{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:stretch;margin-top:6px}.invite-main{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.invite-main .invite-row,.invite-main .invite-hint{margin-top:0}.invite-qr{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.invite-qr__frame{position:relative;width:168px;height:168px;padding:12px;background:var(--white);border:4px solid var(--outline);border-radius:18px;box-shadow:6px 6px 0 var(--outline);transform:rotate(-1.5deg);transition:transform .15s ease}.invite-qr__frame:hover{transform:rotate(0) scale(1.02)}.invite-qr__frame:before,.invite-qr__frame:after{content:"";position:absolute;width:16px;height:16px;border:3px solid var(--outline);border-radius:4px;z-index:1}.invite-qr__frame:before{top:-10px;left:-10px;background:var(--yellow);transform:rotate(-12deg)}.invite-qr__frame:after{bottom:-10px;right:-10px;background:var(--pink);transform:rotate(14deg)}.qr-svg{display:block;width:100%;height:100%}.invite-qr__caption{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--cream-2);border:3px solid var(--outline);border-radius:999px;box-shadow:var(--shadow-xs);transform:rotate(1.2deg)}.invite-qr__caption-tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--pink);color:var(--white);border:2px solid var(--outline);border-radius:999px;font-family:var(--font-en);font-weight:800;font-size:11px;letter-spacing:.12em}.invite-qr__caption-text{font-family:var(--font-body);font-weight:900;font-size:12px;color:var(--ink)}.players-head{display:flex;justify-content:flex-end;align-items:baseline;margin:4px 0 16px}.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.player-slot{background:#fff;border:3px solid var(--outline);border-radius:16px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;box-shadow:var(--shadow-sm);transition:transform .12s}.player-slot:hover{transform:translateY(-2px)}.player-slot .av{width:44px;height:44px;border-radius:50%;border:3px solid var(--outline);display:grid;place-items:center;font-weight:900;font-size:20px;color:var(--ink);background:var(--yellow);transform:rotate(-4deg)}.player-slot .n{font-size:13px;font-weight:900;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-slot .av--1{background:var(--yellow);color:var(--ink)}.player-slot .av--2{background:var(--mint);color:var(--ink)}.player-slot .av--3{background:var(--blue);color:#fff}.player-slot .av--4{background:var(--violet);color:#fff}.player-slot .av--5{background:var(--coral);color:#fff}.player-slot__tag{position:absolute;border:2.5px solid var(--outline);border-radius:var(--radius-pill);padding:2px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;box-shadow:var(--shadow-xs);z-index:1}.player-slot__tag--host{top:-10px;right:-8px;background:var(--yellow);color:var(--ink);transform:rotate(6deg)}.player-slot__tag--you{top:-10px;left:-8px;background:var(--blue);color:#fff;transform:rotate(-6deg)}.player-slot.host .av{background:var(--pink);color:#fff}.player-slot.you{background:#fff2c8;box-shadow:4px 4px 0 var(--pink-deep),4px 4px 0 3px var(--outline)}.player-slot.empty{background:#fff6;border-style:dashed;box-shadow:none}.player-slot.empty .av{background:transparent;border-style:dashed;color:var(--ink-faint)}.player-slot.empty .n{color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.start-cta{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:8px}.waiting{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 32px;background:var(--cream-2);border:3px dashed var(--outline);border-radius:20px;font-weight:900;color:var(--ink);text-align:center}.waiting .dots{display:inline-flex;gap:8px}.waiting .dots span{width:12px;height:12px;border-radius:50%;border:2px solid var(--outline);background:var(--pink);animation:dot-bounce 1s ease-in-out infinite}.waiting .dots span:nth-child(2){animation-delay:.15s;background:var(--yellow)}.waiting .dots span:nth-child(3){animation-delay:.3s;background:var(--mint)}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.name-entry{flex:1;display:flex;flex-direction:column;justify-content:center;gap:26px;max-width:520px;width:100%;margin:0 auto;padding:40px 0}.name-entry-title{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5vw,44px);color:var(--pink);margin:12px 0 0;line-height:1.05;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:4px 4px 0 var(--outline);transform:rotate(-1.5deg);display:inline-block;text-align:center}.name-entry-hero{text-align:center}.name-entry-cta{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:8px}.name-entry-error{color:var(--pink-deep);font-weight:900;font-size:13px;margin:12px 4px 0}.status-page{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}.status-card{min-width:280px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:32px}.status-card__msg{margin:0;font-size:16px;font-weight:900;color:var(--ink)}.status-card__msg--pink{color:var(--pink-deep)}.loader-dots{display:inline-flex;gap:8px}.loader-dots span{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--outline);background:var(--yellow);animation:dot-bounce 1s ease-in-out infinite}.loader-dots span:nth-child(2){animation-delay:.15s;background:var(--pink)}.loader-dots span:nth-child(3){animation-delay:.3s;background:var(--mint)}@media(max-width:640px){.players-grid{grid-template-columns:repeat(3,1fr)}.invite-row{flex-direction:column}.copy-btn{align-self:stretch;justify-content:center}.invite-layout{grid-template-columns:1fr;gap:18px;justify-items:center}.invite-main{width:100%}.invite-qr__frame{width:200px;height:200px}}@media(max-width:560px){.home{padding:20px 16px 64px}.room{padding:18px 16px 64px}.home-rules{grid-template-columns:1fr}.pop-avatar{width:54px;height:54px;font-size:24px}.pop-cta{padding:16px 30px;font-size:22px}.pop-card{padding:18px 16px 20px}.room-id{max-width:160px;font-size:11px;padding:6px 12px}}@media(max-width:420px){.players-grid{grid-template-columns:repeat(2,1fr)}}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.centered{flex:1;display:flex;align-items:center;justify-content:center;min-height:60vh}.btn-primary{background:var(--pink);color:#fff;border:3px solid var(--outline);border-radius:999px;padding:12px 24px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 var(--pink-deep),0 5px 0 3px var(--outline);transition:transform .08s ease,box-shadow .08s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--pink-deep),0 1px 0 3px var(--outline)}.btn-primary:disabled{background:#d5cfe0;box-shadow:0 5px #a29ab5,0 5px 0 3px var(--outline);color:#8b829f;cursor:default}.btn-primary.big{padding:16px 36px;font-size:20px}.btn-text{background:none;border:none;color:var(--ink-mute);cursor:pointer;font-size:14px;text-decoration:underline;font-weight:700}.btn-text:hover{color:var(--ink)}.answer-input{flex:1;background:var(--cream);border:3px solid var(--outline);color:var(--ink);border-radius:14px;padding:14px 18px;font-family:var(--font-body);font-weight:700;font-size:20px;outline:none;min-width:0;box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s,background .1s}.answer-input:focus{background:#fff;border-color:var(--pink);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.answer-input:disabled{opacity:.5}.answer-input::placeholder{color:var(--ink-mute);font-weight:500}.buzz-time{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--yellow);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);margin-bottom:18px}.buzz-time__val{font-family:var(--font-mono);font-size:15px;color:var(--ink);font-weight:900;letter-spacing:-.02em}.buzz-time__unit{font-size:12px;color:var(--ink);font-weight:900;letter-spacing:.04em}.answer-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mint);color:var(--ink);border:3px solid var(--outline);border-radius:14px;padding:12px 22px;font-family:var(--font-body);font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 5px 0 var(--mint-deep),0 5px 0 3px var(--outline);transition:transform .08s ease,box-shadow .08s ease;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em}.answer-submit:hover:not(:disabled){transform:translateY(-2px)}.answer-submit:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--mint-deep),0 2px 0 3px var(--outline)}.answer-submit:disabled{background:#d5cfe0;box-shadow:0 5px #a29ab5,0 5px 0 3px var(--outline);color:#8b829f;cursor:default}.big-countdown{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.big-countdown__label{font-family:var(--font-body);font-weight:900;font-size:11px;color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase}.big-countdown__num{font-family:var(--font-mono);font-size:56px;font-weight:900;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.big-countdown__num small{font-family:var(--font-body);font-size:16px;color:var(--ink-mute);margin-left:4px;font-weight:700}.big-countdown--md .big-countdown__num{font-size:36px}.big-countdown--md .big-countdown__num small{font-size:13px}.big-countdown--warn .big-countdown__num{color:var(--yellow-deep)}.big-countdown--danger .big-countdown__num{color:var(--pink);animation:bc-pulse .55s ease-in-out infinite alternate}@keyframes bc-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.big-countdown .cbar{width:240px;max-width:100%;flex:0 0 auto}.big-countdown--md .cbar{width:180px}.scoreboard-wrap{margin-bottom:22px}.scoreboard{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 14px;scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;scroll-snap-type:x proximity}.scoreboard::-webkit-scrollbar{height:8px}.scoreboard::-webkit-scrollbar-track{background:transparent}.scoreboard::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:999px}.sb-card{flex:0 0 128px;height:156px;scroll-snap-align:start;background:#fff;border:3px solid var(--outline);border-radius:18px;padding:12px 10px 10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .12s}.sb-card:hover{transform:translateY(-2px)}.sb-card__av{width:48px;height:48px;border-radius:50%;border:3px solid var(--outline);display:grid;place-items:center;font-weight:900;font-size:22px;background:var(--yellow);color:var(--ink);transform:rotate(-4deg);flex-shrink:0}.sb-card__av--1{background:var(--yellow);color:var(--ink)}.sb-card__av--2{background:var(--mint);color:var(--ink)}.sb-card__av--3{background:var(--blue);color:#fff}.sb-card__av--4{background:var(--violet);color:#fff}.sb-card__av--5{background:var(--coral);color:#fff}.sb-card__name{font-weight:900;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.15}.sb-card__bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.sb-card__pts{font-family:var(--font-mono);font-size:30px;font-weight:900;color:var(--ink);line-height:1;letter-spacing:-.02em}.sb-card__pts small{font-family:var(--font-body);font-size:11px;color:var(--ink-mute);margin-left:2px}.sb-card__lives{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.03em}.sb-card__lives svg{width:12px;height:12px;display:block;filter:drop-shadow(1px 1px 0 var(--outline))}.sb-card__lives--ok{color:var(--ink-mute)}.sb-card__lives--warn{color:var(--yellow-deep)}.sb-card__lives--danger{color:var(--pink-deep)}.sb-card.you{background:#fff2c8;box-shadow:4px 4px 0 var(--pink-deep),4px 4px 0 3px var(--outline)}.sb-card.you:after{content:"YOU";position:absolute;top:-10px;left:-8px;background:var(--blue);color:#fff;border:2.5px solid var(--outline);border-radius:var(--radius-pill);padding:2px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;box-shadow:var(--shadow-xs);transform:rotate(-6deg)}.sb-card.active{border-color:var(--pink);animation:sb-active-pulse 1s ease-in-out infinite}@keyframes sb-active-pulse{0%,to{box-shadow:3px 3px 0 var(--outline)}50%{box-shadow:3px 3px 0 var(--outline),0 0 0 5px #ff3d7f4d}}.sb-card.eliminated{opacity:.5}.sb-card.eliminated .sb-card__pts{color:var(--ink-mute);text-decoration:line-through}.sb-card__buzz{position:absolute;right:-8px;bottom:-10px;display:inline-flex;align-items:baseline;gap:2px;padding:4px 9px 4px 8px;background:var(--cream);color:var(--ink);border:2.5px solid var(--outline);border-radius:999px;box-shadow:var(--shadow-xs);transform:rotate(-4deg);font-family:var(--font-mono);letter-spacing:-.02em;z-index:2;animation:sb-buzz-pop .35s cubic-bezier(.34,1.56,.64,1)}.sb-card__buzz-rank{font-size:9px;font-weight:900;color:var(--ink-mute);padding-right:2px;border-right:2px solid var(--ink-faint);margin-right:4px;line-height:1;transform:translateY(-1px)}.sb-card__buzz-val{font-size:13px;font-weight:900;line-height:1}.sb-card__buzz-unit{font-family:var(--font-body);font-size:9px;color:var(--ink-mute);font-weight:900;margin-left:1px}.sb-card__buzz.is-fastest{background:var(--yellow);color:var(--ink);border-color:var(--outline);box-shadow:2px 2px 0 var(--pink-deep),2px 2px 0 3px var(--outline);transform:rotate(-6deg) scale(1.05)}.sb-card__buzz.is-fastest .sb-card__buzz-rank{color:var(--pink-deep);border-right-color:var(--pink)}@keyframes sb-buzz-pop{0%{transform:rotate(-4deg) scale(0)}60%{transform:rotate(-4deg) scale(1.18)}to{transform:rotate(-4deg) scale(1)}}.sb-card__buzz.is-fastest{animation:sb-buzz-pop-fast .4s cubic-bezier(.34,1.56,.64,1)}@keyframes sb-buzz-pop-fast{0%{transform:rotate(-6deg) scale(0)}60%{transform:rotate(-6deg) scale(1.24)}to{transform:rotate(-6deg) scale(1.05)}}.solo-stats{margin-bottom:22px;padding:14px 16px;background:#fff;border:3.5px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:14px}.solo-stats__counts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solo-stat{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--cream);border:3px solid var(--outline);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.solo-stat--correct{background:#eafff5}.solo-stat--wrong{background:#ffeff4}.solo-stat__icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:3px solid var(--outline);font-family:var(--font-display);font-size:22px;line-height:1;flex-shrink:0;box-shadow:var(--shadow-xs)}.solo-stat--correct .solo-stat__icon{background:var(--mint);color:var(--ink);transform:rotate(-6deg)}.solo-stat--wrong .solo-stat__icon{background:var(--pink);color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;transform:rotate(6deg)}.solo-stat__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.solo-stat__label{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--ink-mute)}.solo-stat__value{display:inline-flex;align-items:baseline;gap:4px}.solo-stat__num{font-family:var(--font-display);font-size:30px;color:var(--ink);-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;line-height:1}.solo-stat--correct .solo-stat__num{color:var(--mint-deep)}.solo-stat--wrong .solo-stat__num{color:var(--pink-deep)}.solo-stat__unit{font-size:12px;font-weight:900;color:var(--ink-mute)}.solo-stats__history{padding:8px 10px;background:var(--cream);border:2.5px dashed rgba(32,21,51,.2);border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center}.solo-stats__history-scroll{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.solo-stats__history-scroll::-webkit-scrollbar{display:none}.solo-stats__history-track{display:flex;gap:6px;padding:2px 4px;min-width:100%;width:max-content;justify-content:flex-end;align-items:center}.solo-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2.5px solid var(--outline);font-family:var(--font-display);font-size:18px;line-height:1;flex-shrink:0;box-shadow:1px 1px 0 var(--outline)}.solo-mark--correct{background:var(--mint);color:var(--ink)}.solo-mark--wrong{background:var(--pink);color:#fff;-webkit-text-stroke:1px var(--outline);paint-order:stroke fill}.solo-mark--skip{background:#fff;color:var(--ink-mute)}.solo-mark.is-latest{animation:solo-mark-pop .42s cubic-bezier(.34,1.56,.64,1);box-shadow:2px 2px 0 var(--outline)}@keyframes solo-mark-pop{0%{transform:scale(.3) rotate(-14deg);opacity:.2}60%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0)}}.solo-actions{margin-top:22px;padding-top:18px;border-top:2.5px dashed rgba(32,21,51,.18);display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.solo-actions__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:10px 20px 10px 14px;background:#fff;color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-family:var(--font-body);font-weight:900;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:transform .1s,box-shadow .1s}.solo-actions__btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.solo-actions__btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--outline)}.solo-actions__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:1px 1px 0 var(--outline)}.solo-actions__icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2.5px solid var(--outline);font-family:var(--font-display);font-size:15px;line-height:1}.solo-actions__btn--pass{background:#fffbe6}.solo-actions__btn--pass .solo-actions__icon{background:var(--yellow);color:var(--ink)}.solo-actions__btn--next{background:var(--mint);color:var(--ink);padding:12px 14px 12px 24px;font-family:var(--font-display);font-size:18px;letter-spacing:.06em;-webkit-text-stroke:1px var(--outline);paint-order:stroke fill;box-shadow:4px 4px 0 var(--mint-deep),4px 4px 0 4px var(--outline);animation:solo-next-pop .36s cubic-bezier(.34,1.56,.64,1)}.solo-actions__btn--next:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--mint-deep),5px 6px 0 4px var(--outline)}.solo-actions__btn--next:active:not(:disabled){transform:translate(2px,3px);box-shadow:2px 2px 0 var(--mint-deep),2px 2px 0 4px var(--outline)}.solo-actions__btn--next .solo-actions__icon--arrow{background:#fff;color:var(--ink);width:28px;height:28px;font-family:var(--font-body);font-size:16px;-webkit-text-stroke:0;border-width:3px}@keyframes solo-next-pop{0%{transform:scale(.85) rotate(-2deg);opacity:0}60%{transform:scale(1.05) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0)}}.solo-actions__btn--quit{background:#fff0f5}.solo-actions__btn--quit .solo-actions__icon{background:var(--pink);color:#fff;-webkit-text-stroke:1px var(--outline);paint-order:stroke fill}.stage{background:#fff;border:3.5px solid var(--outline);border-radius:var(--radius-lg);padding:24px 26px 28px;box-shadow:var(--shadow-lg);position:relative}.q-tab{position:absolute;top:-18px;left:22px;padding:6px 14px;background:var(--yellow);color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius-sm);font-weight:900;font-size:13px;letter-spacing:.06em;box-shadow:var(--shadow-sm);transform:rotate(-3deg);display:inline-flex;align-items:center;gap:8px}.q-tab__diff{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;border:2.5px solid var(--outline);border-radius:var(--radius-pill);color:var(--pink);font-size:12px;letter-spacing:1px;line-height:1;-webkit-text-stroke:.6px var(--outline);paint-order:stroke fill}.q-index{position:absolute;top:-14px;right:22px;display:inline-flex;align-items:baseline;gap:4px;padding:4px 12px;background:var(--ink);color:#fff;border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transform:rotate(3deg)}.q-index__label{font-family:var(--font-body);font-size:10px;letter-spacing:.12em;opacity:.85}.q-index__num{font-family:var(--font-mono);font-size:16px;letter-spacing:.06em}.q-body{background:var(--cream);border:2.5px dashed rgba(32,21,51,.25);border-radius:var(--radius-md);padding:22px 20px;margin-top:12px}.q-text{display:grid;font-family:var(--font-body);font-weight:900;font-size:clamp(20px,3.4vw,28px);line-height:1.75;color:var(--ink);min-height:3.4em;letter-spacing:.03em}.q-text>*{grid-column:1;grid-row:1}.q-text__spacer{visibility:hidden}.action-area{margin-top:22px;min-height:120px;display:flex;flex-direction:column;justify-content:center}.buzz-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;width:220px;height:220px;border-radius:50%;border:5px solid var(--outline);cursor:pointer;background:radial-gradient(circle at 50% 35%,#ff6f9c 0%,var(--pink) 55%,var(--pink-deep) 100%);color:#fff;display:grid;place-items:center;box-shadow:0 12px 0 var(--pink-deep),0 12px 0 5px var(--outline);transition:transform .06s ease,box-shadow .06s ease;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;position:relative;animation:buzz-idle 2.2s ease-in-out infinite}@keyframes buzz-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.buzz-btn:before{content:"";position:absolute;top:12px;left:22px;width:60px;height:24px;background:#ffffff59;border-radius:50%;filter:blur(2px);transform:rotate(-20deg)}.buzz-btn:hover{animation:none;transform:translateY(-4px)}.buzz-btn:active{transform:translateY(10px);box-shadow:0 2px 0 var(--pink-deep),0 2px 0 5px var(--outline);animation:none}.buzz-main{font-family:var(--font-display);font-weight:400;font-size:56px;line-height:1;letter-spacing:.08em}.locked,.buzzed{align-self:center;padding:20px 28px;border-radius:18px;font-weight:900;font-size:17px;text-align:center;border:3px solid var(--outline);box-shadow:var(--shadow-sm)}.locked{color:var(--ink-mute);background:var(--cream);border-style:dashed}.buzzed{color:var(--ink);background:var(--yellow)}.pass-out{align-self:center;padding:4px 0 8px}.pass-out__pill{display:inline-flex;align-items:center;gap:12px;padding:10px 22px;background:var(--cream);border:3px dashed var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);transform:rotate(-1.5deg);animation:pass-out-in .35s cubic-bezier(.34,1.56,.64,1)}.pass-out__mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--pink-deep);color:#fff;border:2.5px solid var(--outline);font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1;padding-bottom:2px}.pass-out__label{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:.08em;color:var(--ink);line-height:1}@keyframes pass-out-in{0%{opacity:0;transform:rotate(-6deg) translateY(-6px) scale(.9)}to{opacity:1;transform:rotate(-1.5deg) translateY(0) scale(1)}}.answer-box{width:100%;display:flex;flex-direction:column}.answer-row{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.judging{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px 0 12px;color:var(--ink);text-align:center}.judging__dots{display:inline-flex;gap:12px}.judging__dots span{width:20px;height:20px;border-radius:50%;border:3px solid var(--outline);box-shadow:var(--shadow-xs);animation:judging-bounce 1s ease-in-out infinite}.judging__dots span:nth-child(1){background:var(--pink);animation-delay:0s}.judging__dots span:nth-child(2){background:var(--yellow);animation-delay:.15s}.judging__dots span:nth-child(3){background:var(--mint);animation-delay:.3s}@keyframes judging-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.judging__label{margin:0;font-family:var(--font-body);font-weight:900;font-size:16px;color:var(--ink);letter-spacing:.04em}.waiting-answer{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink)}.waiting-answer__title{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:900;color:var(--ink)}.waiting-answer__name{padding:4px 14px;background:var(--pink);color:#fff;border:2.5px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font-size:14px;letter-spacing:.02em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-answer__dots{display:inline-flex;gap:4px}.waiting-answer__dots span{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:wa-dot 1.2s ease-in-out infinite}.waiting-answer__dots span:nth-child(2){animation-delay:.2s}.waiting-answer__dots span:nth-child(3){animation-delay:.4s}@keyframes wa-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.live-peek{position:relative;display:inline-flex;align-items:flex-end;gap:8px;max-width:min(520px,92%);margin-top:4px;padding:14px 22px;background:#fff;border:3px solid var(--outline);border-radius:22px 22px 22px 8px;box-shadow:4px 4px 0 var(--pink-deep),4px 4px 0 3px var(--outline);transform:rotate(-1deg);transform-origin:20% 0%;animation:peek-pop-in .34s cubic-bezier(.34,1.56,.64,1) both}.live-peek__tail-outer,.live-peek__tail-inner{position:absolute;left:44px;clip-path:polygon(0% 100%,100% 100%,50% 0%)}.live-peek__tail-outer{top:-14px;width:26px;height:14px;background:var(--outline)}.live-peek__tail-inner{top:-10px;left:48px;width:18px;height:10px;background:#fff}.live-peek__badge{position:absolute;top:-12px;right:-10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 5px;background:var(--ink);color:#fff;border:2.5px solid var(--outline);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:11px;letter-spacing:.14em;line-height:1;box-shadow:2px 2px 0 var(--pink-deep);transform:rotate(4deg)}.live-peek__ping{position:relative;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 #ff3d7fcc;animation:peek-ping 1.5s cubic-bezier(.4,0,.2,1) infinite}.live-peek__text{display:inline-flex;align-items:baseline;gap:4px;min-height:26px;font-family:var(--font-body);font-weight:900;font-size:22px;line-height:1.2;color:var(--ink);letter-spacing:.01em;word-break:break-word;overflow-wrap:anywhere}.live-peek__body{display:inline}.live-peek__caret{display:inline-block;width:7px;height:22px;align-self:center;background:var(--pink);border:2px solid var(--outline);border-radius:4px;transform:translateY(2px);animation:peek-blink 1s steps(2,end) infinite}@keyframes peek-pop-in{0%{transform:scale(.55) rotate(-5deg);opacity:0}55%{transform:scale(1.08) rotate(.5deg);opacity:1}to{transform:scale(1) rotate(-1deg);opacity:1}}@keyframes peek-ping{0%{box-shadow:0 0 #ff3d7fbf}70%{box-shadow:0 0 0 9px #ff3d7f00}to{box-shadow:0 0 #ff3d7f00}}@keyframes peek-blink{0%,50%{opacity:1}50.01%,to{opacity:.15}}.push-lost{position:relative;display:flex;align-items:center;justify-content:center;padding:6px 4px 14px;margin-bottom:4px;animation:pl-shake .6s cubic-bezier(.36,.07,.19,.97)}.push-lost__pill{position:relative;display:inline-flex;align-items:baseline;gap:10px;padding:10px 22px 12px;background:var(--ink);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:4px 4px 0 var(--pink-deep),4px 4px 0 3px var(--outline);transform:rotate(-2deg);z-index:1}.push-lost__label{font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:.06em;color:var(--pink);-webkit-text-stroke:1.5px var(--outline);line-height:1}.push-lost__sub{font-family:var(--font-body);font-weight:900;font-size:11px;letter-spacing:.14em;color:var(--cream);text-transform:uppercase}.push-lost__shock{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.push-lost__shock span{position:absolute;top:50%;left:50%;width:14px;height:14px;background:var(--yellow);border:2.5px solid var(--outline);transform:translate(-50%,-50%) rotate(45deg);animation:pl-shock .8s ease-out forwards;opacity:0}.push-lost__shock span:nth-child(1){--pl-dx: -110px;--pl-dy: -30px;background:var(--mint);animation-delay:.05s}.push-lost__shock span:nth-child(2){--pl-dx: 110px;--pl-dy: -30px;background:var(--yellow);animation-delay:.1s}.push-lost__shock span:nth-child(3){--pl-dx: -140px;--pl-dy: 20px;background:var(--pink);animation-delay:0s;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.push-lost__shock span:nth-child(4){--pl-dx: 140px;--pl-dy: 20px;background:var(--blue);animation-delay:.15s;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}@keyframes pl-shock{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--pl-dx, 0px)),calc(-50% + var(--pl-dy, 0px))) rotate(180deg) scale(1)}}@keyframes pl-shake{0%,to{transform:translateZ(0)}10%{transform:translate3d(-6px,-1px,0) rotate(-1deg)}20%{transform:translate3d(7px,2px,0) rotate(1deg)}30%{transform:translate3d(-5px,-2px,0) rotate(-.6deg)}40%{transform:translate3d(5px,1px,0)}50%{transform:translate3d(-3px,1px,0)}60%{transform:translate3d(2px,-1px,0)}80%{transform:translate3d(-1px,0,0)}}@media(max-width:480px){.answer-submit{width:100%;justify-content:center}.big-countdown__num{font-size:48px}}.grace-timer{display:flex;justify-content:center;margin-bottom:18px}.reanswer{position:relative;display:flex;align-items:stretch;gap:12px;padding:12px 14px;margin:0 0 14px;background:var(--yellow);border:var(--outline-w) solid var(--outline);border-radius:16px;box-shadow:4px 4px 0 var(--yellow-deep),4px 4px 0 3px var(--outline);animation:reanswer-in .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.reanswer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(32,21,51,.08) 12px 14px);pointer-events:none}.reanswer__tag{position:relative;flex:0 0 auto;align-self:center;padding:6px 12px 7px;background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-weight:400;font-size:16px;letter-spacing:.08em;border-radius:var(--radius-pill);border:2px solid var(--outline);-webkit-text-stroke:.5px var(--outline);transform:rotate(-3deg);white-space:nowrap}.reanswer__body{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.reanswer__prompt{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.15;color:var(--ink);letter-spacing:.02em;word-break:break-word}.reanswer__submitted{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-body);font-weight:700;font-size:12px;color:var(--ink-2)}.reanswer__submitted-label{padding:1px 6px 2px;background:var(--cream);border:1.5px solid var(--outline);border-radius:var(--radius-pill);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.reanswer__submitted-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reanswer--opp{padding:8px 12px;margin-bottom:10px}.reanswer--opp .reanswer__prompt{font-size:18px}@keyframes reanswer-in{0%{opacity:0;transform:translateY(-6px) rotate(-1deg)}60%{opacity:1;transform:translateY(1px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:480px){.reanswer{flex-wrap:wrap}.reanswer__prompt{font-size:18px}.reanswer--opp .reanswer__prompt{font-size:16px}}.cbar{flex:1;max-width:320px;height:12px;background:#fff;border:2.5px solid var(--outline);border-radius:999px;overflow:hidden;box-shadow:var(--shadow-xs)}.cbar__fill{height:100%;width:100%;background:var(--pink);transform-origin:left center;transition:transform .1s linear;will-change:transform}.cbar--ok .cbar__fill{background:var(--mint-deep)}.cbar--warn .cbar__fill{background:var(--yellow-deep)}.cbar--danger .cbar__fill{background:var(--pink)}.round-banner{display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 0;text-align:center}.round-outcome{display:inline-block;padding:14px 36px;border:4px solid var(--outline);border-radius:18px;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,5vw,42px);line-height:1;letter-spacing:.06em;transform:rotate(-3deg);box-shadow:var(--shadow-md);-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;max-width:100%;overflow:hidden;text-overflow:ellipsis;animation:round-outcome-in .4s cubic-bezier(.34,1.56,.64,1)}.round-outcome--good{background:var(--mint);color:var(--ink)}.round-outcome--bad{background:var(--pink);color:#fff}.round-outcome--neutral{background:var(--cream);color:var(--ink);border-style:dashed}@keyframes round-outcome-in{0%{transform:rotate(-8deg) scale(.4);opacity:0}60%{transform:rotate(2deg) scale(1.08);opacity:1}to{transform:rotate(-3deg) scale(1)}}.round-answer{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}.round-answer__label{font-size:14px;color:var(--ink-mute);font-weight:900;letter-spacing:.06em}.round-answer__val{font-family:var(--font-body);font-weight:900;font-size:clamp(24px,4vw,30px);color:var(--ink);background:linear-gradient(transparent 62%,#ffce00e6 62%);padding:0 6px}.report-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;background:var(--cream);color:var(--ink-2);border:2.5px solid var(--outline);border-radius:var(--radius-pill);padding:8px 18px 8px 12px;font-family:var(--font-body);font-weight:900;font-size:12px;letter-spacing:.04em;box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .15s;transform:rotate(-1.5deg);margin-top:6px}.report-btn:hover:not(:disabled){transform:rotate(-1.5deg) translate(-1px,-1px);box-shadow:var(--shadow-sm);background:#fff}.report-btn:active:not(:disabled){transform:rotate(-1.5deg) translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.report-btn__icon{display:inline-grid;place-items:center;width:22px;height:22px;background:#fff;border:2px solid var(--outline);border-radius:50%;transform:rotate(6deg);flex-shrink:0}.report-btn__icon svg{width:13px;height:13px;display:block}.report-btn__label{line-height:1}.report-btn--sending{cursor:default;opacity:.6}.report-btn--sent{background:var(--mint);color:var(--ink);cursor:default}.report-btn--sent .report-btn__icon{background:#fff;transform:rotate(-6deg)}.countdown{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0;min-height:40vh}.countdown__num{font-family:var(--font-display);font-weight:400;line-height:1;-webkit-text-stroke:5px var(--outline);paint-order:stroke fill;display:inline-block;animation:countdown-pop .9s cubic-bezier(.34,1.56,.64,1)}.countdown__num--pink,.countdown__num--yellow,.countdown__num--mint{font-size:clamp(140px,24vw,220px);text-shadow:10px 10px 0 var(--outline),10px 10px 0 4px var(--outline)}.countdown__num--pink{color:var(--pink)}.countdown__num--yellow{color:var(--yellow)}.countdown__num--mint{color:var(--mint)}.countdown__num--start{font-family:var(--font-body);font-weight:900;font-size:clamp(80px,14vw,150px);color:var(--yellow);letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:5px var(--outline);paint-order:stroke fill;text-shadow:8px 8px 0 var(--outline),8px 8px 0 4px var(--outline);animation:countdown-start-in .7s cubic-bezier(.34,1.56,.64,1)}@keyframes countdown-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}50%{transform:scale(1.15) rotate(3deg);opacity:1}75%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes countdown-start-in{0%{transform:rotate(-10deg) scale(.5);opacity:0}55%{transform:rotate(3deg) scale(1.12);opacity:1}80%{transform:rotate(-4deg) scale(.96)}to{transform:rotate(-3deg) scale(1)}}.match-end{flex:1;max-width:640px;width:100%;margin:0 auto;padding:12px 0 40px;display:flex;flex-direction:column;gap:30px}.match-end__banner{text-align:center;padding:30px 24px;border:4px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;animation:match-end-banner-in .6s cubic-bezier(.34,1.56,.64,1)}.match-end__banner--win{background:var(--yellow)}.match-end__banner--lose{background:#fff}.match-end__banner--draw{background:var(--cream-2);border-style:dashed}@keyframes match-end-banner-in{0%{transform:scale(.85) translateY(-10px);opacity:0}60%{transform:scale(1.03);opacity:1}to{transform:scale(1) translateY(0)}}.match-end__title-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.match-end__title-row .spark{filter:drop-shadow(2px 2px 0 var(--outline));animation:match-end-spark 2.6s ease-in-out infinite}.match-end__title-row .spark--left{animation-delay:0s}.match-end__title-row .spark--right{animation-delay:-1.3s}@keyframes match-end-spark{0%,to{transform:rotate(-14deg) scale(1)}50%{transform:rotate(14deg) scale(1.15)}}.match-end__title{font-family:var(--font-body);font-weight:900;line-height:1.1;letter-spacing:.02em;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}.match-end__title--win{color:var(--pink);font-size:clamp(38px,7vw,60px);text-shadow:5px 5px 0 var(--outline);transform:rotate(-2deg)}.match-end__title--lose{color:var(--mint-deep);font-size:clamp(28px,5vw,40px);text-shadow:4px 4px 0 var(--outline)}.match-end__title--draw{color:var(--ink-mute);font-size:clamp(28px,5vw,40px);-webkit-text-stroke:2px var(--outline);text-shadow:3px 3px 0 var(--outline)}.match-end__winner-name{display:inline-block;padding:4px 18px;background:var(--mint);color:var(--ink);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transform:rotate(-2deg);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:0;text-shadow:none}.match-end__rankings{display:flex;flex-direction:column;gap:10px}.me-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:12px;background:#fff;border:3px solid var(--outline);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow-sm)}.me-row.you{background:#fff2c8;box-shadow:4px 4px 0 var(--pink-deep),4px 4px 0 3px var(--outline)}.me-row.eliminated .me-row__pts,.me-row.eliminated .me-row__name{color:var(--ink-mute);text-decoration:line-through;text-decoration-color:#ff3d7f99}.me-row__rank{font-family:var(--font-mono);font-size:13px;font-weight:900;width:44px;height:44px;border-radius:50%;border:3px solid var(--outline);display:grid;place-items:center;background:var(--cream);color:var(--ink-mute);flex-shrink:0;transform:rotate(-4deg)}.me-row__rank--1{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--outline)}.me-row__rank--2{background:var(--mint);color:var(--ink);box-shadow:2px 2px 0 var(--outline)}.me-row__rank--3{background:var(--coral);color:#fff;box-shadow:2px 2px 0 var(--outline)}.me-row__av{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--outline);display:grid;place-items:center;font-weight:900;font-size:16px;background:var(--yellow);color:var(--ink);transform:rotate(-4deg);flex-shrink:0}.me-row__av--1{background:var(--yellow);color:var(--ink)}.me-row__av--2{background:var(--mint);color:var(--ink)}.me-row__av--3{background:var(--blue);color:#fff}.me-row__av--4{background:var(--violet);color:#fff}.me-row__av--5{background:var(--coral);color:#fff}.me-row__name{font-weight:900;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.me-row__lives{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.02em}.me-row__lives svg{width:11px;height:11px;display:block;filter:drop-shadow(1px 1px 0 var(--outline))}.me-row__pts{font-family:var(--font-mono);font-size:22px;font-weight:900;color:var(--ink);letter-spacing:-.02em;line-height:1}.me-row__pts small{font-family:var(--font-body);font-size:11px;color:var(--ink-mute);margin-left:2px;font-weight:700}.me-row__elim{grid-column:3 / -1;font-family:var(--font-mono);font-size:10px;color:var(--pink);letter-spacing:.08em;margin-top:-4px}.match-end__cta{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:8px}.match-end__rematch-hint{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--mint);border:2.5px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font-size:12px;font-weight:900;color:var(--ink);max-width:100%;flex-wrap:wrap;justify-content:center}.match-end__rematch-hint__names{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-end__rematch-timer{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;background:var(--yellow);border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-size:13px;font-weight:900;color:var(--ink);letter-spacing:.02em;animation:rematch-timer-breathe 1s ease-in-out infinite;transform-origin:center}.match-end__rematch-timer__icon{display:inline-flex;transform-origin:50% 20%;animation:rematch-clock-swing 1s ease-in-out infinite}.match-end__rematch-timer__label{line-height:1}.match-end__rematch-timer__count{display:inline-block;min-width:22px;text-align:center;font-family:var(--font-display);font-size:26px;line-height:1;color:var(--pink-deep);text-shadow:1.5px 1.5px 0 var(--ink);animation:rematch-tick .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes rematch-timer-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.02)}}@keyframes rematch-clock-swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes rematch-tick{0%{transform:scale(.5) rotate(-14deg);opacity:0}55%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.match-end__rematch-timer,.match-end__rematch-timer__icon,.match-end__rematch-timer__count{animation:none}}@media(max-width:480px){.me-row{grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:10px}.me-row__lives{display:none}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;border:3px solid var(--outline);box-shadow:var(--shadow-md);font-weight:900;z-index:10}@media(max-width:560px){.buzz-btn{width:160px;height:160px}.buzz-main{font-size:40px}}.top-menu{max-width:780px;margin:0 auto;padding:28px 20px 96px}.top-menu__badge{display:inline-flex;margin-bottom:6px}.top-menu__hero{margin-top:12px;text-align:center}.top-menu__title{font-family:var(--font-display);font-weight:400;font-size:clamp(52px,11vw,96px);line-height:.95;color:var(--pink);margin:0;letter-spacing:.01em;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:5px 5px 0 var(--outline),5px 5px 0 0 var(--yellow),9px 9px 0 var(--outline);transform:rotate(-2deg);display:inline-block}.top-menu__title .l{display:inline-block;transition:transform .15s}.top-menu__title:hover .l{transform:translateY(-4px) rotate(-3deg)}.top-menu__title .l:nth-child(2n){color:var(--violet)}.top-menu__title .l:nth-child(3n){color:var(--mint-deep)}.top-menu__title .l:nth-child(4n){color:var(--blue)}.top-menu__grid{margin-top:42px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;grid-template-rows:auto auto auto 1fr;gap:10px;align-items:start;justify-items:start;text-align:left;padding:22px 22px 24px;background:#fff;color:var(--ink);border:3.5px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;font-family:var(--font-body);transition:transform .1s ease,box-shadow .1s ease;min-height:186px;overflow:hidden}.mode-card:before{content:"";position:absolute;inset:auto -30px -60px auto;width:140px;height:140px;border-radius:50%;border:3px solid var(--outline);opacity:.9;z-index:0}.mode-card--pink{background:#fff2f6}.mode-card--blue{background:#eef4ff}.mode-card--mint{background:#eafff5}.mode-card--violet{background:#f3ecff}.mode-card--pink:before{background:var(--pink)}.mode-card--blue:before{background:var(--blue)}.mode-card--mint:before{background:var(--mint)}.mode-card--violet:before{background:var(--violet)}.mode-card:hover:not(:disabled){transform:translate(-2px,-3px);box-shadow:10px 12px 0 var(--ink)}.mode-card:active:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.mode-card>*{position:relative;z-index:1}.mode-card__badge{padding:4px 12px;background:var(--pink);color:#fff;border:2.5px solid var(--outline);border-radius:var(--radius-pill);font-weight:900;font-size:12px;letter-spacing:.08em;box-shadow:var(--shadow-xs);transform:rotate(-3deg);align-self:start}.mode-card__badge--blue{background:var(--blue)}.mode-card__badge--mint{background:var(--mint);color:var(--ink)}.mode-card__badge--violet{background:var(--violet)}.mode-card__badge--pink{background:var(--pink)}.mode-card.is-locked .mode-card__badge{background:var(--ink-mute);color:#fff;transform:rotate(2deg)}.mode-card__icon{display:inline-flex;align-items:center;justify-content:center;padding:6px 6px 0;filter:drop-shadow(3px 3px 0 var(--outline))}.mode-card__title{font-family:var(--font-display);font-weight:400;font-size:28px;letter-spacing:.02em;color:var(--ink);-webkit-text-stroke:1px var(--outline);paint-order:stroke fill;line-height:1;margin-top:4px}.mode-card__arrow{align-self:end;justify-self:end;display:inline-grid;place-items:center;width:40px;height:40px;background:var(--yellow);border:3px solid var(--outline);border-radius:50%;font-size:20px;font-weight:900;color:var(--ink);box-shadow:var(--shadow-xs);transition:transform .15s ease}.mode-card:hover:not(:disabled) .mode-card__arrow{transform:translate(4px) rotate(-6deg)}.mode-card.is-locked{filter:saturate(.6)}.mode-card.is-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-20deg,transparent 0 14px,rgba(32,21,51,.08) 14px 22px);pointer-events:none;z-index:0}.mode-card.is-locked .mode-card__title{color:var(--ink-mute);-webkit-text-stroke:1px var(--ink-mute)}.mode-card.is-locked .mode-card__arrow{background:var(--ink-faint);color:#fff}.home-topbar{display:flex;justify-content:flex-start;margin-bottom:6px}.nav-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 14px;background:#fff;border:3px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-family:var(--font-body);font-weight:900;font-size:15px;letter-spacing:.04em;color:var(--ink);cursor:pointer;transform:rotate(-2deg);transition:transform .12s ease-out,box-shadow .12s ease-out}.nav-back:hover{transform:rotate(-2deg) translate(-1px,-1px);box-shadow:var(--shadow-md)}.nav-back:active{transform:rotate(-2deg) translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.nav-back__arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transition:transform .15s ease-out}.nav-back:hover .nav-back__arrow{transform:translate(-3px)}.nav-back__arrow svg{width:100%;height:100%;display:block}.home-hero__title--solo{color:var(--mint-deep);text-shadow:6px 6px 0 var(--outline),6px 6px 0 0 var(--pink),10px 10px 0 var(--outline)}.home-hero__title--solo .l:nth-child(2n){color:var(--pink)}.home-hero__title--solo .l:nth-child(3n){color:var(--violet)}.home-hero__title--solo .l:nth-child(4n){color:var(--blue)}.coming-soon{max-width:620px;margin:0 auto;padding:28px 20px 96px}.coming-soon__topbar{display:flex;justify-content:flex-start;margin-bottom:12px}.coming-soon__stage{position:relative;margin-top:42px;padding:60px 28px 48px;background:#fff;border:4px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;overflow:hidden}.coming-soon__stage:before,.coming-soon__stage:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:3px solid var(--outline);z-index:0}.coming-soon__stage:before{top:-80px;left:-70px;background:var(--yellow)}.coming-soon__stage:after{bottom:-90px;right:-80px;background:var(--blue)}.coming-soon__stage>*{position:relative;z-index:1}.coming-soon__stamp{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;background:var(--pink);color:#fff;border:4px solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transform:rotate(-6deg);margin-bottom:22px;font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.18em;-webkit-text-stroke:1.2px var(--outline);paint-order:stroke fill}.coming-soon__stamp-inner{display:inline-block}.coming-soon__spark{position:absolute;top:40px}.coming-soon__spark--l{left:28px}.coming-soon__spark--r{right:28px}.coming-soon__spark .home-tagline__spark{width:32px;height:32px}.coming-soon__title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,6vw,44px);color:var(--ink);margin:0 0 14px;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;color:var(--pink);text-shadow:4px 4px 0 var(--outline)}.coming-soon__body{font-size:15px;line-height:1.7;color:var(--ink-2);font-weight:700;margin:0 auto 30px;max-width:460px}@media(max-width:480px){.top-menu__grid{grid-template-columns:1fr}.mode-card{min-height:190px}}