@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";:root{--bg:oklch(16% .03 265);--surface:oklch(21% .04 265);--card:oklch(26% .05 265);--border:oklch(34% .05 265);--muted:oklch(68% .03 265);--text:oklch(96% .01 265);--lime:oklch(88% .17 100);--lime-shadow:oklch(68% .18 100);--coral:oklch(76% .18 350);--coral-shadow:oklch(57% .18 350);--green:oklch(78% .16 150);--gold:oklch(85% .15 85);--red:oklch(70% .2 25);color:var(--text);font-synthesis:none;background:#0b0c14;font-family:Sora,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b0c14}button,input{font:inherit}button{color:inherit}.app-shell{background:var(--bg);width:100%;max-width:430px;height:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #000000b3}.screen{animation:.28s both screen-in;position:absolute;inset:0}h1,h2,h3,strong{font-family:Bricolage Grotesque,sans-serif}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.button{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 20px;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .15s;display:inline-flex}.button--primary{color:oklch(18% .02 265);background:var(--lime);box-shadow:inset 0 -3px #0000002e, inset 0 2px #ffffff59, 0 4px var(--lime-shadow), 0 8px 18px oklch(50% .15 100/.3)}.button--secondary{background:var(--surface);border:1.5px solid var(--border);box-shadow:inset 0 1px #ffffff0a,0 3px #00000040}.button--quiet{min-height:42px;color:var(--muted);border:1px dashed var(--border);background:0 0}.button:active{transform:translateY(3px);box-shadow:inset 0 -1px #0000002e,inset 0 1px #ffffff40,0 1px #0000004d}.button:disabled{opacity:.42;filter:grayscale(.7);pointer-events:none}.card{background:var(--card);border:1px solid color-mix(in oklch, var(--border) 75%, transparent);border-radius:20px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff0d,0 3px #00000038}.icon-button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0a,0 1px #0003}.chip{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:23px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.chip--surface{color:var(--muted);background:var(--surface)}.chip--lime{color:var(--lime);background:color-mix(in oklch, var(--lime) 17%, transparent)}.chip--coral{color:var(--coral);background:color-mix(in oklch, var(--coral) 17%, transparent)}.chip--gold{color:var(--gold);background:color-mix(in oklch, var(--gold) 17%, transparent)}.avatar{width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);border:2px solid color-mix(in oklch, var(--lime) 60%, white);background:linear-gradient(145deg, oklch(.78 .13 var(--avatar-hue)), oklch(.48 .16 var(--avatar-hue)));border-radius:50%;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ffffff59,0 3px 8px #0000004d}.avatar:before{content:"";background:oklch(.87 .08 var(--avatar-face-hue));border-radius:50% 50% 44% 44%;width:76%;height:70%;position:absolute;top:20%;left:12%}.avatar__eye{z-index:2;aspect-ratio:1;background:#171722;border-radius:50%;width:8%;position:absolute;top:45%}.avatar__eye--left{left:35%}.avatar__eye--right{right:35%}.avatar__smile{z-index:2;transform-origin:50%;background:0 0;border:0 solid #171722;border-bottom-width:2px;border-radius:50%;width:24%;height:12%;position:absolute;top:59%;left:38%}.avatar--animated.avatar--motion-0 .avatar__eye{animation:10s ease-in-out infinite avatar-eyes-sequence-a}.avatar--animated.avatar--motion-0 .avatar__smile{animation:10s ease-in-out infinite avatar-mouth-sequence-a}.avatar--animated.avatar--motion-1 .avatar__eye{animation:11s ease-in-out infinite avatar-eyes-sequence-b}.avatar--animated.avatar--motion-1 .avatar__smile{animation:11s ease-in-out infinite avatar-mouth-sequence-b}.avatar--animated.avatar--motion-2 .avatar__eye{animation:9.4s ease-in-out infinite avatar-eyes-sequence-c}.avatar--animated.avatar--motion-2 .avatar__smile{animation:9.4s ease-in-out infinite avatar-mouth-sequence-c}.avatar--animated.avatar--motion-3 .avatar__eye{animation:12s ease-in-out infinite avatar-eyes-sequence-d}.avatar--animated.avatar--motion-3 .avatar__smile{animation:12s ease-in-out infinite avatar-mouth-sequence-d}.splash-screen{background:radial-gradient(ellipse 80% 50% at 50% 30%, color-mix(in oklch, var(--lime) 10%, transparent), transparent 70%), oklch(14% .02 265);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.splash-screen__glow{background:var(--lime);filter:blur(120px);opacity:.07;border-radius:50%;width:260px;height:260px;position:absolute}.splash-screen__ese{justify-items:center;gap:13px;width:100%;animation:.55s both logo-in;display:grid;position:relative}.splash-screen__ese small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:900}.splash-screen__ese img{object-fit:contain;filter:drop-shadow(0 8px 24px #00000052);width:min(72%,285px);height:auto}.splash-screen--ese .splash-screen__glow{background:var(--coral);opacity:.055}.splash-screen__logo{object-fit:contain;width:min(78%,320px);height:auto;animation:.65s both logo-in;position:relative}.splash-screen>p{color:var(--muted);text-align:center;margin:0 24px;font-size:12px;font-weight:600}.splash-screen__status{bottom:max(54px, calc(env(safe-area-inset-bottom) + 34px));color:var(--muted);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex;position:absolute}.splash-screen__status code{border:1px solid color-mix(in oklch, var(--green) 40%, var(--border));color:var(--green);background:color-mix(in oklch, var(--green) 8%, transparent);letter-spacing:.05em;border-radius:7px;padding:4px 7px;font:800 8px ui-monospace,monospace}.spinner{border:3px solid var(--border);border-top-color:var(--lime);border-radius:50%;width:22px;height:22px;animation:.75s linear infinite spin}.auth-screen{padding:max(26px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));background:radial-gradient(circle at 10% 15%, oklch(30% .1 310/.28), transparent 34%), radial-gradient(circle at 95% 85%, oklch(30% .1 140/.18), transparent 35%), var(--bg);scrollbar-width:none;overflow-y:auto}.auth-screen::-webkit-scrollbar{display:none}.auth-glow{pointer-events:none;border:1px solid oklch(76% .18 350/.13);border-radius:50%;width:160px;height:160px;position:absolute}.auth-glow--one{top:-95px;right:-65px}.auth-glow--two{border-color:oklch(88% .17 100/.09);width:220px;height:220px;bottom:90px;left:-120px}.auth-brand{z-index:1;justify-items:center;gap:3px;display:grid;position:relative}.auth-brand img{object-fit:contain;width:142px;height:54px}.auth-brand span{color:var(--muted);letter-spacing:.05em;font-size:7px;font-weight:800}.auth-panel{z-index:1;width:100%;max-width:390px;margin:34px auto 0;position:relative}.auth-intro{text-align:center}.auth-intro>small{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.auth-intro h1{letter-spacing:-.04em;margin:6px 0 7px;font-size:27px}.auth-intro p{max-width:330px;color:var(--muted);margin:0 auto;font-size:10px;font-weight:600;line-height:1.55}.auth-socials{gap:9px;margin-top:25px;display:grid}.auth-provider{border:1px solid var(--border);min-height:54px;color:var(--text);background:var(--card);cursor:pointer;border-radius:16px;grid-template-columns:37px 1fr 37px;align-items:center;padding:8px 13px;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 -3px #0000002b,0 4px #0003}.auth-provider:active{translate:0 3px;box-shadow:inset 0 1px #ffffff0a,0 1px #0003}.auth-provider:disabled{opacity:.5}.auth-provider b{background:var(--bg);border-radius:11px;place-items:center;width:34px;height:34px;font:900 15px Bricolage Grotesque;display:grid}.auth-provider span{font-size:11px;font-weight:800}.auth-provider--google b{color:oklch(78% .16 40)}.auth-provider--facebook{border-color:color-mix(in oklch, oklch(62% .17 255) 48%, var(--border));background:linear-gradient(120deg, color-mix(in oklch, oklch(62% .17 255) 14%, var(--card)), var(--card))}.auth-provider--facebook b{color:oklch(78% .13 250)}.auth-provider--email b{color:var(--lime)}.auth-brand-icon{width:23px;height:23px;display:block}.auth-brand-icon--facebook{width:25px;height:25px}.auth-divider{height:30px;color:var(--muted);align-items:center;gap:9px;font-size:8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-guest{border:1px dashed var(--border);width:100%;min-height:58px;color:var(--text);background:color-mix(in oklch, var(--surface) 75%, transparent);text-align:left;cursor:pointer;border-radius:16px;align-items:center;padding:10px 14px;display:flex}.auth-guest>span{flex:1;gap:3px;display:grid}.auth-guest strong{font-size:12px}.auth-guest small{color:var(--muted);font-size:8px;font-weight:700}.auth-guest em{color:var(--lime);font-size:18px;font-style:normal}.auth-guest-note{color:var(--muted);text-align:center;margin:9px 14px 0;font-size:7px;font-weight:600;line-height:1.5}.auth-panel--form{margin-top:24px}.auth-back{border:1px solid var(--border);width:37px;height:37px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:12px;margin-bottom:14px}.auth-form{gap:13px;margin-top:22px;display:grid}.auth-form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:8px;font-weight:900;display:grid}.auth-form input{border:1.5px solid var(--border);width:100%;min-height:51px;color:var(--text);background:var(--surface);border-radius:15px;outline:none;padding:13px 14px;font-size:11px;box-shadow:inset 0 3px 8px #0000002b}.auth-form input:focus{border-color:var(--lime);box-shadow:0 0 0 3px oklch(88% .17 100/.09),inset 0 3px 8px #0000002b}.auth-form .button{width:100%}.auth-switch{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:9px;font-weight:700}.auth-error{border:1px solid color-mix(in oklch, var(--red) 48%, var(--border));color:oklch(86% .09 25);background:color-mix(in oklch, var(--red) 13%, var(--surface));text-align:center;border-radius:11px;margin-top:10px;padding:9px 11px;font-size:8px;font-weight:700}.auth-mail-icon{border:1px solid color-mix(in oklch, var(--lime) 45%, var(--border));width:60px;height:60px;color:var(--lime);background:color-mix(in oklch, var(--lime) 9%, var(--surface));border-radius:20px;place-items:center;margin:0 auto 16px;font-size:22px;display:grid;transform:rotate(4deg)}.auth-dev-code{border:1px dashed var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:9px;margin:15px auto 0;padding:7px 10px;font-size:8px;display:block}.auth-dev-code b{color:var(--lime);letter-spacing:.1em;font-family:ui-monospace,monospace}.auth-code-input{text-align:center;letter-spacing:.3em;font:900 23px ui-monospace,monospace!important}.home-screen{flex-direction:column;display:flex}.home-scroll{scrollbar-width:none;flex:1;padding-bottom:112px;overflow-y:auto}.home-scroll::-webkit-scrollbar{display:none}.offline-banner{background:color-mix(in oklch, var(--red) 24%, var(--bg));border-bottom:1px solid color-mix(in oklch, var(--red) 45%, transparent);text-align:center;padding:8px 16px;font-size:11px;font-weight:800}.home-header{padding:max(16px, env(safe-area-inset-top)) 20px 6px;justify-content:space-between;align-items:center;display:flex}.profile-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.profile-button>span:last-child{gap:3px;display:grid}.profile-button strong{font-size:16px}.profile-button small{color:var(--muted);font-size:10px;font-weight:700}.profile-button small b{color:var(--gold);text-transform:uppercase}.header-actions{align-items:center;gap:7px;display:flex}.peek-balance{border:1px solid color-mix(in oklch, oklch(72% .15 250) 52%, var(--border));min-width:83px;height:43px;color:var(--text);background:linear-gradient(135deg, color-mix(in oklch, oklch(72% .15 250) 25%, var(--surface)), var(--surface));cursor:pointer;border-radius:14px;align-items:center;gap:7px;padding:4px 9px 5px 5px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000026,0 3px #0000003b}.peek-balance:after{content:"";border:7px solid oklch(72% .15 250/.1);border-radius:50%;width:38px;height:38px;position:absolute;top:-14px;right:-17px}.peek-balance:active,.settings-button:active{translate:0 2px}.peek-balance__icon{color:oklch(83% .14 235);background:oklch(16% .04 265/.65);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px #ffffff0f}.peek-balance__icon svg{width:24px;height:24px}.peek-icon rect{stroke-width:1.4px}.peek-icon__back{fill:oklch(72% .15 250/.16)}.peek-icon__mid{fill:oklch(72% .15 250/.28)}.peek-icon__top{fill:oklch(83% .14 235/.24)}.peek-icon__spark{fill:var(--lime);stroke:none;transform-origin:18px 14.5px;animation:2.6s ease-in-out infinite peek-spark}.peek-balance__copy{justify-items:start;line-height:1;display:grid}.peek-balance__copy small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:6px;font-weight:900}.peek-balance__copy b{margin-top:3px;font:900 13px ui-monospace,monospace}.settings-button{border-color:color-mix(in oklch, var(--coral) 27%, var(--border));width:43px;height:43px;color:color-mix(in oklch, var(--text) 90%, var(--coral));background:linear-gradient(145deg, color-mix(in oklch, var(--coral) 9%, var(--card)), var(--surface));border-radius:14px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000002e,0 3px #0000003b}.settings-button:before{content:"";border:1px solid oklch(76% .18 350/.1);border-radius:9px;position:absolute;inset:5px}.settings-button svg{width:23px;height:23px}.game-settings-icon__ring{fill:oklch(76% .18 350/.1);stroke:currentColor;stroke-width:1.25px;transform-origin:50%;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.game-settings-icon__core{fill:var(--coral);stroke:none}.settings-button:hover .game-settings-icon__ring,.settings-button:focus-visible .game-settings-icon__ring{transform:rotate(45deg)}.settings-button__dot{border:2px solid var(--bg);background:var(--lime);border-radius:3px;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px oklch(88% .17 100/.6)}.friends-strip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;align-items:center;gap:9px;width:calc(100% - 40px);margin:12px 20px 0;padding:10px 13px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 3px #0003}.friend-faces{display:flex}.friend-faces>span{margin-left:-8px;display:flex}.friend-faces>span:first-child{margin-left:0}.friends-strip strong{color:var(--green);font:700 11px Sora}.friends-strip>svg{width:16px;color:var(--muted);margin-left:auto}.friends-strip:disabled{opacity:.42;filter:grayscale(.75);cursor:not-allowed}.public-match{isolation:isolate;color:oklch(14% .03 265);text-align:left;cursor:pointer;background:linear-gradient(120deg, var(--lime), oklch(82% .18 125), var(--green), oklch(84% .17 95));background-size:240% 240%;border:0;border-radius:22px;flex-direction:column;align-items:flex-start;width:calc(100% - 40px);margin:16px 20px 0;padding:21px;transition:transform 80ms,box-shadow 80ms;animation:7s ease-in-out infinite public-gradient,3.2s ease-in-out infinite public-glow;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px #0000001f,inset 0 2px #ffffff59,0 6px oklch(61% .15 125),0 14px 28px -10px oklch(70% .16 120/.55)}.public-match:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff5c,#0000);width:22%;animation:4.2s ease-in-out infinite public-sheen;position:absolute;inset:-40% auto -40% -35%;transform:skew(-18deg)}.public-match:active{transform:translateY(4px);box-shadow:inset 0 -1px #0000001f,inset 0 2px #ffffff4d,0 2px oklch(61% .15 125),0 8px 18px -10px oklch(70% .16 120/.5)}.public-match:disabled{opacity:.42;filter:grayscale(.7)}.public-match small{letter-spacing:.1em;text-transform:uppercase;opacity:.68;font-weight:900}.public-match>strong{letter-spacing:-.03em;margin:3px 0;font-size:27px}.public-match>span:not(.public-match__motif,.public-match__cta){opacity:.7;font-size:12px;font-weight:700}.public-match__cta{background:#ffffff52;border-radius:11px;align-items:center;gap:3px;margin-top:16px;padding:8px 11px;font-size:11px;font-weight:900;display:inline-flex}.public-match__cta svg{width:14px}.public-match__motif{opacity:.4;grid-template-columns:repeat(2,14px);gap:3px;display:grid;position:absolute;top:14px;right:16px;transform:rotate(-8deg)}.public-match__motif i{background:#fff;border-radius:3px;width:14px;height:14px;animation:2.7s ease-in-out infinite motif-float}.public-match__motif i:nth-child(2){animation-delay:-.8s}.public-match__motif i:nth-child(3){grid-column:1;animation-delay:-1.6s}.offline-note{color:var(--red);margin:10px 20px 0;font-size:10px;font-weight:800}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 20px 0;display:grid}.mode-card{border:1.5px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:108px;padding:16px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px #00000029,inset 0 1px #ffffff0f,0 4px #00000038}.mode-card:active{transform:translateY(3px);box-shadow:inset 0 -1px #00000024,0 1px #0003}.mode-card:disabled{opacity:.42;filter:grayscale(.7)}.mode-card strong{font-size:14px}.mode-card small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:700}.mode-card__art{background:repeating-linear-gradient(45deg, color-mix(in oklch, var(--coral) 38%, transparent) 0 3px, transparent 3px 6px);border:1px solid color-mix(in oklch, var(--coral) 55%, transparent);border-radius:9px;width:30px;height:30px;position:absolute;top:9px;right:9px}.mode-card__image{object-fit:cover;object-position:center;border:1px solid color-mix(in oklch, var(--coral) 55%, transparent);border-radius:11px;width:48px;height:48px;position:absolute;top:9px;right:9px;box-shadow:inset 0 1px #fff3,0 4px 10px #00000047}.mode-card--private{border-color:color-mix(in oklch, var(--coral) 45%, var(--border))}.mode-card--practice .mode-card__art{background:repeating-linear-gradient(45deg, color-mix(in oklch, var(--gold) 38%, transparent) 0 3px, transparent 3px 6px);border-color:color-mix(in oklch, var(--gold) 55%, transparent)}.daily-card{background:linear-gradient(135deg, color-mix(in oklch, var(--gold) 12%, var(--card)), var(--card));justify-content:space-between;align-items:center;margin:16px 20px 0;display:flex}.daily-card h2{margin:9px 0 2px;font-size:17px}.daily-card p{color:var(--muted);margin:0;font-size:10px}.rank-badge{color:oklch(20% .03 265);background:linear-gradient(145deg, var(--gold), oklch(67% .15 75));border-radius:17px;place-items:center;width:54px;height:54px;font:800 18px Bricolage Grotesque;display:grid;box-shadow:inset 0 2px #ffffff73,0 4px oklch(53% .12 75)}.audio-lab-link{width:calc(100% - 40px);margin:16px 20px 0}.bottom-nav{z-index:10;padding:8px 16px max(14px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 74%, transparent);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{min-height:45px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;font-size:10px;font-weight:800;position:relative}.bottom-nav button.is-active{color:oklch(18% .03 265);background:var(--lime);box-shadow:inset 0 -2px #00000026, 0 3px var(--lime-shadow)}.matchmaking-screen{background:radial-gradient(circle at 50% 40%, oklch(25% .07 275), var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex}.duel-faces{align-items:center;gap:24px;display:flex}.duel-faces>strong{color:var(--muted);letter-spacing:.08em;font-size:14px}.radar-avatar{place-items:center;width:100px;height:100px;display:grid;position:relative}.radar{border:2px solid var(--lime);border-radius:50%;animation:2.2s cubic-bezier(.2,.7,.3,1) infinite radar;position:absolute;inset:2px}.radar--two{animation-delay:1.1s}.rival-slot{border:2px dashed var(--border);width:66px;height:66px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;font:800 24px Bricolage Grotesque;animation:1.6s ease-in-out infinite breathe;display:grid}.rival-slot--found{background:0 0;border:0;animation:.45s cubic-bezier(.34,1.56,.64,1) found-pop}.match-copy{text-align:center;justify-items:center;gap:8px;display:grid}.match-copy h1{margin:0;font-size:24px}.match-copy p,.match-copy small{color:var(--muted);margin:0;font-size:11px;font-weight:700}.matchmaking-screen>.button{min-width:190px}.match-tip{bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;left:20px;right:20px}.match-tip span:last-child{color:var(--muted);font-size:10px;font-weight:700}.private-lobby-screen{background:radial-gradient(circle at 50% 27%, oklch(29% .09 303/.48), transparent 43%), radial-gradient(circle at 95% 82%, oklch(29% .09 145/.2), transparent 38%), var(--bg);overflow:hidden}.lobby-orbit{pointer-events:none;border:1px solid oklch(76% .18 350/.11);border-radius:50%;width:260px;height:260px;animation:20s linear infinite lobby-orbit;position:absolute}.lobby-orbit:before,.lobby-orbit:after{content:"";background:var(--coral);width:7px;height:7px;box-shadow:0 0 16px var(--coral);border-radius:2px;position:absolute}.lobby-orbit:before{top:15%;left:14%}.lobby-orbit:after{background:var(--lime);box-shadow:0 0 16px var(--lime);bottom:30%;right:6%}.lobby-orbit--one{top:85px;left:-170px}.lobby-orbit--two{animation-duration:26s;animation-direction:reverse;bottom:-20px;right:-190px}.lobby-header{z-index:3;min-height:74px;padding:max(17px, env(safe-area-inset-top)) 18px 10px;grid-template-columns:80px 1fr 80px;align-items:center;display:grid;position:relative}.lobby-header>.icon-button{width:38px;height:38px}.lobby-header__title{justify-items:center;line-height:1.1;display:grid}.lobby-header__title small{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.lobby-header__title strong{margin-top:4px;font-size:15px}.lobby-header__spacer{width:80px}.lobby-voice{justify-content:flex-end;gap:6px;display:flex}.lobby-voice .icon-button{border-radius:12px;width:36px;height:36px}.lobby-voice .icon-button.is-muted{color:var(--red);background:color-mix(in oklch, var(--red) 12%, var(--surface));border-color:color-mix(in oklch, var(--red) 45%, var(--border))}.lobby-voice svg{width:16px;height:16px}.lobby-voice .icon-fill{fill:currentColor;stroke:none}.lobby-voice .icon-slash{stroke-width:2.5px}.lobby-error{z-index:8;top:max(70px, calc(env(safe-area-inset-top) + 58px));border:1px solid color-mix(in oklch, var(--red) 52%, var(--border));color:oklch(88% .08 25);background:color-mix(in oklch, var(--red) 18%, var(--surface));text-align:center;border-radius:12px;padding:9px 12px;font-size:9px;font-weight:700;position:absolute;left:20px;right:20px;box-shadow:0 7px 20px #0000004d}.lobby-choice,.lobby-join,.lobby-room{z-index:2;height:calc(100% - 74px);padding:12px 20px max(28px, env(safe-area-inset-bottom));scrollbar-width:none;position:relative;overflow-y:auto}.lobby-choice::-webkit-scrollbar{display:none}.lobby-room::-webkit-scrollbar{display:none}.lobby-choice{flex-direction:column;justify-content:center;gap:12px;display:flex}.lobby-hero{text-align:center;justify-items:center;margin-bottom:8px;display:grid}.lobby-hero__faces{align-items:center;gap:17px;display:flex}.lobby-hero__vs{width:38px;height:38px;color:var(--lime);background:var(--surface);border:1px solid var(--border);border-radius:13px;flex:0 0 38px;place-items:center;font:900 11px Bricolage Grotesque;display:grid;transform:rotate(-7deg);box-shadow:0 5px 16px #00000047}.lobby-hero h1{letter-spacing:-.035em;margin:18px 0 5px;font-size:25px}.lobby-hero p{max-width:330px;color:var(--muted);margin:0;font-size:11px;font-weight:600;line-height:1.55}.lobby-path{border:1.5px solid var(--border);background:linear-gradient(120deg, color-mix(in oklch, var(--card) 90%, transparent), var(--surface));text-align:left;cursor:pointer;border-radius:19px;grid-template-columns:42px 1fr 30px;align-items:center;gap:11px;width:100%;min-height:78px;padding:14px;transition:all .12s;display:grid;box-shadow:inset 0 1px #ffffff0d,inset 0 -3px #0000002b,0 5px #0003}.lobby-path:active{translate:0 3px;box-shadow:inset 0 1px #ffffff0a,0 2px #0003}.lobby-path--create{border-color:color-mix(in oklch, var(--coral) 52%, var(--border));background:linear-gradient(120deg, color-mix(in oklch, var(--coral) 12%, var(--card)), var(--surface))}.lobby-path__number{border:1px solid var(--border);width:42px;height:42px;color:var(--coral);background:var(--bg);border-radius:13px;place-items:center;font:900 10px ui-monospace,monospace;display:grid}.lobby-path--join .lobby-path__number{color:var(--lime)}.lobby-path>span:nth-child(2){gap:3px;display:grid}.lobby-path strong{font-size:14px}.lobby-path small{color:var(--muted);font-size:9px;font-weight:700}.lobby-path__arrow{color:var(--muted);font-size:20px}.lobby-path:disabled,.friend-picker__rail>button:disabled{opacity:.52;pointer-events:none}.lobby-join{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.join-glyph{border:1px solid color-mix(in oklch, var(--lime) 52%, var(--border));width:72px;height:72px;color:var(--lime);background:color-mix(in oklch, var(--lime) 10%, var(--surface));border-radius:24px;place-items:center;font:900 32px ui-monospace,monospace;display:grid;transform:rotate(5deg);box-shadow:inset 0 1px #ffffff1a,0 8px 30px oklch(70% .16 100/.12)}.lobby-join h1{margin:22px 0 4px;font-size:24px}.lobby-join>p{color:var(--muted);margin:0 0 20px;font-size:11px}.lobby-join form{gap:13px;width:100%;display:grid}.lobby-join input{border:1.5px solid var(--border);width:100%;color:var(--text);background:color-mix(in oklch, var(--surface) 88%, transparent);text-align:center;text-transform:uppercase;letter-spacing:.3em;border-radius:17px;outline:none;padding:17px;font:900 25px ui-monospace,monospace;box-shadow:inset 0 3px 10px #0000002e}.lobby-join input:focus{border-color:var(--lime);box-shadow:0 0 0 3px oklch(88% .17 100/.1),inset 0 3px 10px #0000002e}.lobby-join input::placeholder{color:color-mix(in oklch, var(--muted) 40%, transparent)}.lobby-join .button{width:100%}.lobby-room{padding-top:6px}.room-code-panel{border:1px solid color-mix(in oklch, var(--coral) 44%, var(--border));background:linear-gradient(130deg, oklch(26% .07 300/.88), var(--surface));border-radius:21px;justify-items:center;padding:15px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 10px 30px #0003}.room-code-panel:before{content:"";border:18px solid oklch(76% .18 350/.09);border-radius:50%;width:110px;height:110px;position:absolute;top:-66px;right:-30px}.room-code-panel>small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:900}.room-code-panel>strong{color:var(--text);letter-spacing:.18em;text-shadow:0 0 22px oklch(76% .18 350/.35);margin:3px 0 8px;font:900 34px ui-monospace,monospace}.room-code-panel>div{gap:7px;display:flex}.room-code-panel button{border:1px solid var(--border);min-height:28px;color:var(--muted);cursor:pointer;background:oklch(17% .03 265/.7);border-radius:9px;align-items:center;gap:5px;padding:5px 10px;font-size:8px;font-weight:800;display:flex}.room-code-panel button:last-child{color:var(--lime);border-color:color-mix(in oklch, var(--lime) 35%, var(--border))}.room-code-panel svg{width:11px;height:11px}.room-versus{grid-template-columns:1fr 28px 1fr;align-items:center;gap:9px;height:28px;padding:0 26px;display:grid}.room-versus span{background:linear-gradient(90deg, transparent, var(--border));height:1px}.room-versus span:last-child{transform:rotate(180deg)}.room-versus b{width:28px;height:22px;color:var(--muted);background:var(--surface);border-radius:8px;place-items:center;font:900 8px Bricolage Grotesque;display:grid}.room-players{gap:8px;display:grid}.player-slot{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 88%, transparent);border-radius:17px;align-items:center;gap:11px;min-height:67px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 3px #00000026}.player-slot--empty{background:color-mix(in oklch, var(--surface) 65%, transparent);border-style:dashed}.player-slot__empty-face{border:1px dashed var(--border);width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;font:800 16px Bricolage Grotesque;display:grid}.player-slot__copy{flex:1;gap:2px;display:grid}.player-slot__copy strong{font-size:13px}.player-slot__copy small{color:var(--muted);font-size:8px;font-weight:700}.friend-picker{gap:9px;min-width:0;margin:13px -20px 0;display:grid;overflow:hidden}.friend-picker__heading{justify-content:space-between;align-items:end;padding:0 22px;display:flex}.friend-picker__heading>span{gap:2px;display:grid}.friend-picker__heading strong{font-size:12px}.friend-picker__heading small{color:var(--green);font-size:8px;font-weight:800}.friend-picker__heading>em{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:7px;font-style:normal;font-weight:800}.friend-picker__rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:116px;grid-auto-flow:column;gap:9px;padding:0 20px 7px;scroll-padding-inline:20px;display:grid;position:relative;overflow-x:auto}.friend-picker__rail::-webkit-scrollbar{display:none}.friend-picker__rail:after{content:"";width:3px}.friend-picker__rail>button{scroll-snap-align:start;border:1px dashed var(--border);min-height:116px;color:var(--text);background:linear-gradient(145deg, color-mix(in oklch, var(--card) 75%, transparent), color-mix(in oklch, var(--surface) 68%, transparent));text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:11px 9px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.friend-picker__rail>button:after{content:"";border:8px solid oklch(78% .16 150/.08);border-radius:50%;width:45px;height:45px;position:absolute;top:-31px;right:-26px}.friend-picker__rail>button:active{border-color:var(--lime);background:color-mix(in oklch, var(--lime) 8%, var(--surface));transform:translateY(2px)}.friend-picker__copy{gap:2px;width:100%;min-width:0;display:grid}.friend-picker__copy b{text-overflow:ellipsis;white-space:nowrap;font:700 9px Sora;overflow:hidden}.friend-picker__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.friend-picker__rail button>em{color:var(--lime);background:color-mix(in oklch, var(--lime) 10%, transparent);border-radius:999px;margin-top:auto;padding:4px 10px;font-size:7px;font-style:normal;font-weight:900}.lobby-waiting{border:1px dashed color-mix(in oklch, var(--coral) 45%, var(--border));background:color-mix(in oklch, var(--coral) 7%, transparent);border-radius:16px;align-items:center;gap:12px;min-height:72px;margin-top:13px;padding:12px 14px;display:flex}.lobby-waiting>span{gap:3px;display:grid}.lobby-waiting strong{font-size:11px}.lobby-waiting small{color:var(--muted);font-size:8px}.room-note{color:var(--muted);text-align:center;margin:13px 2px 0;font-size:9px;font-weight:700}.room-note i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:4px;display:inline-block}.room-start{width:100%;margin-top:14px}.room-footnote{color:var(--muted);text-align:center;margin-top:10px;font-size:8px;font-weight:700;display:block}.guest-room-label{color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px;font-size:9px;display:flex}.guest-room-label b{color:var(--text);letter-spacing:.08em;font-family:ui-monospace,monospace}.guest-duel-stage{justify-content:center;align-items:center;gap:35px;min-height:176px;display:flex}.guest-duel-stage:before{content:"";border:1px solid oklch(76% .18 350/.16);border-radius:50%;width:270px;height:95px;position:absolute;transform:rotate(-8deg)}.guest-duel-stage .avatar{z-index:1}.guest-duel-stage__bolt{z-index:2;border:1px solid var(--border);width:39px;height:39px;color:var(--lime);background:var(--surface);border-radius:13px;place-items:center;font:900 11px Bricolage Grotesque;display:grid;transform:rotate(-7deg)}.guest-ready-copy{text-align:center;max-width:310px;margin:24px auto 2px}.guest-ready-copy h2{margin:0 0 5px;font-size:20px}.guest-ready-copy p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.game-placeholder{padding:max(28px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.game-placeholder h1{margin:0;font-size:25px}.game-placeholder p{max-width:330px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.settings-screen{background:radial-gradient(circle at 88% 4%, oklch(76% .18 350/.12), transparent 28%), radial-gradient(circle at 4% 76%, oklch(78% .16 150/.07), transparent 30%), var(--bg);flex-direction:column;display:flex}.settings-header{min-height:82px;padding:max(18px, env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid color-mix(in oklch, var(--border) 65%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(16% .03 265/.84);grid-template-columns:43px 1fr 43px;align-items:center;gap:12px;display:grid}.settings-header>button{border:1px solid var(--border);width:41px;height:41px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0d,0 3px #00000040}.settings-header>button svg{width:18px}.settings-header>span:nth-child(2){justify-items:center;gap:1px;display:grid}.settings-header small{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:7px;font-weight:900}.settings-header h1{letter-spacing:-.03em;margin:0;font-size:21px}.settings-header__gear{width:39px;height:39px;color:var(--lime);background:color-mix(in oklch, var(--lime) 9%, var(--surface));border-radius:13px;place-items:center;display:grid;transform:rotate(7deg)}.settings-header__gear svg{width:22px;height:22px}.settings-scroll{overscroll-behavior:contain;min-height:0;padding:17px 20px max(32px, calc(env(safe-area-inset-bottom) + 20px));scrollbar-width:none;flex:1;overflow-y:auto}.settings-scroll::-webkit-scrollbar{display:none}.settings-section{margin-bottom:20px}.settings-section__title{justify-content:space-between;align-items:end;margin:0 3px 8px;display:flex}.settings-section__title>span{letter-spacing:.08em;text-transform:uppercase;font:800 11px Bricolage Grotesque}.settings-section__title small{color:var(--muted);text-transform:uppercase;font-size:7px;font-weight:800}.settings-card{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 91%, transparent);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 8px 24px #00000029}.settings-range{border-bottom:1px solid color-mix(in oklch, var(--border) 63%, transparent);grid-template-columns:31px 1fr;align-items:center;gap:11px;min-height:71px;padding:11px 14px;display:grid}.settings-row__icon{width:29px;height:29px;color:var(--setting-tone);background:color-mix(in oklch, var(--setting-tone) 14%, transparent);border-radius:9px;place-items:center;font-weight:900;display:grid}.settings-range__body{gap:8px;display:grid}.settings-range__body>span{justify-content:space-between;align-items:center;display:flex}.settings-range strong{font-size:11px}.settings-range b{color:var(--muted);font:800 8px ui-monospace,monospace}.settings-range input{width:100%;height:4px;accent-color:var(--setting-tone);cursor:pointer}.settings-toggle{border-bottom:1px solid color-mix(in oklch, var(--border) 63%, transparent);cursor:pointer;align-items:center;gap:12px;min-height:63px;padding:12px 14px;display:flex;position:relative}.settings-toggle:last-child,.settings-range:last-child{border-bottom:0}.settings-toggle>span{flex:1;gap:3px;display:grid}.settings-toggle strong{font-size:11px}.settings-toggle small{color:var(--muted);font-size:7px;font-weight:600;line-height:1.35}.settings-toggle input{opacity:0;pointer-events:none;position:absolute}.settings-toggle>i{border:1px solid var(--border);background:var(--bg);border-radius:99px;flex:0 0 43px;width:43px;height:25px;transition:all .2s;position:relative}.settings-toggle>i:after{content:"";background:var(--muted);border-radius:50%;width:19px;height:19px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0006}.settings-toggle input:checked+i{border-color:color-mix(in oklch, var(--setting-tone) 60%, var(--border));background:color-mix(in oklch, var(--setting-tone) 22%, var(--bg))}.settings-toggle input:checked+i:after{background:var(--setting-tone);box-shadow:0 0 10px color-mix(in oklch, var(--setting-tone) 50%, transparent);left:20px}.haptic-lab{border:1px solid color-mix(in oklch, var(--coral) 48%, var(--border));background:radial-gradient(circle at 90% 0%, oklch(76% .18 350/.18), transparent 38%), linear-gradient(145deg, color-mix(in oklch, var(--card) 86%, transparent), var(--surface));border-radius:21px;margin:3px 0 21px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 10px 28px #0003}.haptic-lab:after{content:"";pointer-events:none;border:15px solid oklch(88% .17 100/.05);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-58px;right:-58px}.haptic-lab.is-disabled{opacity:.6}.haptic-lab__heading{justify-content:space-between;align-items:center;display:flex}.haptic-lab__heading>span{gap:2px;display:grid}.haptic-lab__heading small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:900}.haptic-lab__heading strong{font-size:15px}.haptic-lab__heading em{color:var(--green);background:color-mix(in oklch, var(--green) 12%, transparent);text-transform:uppercase;border-radius:99px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:900}.haptic-lab>p{max-width:320px;color:var(--muted);margin:9px 0 13px;font-size:8px;font-weight:600;line-height:1.5}.haptic-tier-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:8px;display:grid;position:relative}.haptic-tier-grid button{border:1px solid var(--border);min-height:77px;color:var(--text);background:color-mix(in oklch, var(--bg) 74%, transparent);text-align:left;cursor:pointer;border-radius:14px;align-content:center;justify-items:start;gap:3px;padding:9px;display:grid;box-shadow:inset 0 -2px #0000002e}.haptic-tier-grid button:active{translate:0 2px}.haptic-tier-grid button:disabled{cursor:not-allowed}.haptic-tier-grid button>span{align-items:end;gap:3px;height:13px;display:flex}.haptic-tier-grid i{background:var(--coral);border-radius:2px;width:5px;height:6px;box-shadow:0 0 6px oklch(76% .18 350/.5)}.haptic-tier-grid i:nth-child(2){height:8px}.haptic-tier-grid i:nth-child(3){height:10px}.haptic-tier-grid i:nth-child(4){background:var(--lime);height:13px}.haptic-tier-grid b{font:800 9px Bricolage Grotesque}.haptic-tier-grid small{color:var(--muted);font-size:6px;font-weight:700}.haptic-motor-test{z-index:1;border:1px solid color-mix(in oklch, var(--coral) 52%, var(--border));width:100%;min-height:48px;color:var(--text);background:color-mix(in oklch, var(--coral) 10%, var(--bg));text-align:left;cursor:pointer;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:29px 1fr;align-items:center;column-gap:9px;margin:0 0 9px;padding:9px 11px;display:grid;position:relative}.haptic-motor-test>span{color:var(--coral);text-shadow:0 0 12px oklch(76% .18 350/.6);grid-row:1/3;font-size:23px}.haptic-motor-test b{font-size:9px}.haptic-motor-test small{color:var(--muted);font-size:6px}.haptic-motor-test:active{translate:0 2px}.haptic-motor-test:disabled{cursor:not-allowed}.haptic-lab__result{z-index:1;color:var(--gold);background:color-mix(in oklch, var(--gold) 9%, transparent);border-radius:10px;margin:0 0 9px;padding:8px 10px;font-size:7px;font-weight:700;line-height:1.45;position:relative}.haptic-lab__result.is-error{color:var(--coral);background:color-mix(in oklch, var(--coral) 9%, transparent)}.settings-account{align-items:center;gap:10px;padding:15px;display:flex}.settings-account>div{flex:1;gap:4px;display:grid}.settings-account strong{font-size:11px}.settings-account small{color:var(--muted);font-size:7px;line-height:1.45}.settings-account>span{color:var(--muted);background:var(--bg);text-transform:uppercase;border-radius:8px;padding:5px 7px;font-size:6px;font-weight:900}.app-shell--high-contrast{--surface:oklch(18% .035 265);--card:oklch(29% .055 265);--border:oklch(49% .06 265);--muted:oklch(78% .025 265)}.app-shell--reduced-motion *,.app-shell--reduced-motion :before,.app-shell--reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.game-screen{padding:max(10px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 31%, oklch(76% .18 350/.07), transparent 30%), radial-gradient(circle at 50% 85%, oklch(88% .17 100/.055), transparent 34%), var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:7px;display:flex;overflow:hidden}.game-screen--syncing{text-align:center;justify-content:center;align-items:center}.game-screen--syncing h1{margin:4px 0 0;font-size:22px}.game-screen--syncing p{color:var(--muted);margin:0;font-size:9px}.game-topbar{flex:0 0 43px;grid-template-columns:39px 1fr 39px;align-items:center;height:43px;display:grid}.game-topbar>button{border:1px solid var(--border);width:36px;height:36px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;display:grid}.game-topbar>button:last-child{justify-self:end}.game-topbar svg{width:17px;height:17px}.game-timer{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 90%, transparent);border-radius:13px;justify-self:center;justify-items:center;min-width:72px;padding:4px 13px 5px;display:grid;box-shadow:inset 0 1px #ffffff0d}.game-timer small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:5px;font-weight:900}.game-timer strong{font:900 15px ui-monospace,monospace}.game-timer.is-urgent{color:oklch(88% .1 25);border-color:color-mix(in oklch, var(--red) 65%, var(--border));animation:.7s ease-in-out infinite urgent-timer}.rival-board-panel,.local-board-panel{margin:0 auto;position:relative}.rival-board-panel{width:min(70%,272px)}.local-board-panel{width:100%}.board-score{justify-content:space-between;align-items:center;height:30px;padding:0 5px;display:flex}.board-score>span{line-height:1.05;display:grid}.board-score small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:5px;font-weight:900}.board-score strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:9px;overflow:hidden}.board-score>b{font:900 14px ui-monospace,monospace}.duel-board{grid-template-columns:repeat(var(--board-columns), 1fr);grid-template-rows:repeat(var(--board-rows), 1fr);border:1px solid var(--border);background:oklch(13% .025 265);border-radius:11px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #0000004d,0 5px 16px #0003}.duel-board--local{width:100%;aspect-ratio:var(--board-columns) / var(--board-rows);border-color:color-mix(in oklch, var(--lime) 20%, var(--border))}.duel-board--opponent{width:100%;aspect-ratio:var(--board-columns) / var(--board-rows);opacity:.92}.duel-board>i:not(.clear-line){border-right:1px solid color-mix(in oklch, var(--border) 56%, transparent);border-bottom:1px solid color-mix(in oklch, var(--border) 56%, transparent);background:color-mix(in oklch, var(--surface) 32%, transparent);min-width:0;min-height:0}.duel-board>i.is-filled,.block{border-radius:3px;box-shadow:inset 0 2px 2px #ffffff61,inset 0 -3px 4px #00000042,0 1px 3px #0000003d;border:1px solid #ffffff3d!important}.duel-board>i.is-ghost{box-shadow:0 0 10px oklch(88% .17 100/.3);border:2px dashed var(--lime)!important;background:color-mix(in oklch, var(--lime) 24%, transparent)!important}.block--cyan{background:linear-gradient(150deg,oklch(90% .1 215),oklch(68% .16 215))!important}.block--gold{background:linear-gradient(150deg,oklch(96% .13 100),oklch(76% .18 95))!important}.block--coral{background:linear-gradient(150deg,oklch(90% .13 350),oklch(66% .2 350))!important}.block--amber{background:linear-gradient(150deg,oklch(94% .13 85),oklch(72% .18 70))!important}.block--blue{background:linear-gradient(150deg,oklch(83% .12 250),oklch(60% .18 255))!important}.block--green{background:linear-gradient(150deg,oklch(90% .12 150),oklch(65% .18 150))!important}.block--red{background:linear-gradient(150deg,oklch(83% .16 25),oklch(60% .22 25))!important}.block--white{background:linear-gradient(150deg,#fff,oklch(72% .02 265))!important}.block--violet{background:linear-gradient(150deg,oklch(88% .1 320),oklch(63% .2 310))!important}.block--orange{background:linear-gradient(150deg,oklch(91% .14 55),oklch(68% .19 48))!important}.block--teal{background:linear-gradient(150deg,oklch(88% .11 190),oklch(61% .16 190))!important}.block--purple{background:linear-gradient(150deg,oklch(82% .13 290),oklch(58% .2 290))!important}.piece-queue{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 90%, transparent);border-radius:16px;grid-template-columns:1fr 16px .72fr .82fr;align-items:center;gap:5px;min-height:85px;padding:7px 10px;display:grid;box-shadow:inset 0 1px #ffffff0a}.piece-queue>div{justify-items:center;gap:2px;min-width:0;display:grid}.piece-queue small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:5px;font-weight:900}.piece-queue em{color:var(--muted);font-size:5px;font-style:normal;font-weight:700}.active-piece{border:1px solid color-mix(in oklch, var(--lime) 35%, var(--border));background:var(--bg);cursor:grab;touch-action:none;border-radius:12px;place-items:center;min-width:88px;min-height:47px;padding:3px;display:grid}.active-piece:disabled{opacity:.55}.queue-arrow{color:var(--muted);text-align:center;font-size:24px}.next-piece{border:1px solid var(--border);background:var(--bg);border-radius:12px;place-items:center;min-width:63px;min-height:47px;display:grid}.piece-preview{--piece-cell:11px;grid-template-columns:repeat(var(--piece-columns), var(--piece-cell));grid-template-rows:repeat(var(--piece-rows), var(--piece-cell));display:grid}.piece-preview--compact{--piece-cell:8px}.piece-preview .block{width:var(--piece-cell);height:var(--piece-cell)}.sneak-piece{border:1px dashed color-mix(in oklch, oklch(72% .15 250) 60%, var(--border));min-height:63px;color:var(--text);background:radial-gradient(circle at 78% 15%, oklch(72% .15 250/.17), transparent 40%), color-mix(in oklch, var(--bg) 76%, transparent);cursor:pointer;border-radius:12px;align-content:center;place-items:center;gap:2px;padding:5px 4px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 0 14px oklch(72% .15 250/.08)}.sneak-piece:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 38%,#ffffff24,#0000 62%);transition:translate .45s;position:absolute;inset:-40% -70%;translate:-45%;rotate:24deg}.sneak-piece:not(:disabled):active{translate:0 2px}.sneak-piece:not(:disabled):hover:after{translate:45%}.sneak-piece:disabled:not(.is-revealed){opacity:.42;cursor:not-allowed;box-shadow:none}.sneak-piece.is-revealed{border-style:solid;border-color:color-mix(in oklch, var(--lime) 65%, var(--border));background:radial-gradient(circle, oklch(88% .17 100/.18), transparent 62%), var(--bg);animation:.48s cubic-bezier(.2,1.4,.4,1) both peek-reveal;box-shadow:0 0 18px oklch(88% .17 100/.2),inset 0 0 12px oklch(88% .17 100/.08)}.sneak-piece.is-revealed small{color:var(--lime)}.sneak-piece__seal{color:oklch(83% .14 235);background:linear-gradient(145deg,oklch(72% .15 250/.23),oklch(16% .04 265/.7));border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:inset 0 1px #ffffff14,0 0 10px oklch(72% .15 250/.18)}.sneak-piece__seal svg{width:21px;height:21px}.sneak-piece em{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:5px;font-style:normal;position:relative;overflow:hidden}.jam-overlay{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:oklch(11% .025 265/.9);border-radius:11px;place-content:center;justify-items:center;display:grid;position:absolute;inset:30px 0 0}.jam-overlay strong{color:var(--coral);font-size:16px}.jam-overlay small{color:var(--muted);margin-top:3px;font-size:8px}@keyframes peek-reveal{0%{filter:brightness(1.8);scale:.82}55%{scale:1.05}to{filter:brightness();scale:1}}.game-topbar{grid-template-columns:39px 1fr auto;gap:7px}.game-controls{justify-content:flex-end;gap:5px;display:flex}.game-control,.game-controls .game-control{border:1px solid color-mix(in oklch, var(--border) 85%, var(--coral));width:34px;height:34px;color:var(--text);background:linear-gradient(145deg, color-mix(in oklch, var(--surface) 88%, white 3%), color-mix(in oklch, var(--bg) 72%, var(--surface)));cursor:pointer;border-radius:11px;place-items:center;padding:0;transition:translate .15s,border-color .2s,color .2s,background .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0003,0 3px #00000038}.game-control:active{translate:0 2px}.game-control svg{width:16px;height:16px}.game-control .icon-fill{fill:currentColor;stroke:none}.game-control .icon-slash{stroke-width:2.6px}.game-control--back{color:var(--coral)!important;border-color:color-mix(in oklch, var(--coral) 42%, var(--border))!important;background:linear-gradient(145deg, color-mix(in oklch, var(--coral) 15%, var(--surface)), var(--surface))!important}.game-control--settings{color:var(--gold)}.game-control--settings .game-settings-icon__core{fill:var(--gold)}.game-control--settings.is-active{border-color:var(--gold);box-shadow:0 0 12px color-mix(in oklch, var(--gold) 28%, transparent), inset 0 1px #ffffff14}.game-control.is-muted{color:oklch(84% .12 25);border-color:color-mix(in oklch, var(--red) 58%, var(--border));background:linear-gradient(145deg, color-mix(in oklch, var(--red) 16%, var(--surface)), var(--surface))}.game-timer{border-width:1.5px;min-width:78px;padding:4px 14px 5px}.game-timer strong{letter-spacing:.04em;text-shadow:0 1px 5px #0000004d;font-size:17px;font-weight:950}.game-timer.is-warning{color:oklch(82% .16 28);border-color:color-mix(in oklch, var(--red) 72%, var(--border));background:radial-gradient(circle, color-mix(in oklch, var(--red) 16%, var(--surface)), var(--surface));animation:1s ease-in-out infinite timer-warning}.game-timer.is-warning small{color:color-mix(in oklch, var(--red) 75%, white)}.game-timer.is-warning strong{font-size:19px}.game-timer.is-critical{color:oklch(90% .14 25);border-color:oklch(72% .2 25);animation:.48s ease-in-out infinite alternate timer-critical;box-shadow:0 0 16px oklch(70% .2 25/.3),inset 0 1px #ffffff1a}@keyframes timer-warning{0%,to{filter:brightness(.9)}50%{filter:brightness(1.2)}}@keyframes timer-critical{0%{filter:brightness();scale:1}to{filter:brightness(1.38);scale:1.055;box-shadow:0 0 23px oklch(70% .2 25/.48)}}.board-player{align-items:center;gap:6px;min-width:0;display:flex}.board-player>span:last-child{min-width:0;line-height:1.05;display:grid}.board-player .avatar{flex:none}.board-player small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:5px;font-weight:900}.board-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-size:9px;overflow:hidden}.duel-board{contain:layout paint style}.duel-board>i{contain:strict}.match-settings{z-index:58;padding:max(62px, calc(env(safe-area-inset-top) + 52px)) 16px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(9% .03 265/.72);align-items:start;display:grid;position:absolute;inset:0}.match-settings__panel{border:1px solid color-mix(in oklch, var(--gold) 38%, var(--border));background:radial-gradient(circle at 95% 0%, oklch(85% .15 85/.12), transparent 36%), var(--surface);border-radius:21px;gap:12px;width:min(100%,350px);margin:0 auto;padding:17px;animation:.23s ease-out both settings-sheet-in;display:grid;box-shadow:0 22px 55px #00000094,inset 0 1px #ffffff12}.match-settings__panel header{justify-content:space-between;align-items:center;display:flex}.match-settings__panel header span{display:grid}.match-settings__panel header small{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:6px;font-weight:900}.match-settings__panel header strong{margin-top:2px;font-size:18px}.match-settings__panel header button{border:1px solid var(--border);width:32px;height:32px;color:var(--text);background:var(--bg);cursor:pointer;border-radius:10px;font-size:20px}.match-settings__panel>label{gap:6px;display:grid}.match-settings__panel>label>span{color:var(--muted);justify-content:space-between;font-size:9px;font-weight:800;display:flex}.match-settings__panel>label b{color:var(--text);font:900 9px ui-monospace,monospace}.match-settings__panel input[type=range]{width:100%;accent-color:var(--gold)}.match-settings__toggle{border:1px solid var(--border);min-height:46px;color:var(--text);background:var(--bg);text-align:left;cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.match-settings__toggle span{font-size:9px;font-weight:900;display:grid}.match-settings__toggle small{color:var(--muted);margin-top:2px;font-size:6px}.match-settings__toggle i{background:oklch(32% .03 265);border-radius:99px;width:38px;height:22px;padding:2px;display:flex}.match-settings__toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:translate .18s}.match-settings__toggle.is-on i{background:var(--lime)}.match-settings__toggle.is-on i:after{translate:16px}@keyframes settings-sheet-in{0%{opacity:0;translate:0 -12px;scale:.97}to{opacity:1;translate:0;scale:1}}.drag-piece{z-index:100;pointer-events:none;filter:drop-shadow(0 11px 18px #0000008c);animation:.14s ease-out both drag-piece-lift;position:fixed;translate:-50% -50%}.drag-piece>i{border-radius:4px;position:absolute;border-width:2px!important;border-color:#ffffffad!important}.duel-board>i.is-ghost-invalid{z-index:2;box-shadow:inset 0 0 8px color-mix(in oklch, var(--red) 38%, transparent), 0 0 8px color-mix(in oklch, var(--red) 22%, transparent);border:2px dashed var(--red)!important;background:color-mix(in oklch, var(--red) 26%, transparent)!important}.duel-board>i.is-pending{opacity:.78;outline-offset:-3px;outline:2px dashed #ffffffb8;animation:.62s ease-in-out infinite alternate pending-cell}.duel-board--rollback{animation:.4s ease-out board-rollback}@keyframes drag-piece-lift{0%{opacity:.5;scale:.88}to{opacity:1;scale:1}}@keyframes pending-cell{0%{filter:brightness(.9)}to{filter:brightness(1.35)}}@keyframes board-rollback{0%,to{border-color:var(--border);translate:0}22%{border-color:var(--red);translate:-4px}48%{translate:3px}72%{translate:-2px}}.move-pending{right:20px;bottom:max(15px, env(safe-area-inset-bottom));color:var(--muted);font-size:7px;font-weight:800;position:absolute}.game-toast{z-index:30;border:1px solid var(--border);background:oklch(12% .03 265/.94);border-radius:12px;padding:9px 14px;font-size:8px;font-weight:800;animation:.2s both toast-in;position:absolute;bottom:22px;left:50%;translate:-50%}.game-catchphrase{z-index:35;border:2px solid color-mix(in oklch, var(--lime) 55%, transparent);max-width:86%;color:var(--lime);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;white-space:nowrap;background:oklch(11% .03 265/.84);border-radius:20px;padding:14px 24px;font:900 24px Bricolage Grotesque;animation:1.45s both catchphrase-pop;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 38px oklch(88% .17 100/.25),0 18px 40px #00000080}.game-catchphrase--rival{color:var(--coral);border-color:color-mix(in oklch, var(--coral) 58%, transparent);box-shadow:0 0 38px oklch(76% .18 350/.25),0 18px 40px #00000080}.game-result{z-index:50;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 38%,oklch(88% .17 100/.16),#0000 35%),oklch(12% .03 265/.93);place-content:center;justify-items:center;padding:24px;animation:.35s both screen-in;display:grid;position:absolute;inset:0}.game-result>small{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.game-result>strong{color:var(--lime);text-shadow:0 0 28px oklch(88% .17 100/.4);margin-top:8px;font-size:38px}.game-result--lose>strong{color:var(--coral)}.game-result>p{color:var(--muted);margin:7px 0 22px;font-size:10px;font-weight:700}.game-result>button{color:oklch(18% .02 265);background:var(--lime);cursor:pointer;min-width:190px;min-height:48px;box-shadow:inset 0 -3px #0000002e, 0 4px var(--lime-shadow);border:0;border-radius:15px;font-weight:900}.game-connection-overlay{z-index:46;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:oklch(11% .03 265/.88);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.game-connection-overlay strong{font-size:18px}.game-connection-overlay small{color:var(--muted);font-size:8px;font-weight:700}.rival-reconnect{z-index:32;top:max(59px, calc(env(safe-area-inset-top) + 49px));border:1px solid color-mix(in oklch, var(--gold) 45%, var(--border));color:var(--gold);white-space:nowrap;background:oklch(14% .03 265/.92);border-radius:99px;padding:7px 11px;font-size:7px;font-weight:900;position:absolute;left:50%;translate:-50%;box-shadow:0 7px 18px #0000004d}.rival-reconnect i{background:var(--gold);border-radius:50%;width:6px;height:6px;margin-right:5px;animation:1s infinite connection-pulse;display:inline-block}@keyframes connection-pulse{0%,to{opacity:.35;scale:.72}50%{opacity:1;box-shadow:0 0 9px var(--gold);scale:1.15}}.forfeit-dialog{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:oklch(9% .03 265/.82);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.forfeit-dialog>div{border:1px solid color-mix(in oklch, var(--coral) 48%, var(--border));background:radial-gradient(circle at 90% 0%, oklch(76% .18 350/.13), transparent 38%), var(--surface);border-radius:23px;gap:10px;width:min(100%,340px);padding:22px;display:grid;box-shadow:0 24px 55px #0000008c,inset 0 1px #ffffff12}.forfeit-dialog small{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:7px;font-weight:900}.forfeit-dialog strong{font-size:21px}.forfeit-dialog p{color:var(--muted);margin:0 0 6px;font-size:9px;font-weight:650;line-height:1.5}.forfeit-dialog button{cursor:pointer;border-radius:13px;min-height:44px;font-weight:900}.forfeit-dialog__stay{color:oklch(16% .03 265);background:var(--lime);border:0;box-shadow:inset 0 -3px #0000002e}.forfeit-dialog__leave{border:1px solid color-mix(in oklch, var(--coral) 55%, var(--border));color:var(--coral);background:color-mix(in oklch, var(--coral) 8%, var(--bg))}.forfeit-dialog button:disabled{opacity:.55;cursor:wait}.clear-effect{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:visible}.clear-line{z-index:1;background:linear-gradient(90deg, transparent, var(--coral), white, var(--coral), transparent);opacity:0;mix-blend-mode:screen;animation:.62s ease-out forwards clear-line-flash;display:block;position:absolute}.clear-line--row{left:0;top:calc(var(--line-index) * 100% / var(--line-count));width:100%;height:calc(100% / var(--line-count))}.clear-line--column{top:0;left:calc(var(--line-index) * 100% / var(--line-count));width:calc(100% / var(--line-count));background:linear-gradient(180deg, transparent, var(--coral), white, var(--coral), transparent);height:100%}.clear-effect__ring{z-index:3;border:3px solid var(--lime);width:32px;height:32px;box-shadow:0 0 20px var(--lime);border-radius:50%;animation:.7s ease-out forwards clear-ring;position:absolute;top:50%;left:50%;translate:-50% -50%}.clear-particle{z-index:4;width:var(--particle-size);height:var(--particle-size);margin:calc(var(--particle-size) / -2);opacity:0;pointer-events:none;animation:clear-particle-flight var(--particle-life) cubic-bezier(.14,.7,.25,1) var(--particle-delay) forwards;display:block;position:absolute}.clear-particle--orb{border-radius:50%}.clear-particle--spark{height:calc(var(--particle-size) * 2.2);border-radius:99px}.clear-particle--block-shard{clip-path:polygon(0 0,100% 16%,72% 100%,14% 76%);border-radius:2px}.clear-particle--glow{filter:blur(1px);border-radius:50%}.clear-particle--lime{background:var(--lime);box-shadow:0 0 8px var(--lime)}.clear-particle--gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.clear-particle--coral{background:var(--coral);box-shadow:0 0 8px var(--coral)}.clear-particle--cyan{background:oklch(80% .14 215);box-shadow:0 0 8px oklch(80% .14 215)}.duel-board--impact-small{animation:.32s board-impact-small}.duel-board--impact-large{animation:.38s board-impact-large}.duel-board--impact-massive{animation:.48s cubic-bezier(.2,.9,.25,1) board-impact-massive}@keyframes clear-line-flash{0%{opacity:0;filter:brightness();scale:.2 1}22%{opacity:1;filter:brightness(2);scale:1}to{opacity:0;filter:brightness();scale:1}}@keyframes clear-ring{0%{opacity:.9;scale:.25}to{opacity:0;border-width:1px;scale:7}}@keyframes clear-particle-flight{0%{opacity:0;translate:0;rotate:0deg;scale:.35}12%{opacity:1}70%{opacity:.9}to{opacity:0;translate:var(--particle-x) var(--particle-y);rotate:var(--particle-rotation);scale:.7}}@keyframes board-impact-small{30%{translate:-2px 1px}55%{translate:2px -1px}}@keyframes board-impact-large{20%{translate:-4px 2px}42%{translate:4px -2px}65%{translate:-2px 1px}}@keyframes board-impact-massive{15%{translate:-6px 2px;scale:1.01}34%{translate:6px -3px}52%{translate:-4px 2px}72%{translate:3px -1px}}@keyframes catchphrase-pop{0%{opacity:0;rotate:-3deg;scale:.65}14%{opacity:1;scale:1.08}24%,72%{opacity:1;rotate:0deg;scale:1}to{opacity:0;translate:-50% -68%;scale:.9}}@keyframes urgent-timer{50%{color:var(--red);scale:1.06}}.board-placeholder{grid-template-columns:repeat(8,1fr);gap:3px;width:min(100%,330px);margin:12px 0;display:grid}.board-placeholder i{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:5px}.board-placeholder i.is-filled{background:linear-gradient(145deg, var(--lime), oklch(67% .18 115));border-color:var(--lime);box-shadow:inset 0 2px #ffffff59,inset 0 -2px #0003}.diagnostics-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a6;align-items:flex-end;display:flex;position:absolute;inset:0}.diagnostics{width:100%;padding:20px 20px max(28px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.diagnostics__header{justify-content:space-between;align-items:center;display:flex}.diagnostics__header h2{margin:0}.diagnostics__header button{width:36px;height:36px;color:var(--muted);background:var(--surface);cursor:pointer;border:0;border-radius:11px;font-size:22px}.diagnostics dl{grid-template-columns:auto 1fr;gap:7px 18px;margin:16px 0;font-size:11px;display:grid}.diagnostics dt{color:var(--muted)}.diagnostics dd{text-align:right;margin:0;font-weight:800}.diagnostics label{justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:800;display:flex}.diagnostics input{width:100%;accent-color:var(--lime)}.diagnostics .button{width:100%;margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes radar{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes screen-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes logo-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.55;transform:scale(.96)}}@keyframes found-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes public-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes public-glow{0%,to{filter:saturate()}50%{filter:saturate(1.12)brightness(1.035)}}@keyframes public-sheen{0%,52%{opacity:0;left:-35%}62%{opacity:.8}82%{opacity:0;left:118%}to{opacity:0;left:118%}}@keyframes motif-float{0%,to{opacity:.75;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-4px)rotate(5deg)}}@keyframes peek-spark{0%,65%,to{opacity:.55;transform:scale(.72)rotate(0)}76%{opacity:1;transform:scale(1.2)rotate(25deg)}86%{opacity:.8;transform:scale(.9)rotate(0)}}@keyframes lobby-orbit{to{transform:rotate(360deg)}}@keyframes avatar-eyes-sequence-a{0%,8%,38%,to{translate:0;scale:1}14%,21%{translate:-2px;scale:1}27%,33%{translate:2px;scale:1}35%{translate:0;scale:1 .08}}@keyframes avatar-mouth-sequence-a{0%,49%,76%,to{background:0 0;border-width:0 0 2px;width:24%;height:12%;left:38%;translate:0;scale:1}57%,64%{background:oklch(62% .16 20);border-width:2px;width:18%;height:18%;left:41%;translate:0 1px;scale:1}70%{background:0 0;border-width:0 0 2px;width:27%;height:12%;left:36.5%;translate:1px;scale:1.05}}@keyframes avatar-eyes-sequence-b{0%,36%,78%,to{translate:0;scale:1}45%,54%{translate:0 -2px;scale:1}61%,69%{translate:0 2px;scale:1}73%{translate:0;scale:1 .08}}@keyframes avatar-mouth-sequence-b{0%,7%,31%,to{background:0 0;border-width:0 0 2px;width:24%;height:12%;left:38%;translate:0;scale:1}13%,20%{background:0 0;border-width:0 0 2px;width:20%;height:10%;left:39%;translate:-1px;scale:.9 1}25%{background:oklch(68% .17 20);border-width:2px;width:16%;height:15%;left:42%;translate:0 1px;scale:.9}}@keyframes avatar-eyes-sequence-c{0%,5%,45%,to{translate:0;scale:1}9%,13%{translate:0;scale:1 .08}20%,29%{translate:-2px -2px;scale:1}36%,41%{translate:2px 1px;scale:1}}@keyframes avatar-mouth-sequence-c{0%,54%,86%,to{background:0 0;border-width:0 0 2px;width:24%;height:12%;left:38%;translate:0;scale:1}62%,70%{background:oklch(68% .17 20);border-width:2px;width:16%;height:16%;left:42%;translate:0 1px;scale:.92}77%,82%{background:0 0;border-width:0 0 2px;width:27%;height:12%;left:36.5%;translate:1px;scale:1.05}}@keyframes avatar-eyes-sequence-d{0%,34%,82%,to{translate:0;scale:1}44%,52%{translate:2px -2px;scale:1}60%,68%{translate:-1px 1px;scale:1}72%,77%{translate:0;scale:1}73.5%,78.5%{translate:0;scale:1 .08}}@keyframes avatar-mouth-sequence-d{0%,6%,29%,to{background:0 0;border-width:0 0 2px;width:24%;height:12%;left:38%;translate:0;scale:1}12%,18%{background:oklch(62% .16 20);border-width:2px;width:18%;height:18%;left:41%;translate:0 1px;scale:1}24%{background:0 0;border-width:0 0 2px;width:26%;height:12%;left:37%;translate:1px;scale:1.04}}@media (width>=700px){body{background:radial-gradient(circle at 50% 20%,#24233c,#090a10 60%)}}@media (prefers-reduced-motion:reduce){.avatar--animated .avatar__eye,.avatar--animated .avatar__smile,.public-match,.public-match:after,.public-match__motif i,.lobby-orbit,.peek-icon__spark{animation:none!important}}