:root{--bg: #0b1020;--bg-raised: #141b33;--bg-raised-2: #1c2545;--line: rgba(255, 255, 255, .08);--text: #f4f6ff;--text-dim: #9aa3c7;--accent: #3d8bff;--accent-2: #ffc43d;--danger: #ff4d5e;--ok: #35d07f;--radius: 20px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body,#root{height:100dvh}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(61,139,255,.18),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(176,108,255,.14),transparent 60%),var(--bg);overflow:hidden}button,input{font:inherit;color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.loading{height:100%}.brand{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1}.brand span{margin-left:.25em;font-weight:300;color:var(--accent)}.status-chip{display:inline-flex;align-items:center;gap:.5em;padding:.4em .9em;border-radius:999px;background:var(--bg-raised);border:1px solid var(--line);color:var(--text-dim);font-size:.9rem;font-weight:600}.status-dot{width:.6em;height:.6em;border-radius:50%;background:var(--accent-2)}.status-open .status-dot{background:var(--ok);box-shadow:0 0 .6em var(--ok)}.status-closed .status-dot{background:var(--danger)}.status-connecting .status-dot,.status-reconnecting .status-dot{animation:blink 1s ease-in-out infinite}.landing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;text-align:center}.landing .brand{font-size:clamp(2.5rem,8vw,5rem)}.landing-tagline{margin:0;color:var(--text-dim);font-size:1.15rem}.landing-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.landing-actions.is-touch{flex-direction:column;width:min(100%,22rem)}.landing-action{padding:1rem 1.6rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);text-decoration:none;font-weight:600}.landing-action.primary{background:var(--accent);border-color:transparent}.host{position:relative;height:100%;display:flex;flex-direction:column;padding:3vh 4vw;gap:3vh;font-size:clamp(14px,1.4vw,28px)}.host-header{display:flex;align-items:center;justify-content:space-between}.host-header .brand{font-size:2.4em}.host-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3vw}.host h2{margin:0 0 .8em;font-size:1.1em;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.join-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vh 2vw;border-radius:calc(var(--radius) * 1.5);background:var(--bg-raised);border:1px solid var(--line);text-align:center}.qr-frame{width:min(100%,46vh);aspect-ratio:1;padding:1em;border-radius:var(--radius);background:#fff;box-shadow:0 1.5em 4em #00000073}.qr-frame img{display:block;width:100%;height:100%;image-rendering:pixelated}.qr-placeholder{width:100%;height:100%;border-radius:8px;background:linear-gradient(90deg,#e9ecf5 25%,#f6f7fb,#e9ecf5 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.room-code-label{margin-top:1.6em;color:var(--text-dim);font-size:.9em;text-transform:uppercase;letter-spacing:.12em}.room-code{font-size:4.2em;font-weight:800;letter-spacing:.18em;margin-right:-.18em;line-height:1.1}.join-url{margin-top:.4em;color:var(--text-dim);font-size:.95em;word-break:break-all}.host-warning{margin:1.2em 0 0;padding:.8em 1em;border-radius:12px;background:#ffc43d1f;color:var(--accent-2);font-size:.85em;line-height:1.4}.host-refused{margin:0 0 1em;text-align:center}.host-refused p{margin:0 0 .6em}.host-refused.is-overlay{position:fixed;top:1rem;left:50%;z-index:60;width:min(32rem,calc(100vw - 2rem));margin:0;transform:translate(-50%);background:#0b1020eb;border:1px solid var(--line)}.players-panel{display:flex;flex-direction:column;min-height:0}.player-count{margin-left:.4em;color:var(--text)}.player-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1.2vw}.player-card{--player: var(--text-dim);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;padding:1em .6em;border-radius:var(--radius);background:var(--bg-raised);border:2px solid color-mix(in srgb,var(--player) 35%,transparent);transition:transform 90ms ease-out,background-color 90ms ease-out,box-shadow 90ms ease-out;overflow:hidden}.player-card.is-pressed{transform:scale(1.04);background:color-mix(in srgb,var(--player) 28%,var(--bg-raised));box-shadow:0 0 2.2em color-mix(in srgb,var(--player) 55%,transparent)}.player-kick{position:absolute;bottom:.4em;right:.4em;width:1.8em;height:1.8em;border:1px solid var(--line);border-radius:50%;background:var(--bg-raised-2);color:var(--text-dim);font-size:.9em;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.player-card:hover .player-kick,.player-kick:focus-visible{opacity:1}.player-kick:hover{background:var(--danger);color:#fff}.player-card.is-ready{border-color:var(--player)}.player-badge{position:absolute;top:.5em;padding:.1em .55em;border-radius:999px;font-size:.7em;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.player-badge-leader{left:.5em;background:var(--accent-2);color:#0b1020}.player-badge-ready{right:.5em;background:var(--ok);color:#0b1020}.player-card.is-away{opacity:.45}.player-card.is-empty{border:2px dashed var(--line);background:transparent;color:var(--text-dim)}.player-card.is-empty .player-wheel{border-radius:50%;background:var(--bg-raised-2)}.player-wheel{width:5.2em;height:5.2em}.player-wheel.pop{animation:pop .26s cubic-bezier(.2,1.6,.4,1)}.player-card:not([data-motion=live]) .wheel{opacity:.55}.player-card .steer-gauge{width:80%}.motion-badge:after{content:" · no tilt"}.player-card[data-motion=stale] .motion-badge:after{content:" · tilt paused"}.player-card[data-motion=live] .motion-badge:after{content:""}.wheel{position:relative;width:100%;height:100%;transform:rotate(var(--tilt, 0deg));will-change:transform}.wheel svg{display:block;width:100%;height:100%;overflow:visible}.wheel-rim{fill:none;stroke:var(--player);stroke-width:9}.wheel-spoke{fill:none;stroke:var(--player);stroke-width:7;stroke-linecap:round}.wheel-top{stroke:#fff;stroke-width:9;stroke-linecap:round}.wheel-hub{fill:var(--player)}.wheel-label{position:absolute;inset:0;display:grid;place-items:center;color:#0b1020;font-weight:800;font-size:1.15em;transform:rotate(calc(-1 * var(--tilt, 0deg)))}.steer-gauge{position:relative;height:.5em;border-radius:999px;background:var(--bg-raised-2);overflow:hidden}.steer-gauge:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line)}.steer-gauge-marker{position:absolute;inset:0;transform:translate(calc(var(--steer, 0) * 50%));will-change:transform}.steer-gauge-marker:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.2em;margin-left:-.6em;border-radius:999px;background:var(--player)}.player-name{max-width:100%;font-weight:700;font-size:1.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-buttons{display:flex;gap:.4em}.button-indicator{width:2em;height:2em;border-radius:50%;display:grid;place-items:center;font-size:.8em;font-weight:800;background:var(--bg-raised-2);color:var(--text-dim);transition:all 60ms ease-out}.button-indicator.is-on{background:var(--player);color:#0b1020;transform:scale(1.15)}.player-meta{color:var(--text-dim);font-size:.8em}.host-note{margin:1.2em 0 0;color:var(--text-dim);font-size:.85em}.lobby-footer{margin-top:2vh;display:flex;gap:1.2vw}.lobby-footer .last-action{flex:1;margin-top:0}.start-button{display:flex;align-items:center;gap:.6em;padding:.9em 1.6em;border:0;border-radius:var(--radius);background:var(--accent);font-size:1.3em;font-weight:700;cursor:pointer}.start-button span{padding:.15em .5em;border-radius:6px;background:#fff3;font-size:.6em;font-weight:600}.start-button:disabled{opacity:.4;cursor:default}.kart-loading{height:100%;display:grid;place-items:center;color:var(--text-dim);font-size:2rem}.last-action{margin-top:2vh;padding:.9em 1.2em;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line);text-align:center;font-size:1.3em;font-weight:600;color:var(--text-dim)}.last-action.is-live{color:var(--text);border-color:var(--player);animation:pop .22s ease-out}.host-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--player) 30%,transparent),transparent 70%);animation:flash .5s ease-out forwards}@media(max-aspect-ratio:4/3){.host-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.join{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom))}.join .brand{font-size:2.4rem}.join-form{width:min(100%,22rem);display:flex;flex-direction:column;gap:1.1rem}.join-form label{display:flex;flex-direction:column;gap:.4rem;color:var(--text-dim);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.join-form input{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--bg-raised);font-size:1.2rem;text-transform:none;letter-spacing:normal;outline:none}.join-form input:focus{border-color:var(--accent)}.join-form input.join-code{font-size:2rem;font-weight:800;text-align:center;letter-spacing:.3em;text-transform:uppercase}.join-error{margin:0;color:var(--danger);font-size:.95rem}.join-button{margin-top:.4rem;padding:1.05rem;border:0;border-radius:16px;background:var(--accent);font-size:1.25rem;font-weight:700}.join-button:disabled{opacity:.55}.phone-joining{position:relative;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--player) 22%,var(--bg)),var(--bg) 55%)}.pad{position:relative;height:100%;display:flex;flex-direction:column;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));gap:.75rem;background:linear-gradient(180deg,color-mix(in srgb,var(--player) 22%,var(--bg)),var(--bg) 55%);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pad-header{display:flex;align-items:center;gap:.6rem;font-weight:700}.pad-swatch{width:1rem;height:1rem;border-radius:50%;background:var(--player);box-shadow:0 0 .6rem var(--player)}.pad-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad-latency{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.pad-path{font-weight:600}.pad-path.is-direct{color:var(--ok)}.player-chip-path{position:absolute;top:-.55em;right:.9em;padding:.05em .5em;border-radius:999px;background:var(--bg-raised-2);color:var(--text-dim);font-size:.65em;font-weight:700}.player-chip-path.is-direct{background:var(--ok);color:#0b1020}.pad-chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);font-size:.85rem}.pad-chip.is-armed{border-color:var(--danger);color:var(--text)}.pad-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"center center" "b a";gap:.75rem}.pad-button-b{grid-area:b}.pad-button-a{grid-area:a}.pad-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.5rem;text-align:center}.pad.is-landscape .pad-body{grid-template-columns:1fr minmax(9rem,.9fr) 1fr;grid-template-rows:1fr;grid-template-areas:"b center a"}.pad-body.is-touch{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"center center" "steer a" "steer b"}.pad.is-landscape .pad-body.is-touch{grid-template-columns:1.3fr minmax(8rem,.8fr) 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"steer center a" "steer center b"}.touch-steer{grid-area:steer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;border-radius:28px;background:var(--bg-raised);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--player) 45%,transparent);touch-action:none;user-select:none}.touch-steer-track{position:relative;width:80%;height:.9rem;border-radius:999px;background:var(--bg-raised-2)}.touch-steer-knob{position:absolute;inset:0;transform:translate(calc(var(--steer, 0) * 50%));will-change:transform}.touch-steer-knob:before{content:"";position:absolute;left:50%;top:50%;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;border-radius:50%;background:var(--player);box-shadow:0 .3rem .8rem #0006;transition:transform 80ms}.touch-steer.is-active .touch-steer-knob:before{transform:scale(1.12)}.touch-steer-label{margin-top:1.8rem;color:var(--text-dim);font-size:.8rem;font-weight:600}.pad-choices{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:16rem}.pad-choice{padding:.75rem 1rem;border:2px solid var(--player);border-radius:14px;background:transparent;font-size:1.1rem;font-weight:800}.pad-choice.is-selected{background:var(--player);color:#0b1020}.pad-wheel{width:min(38vmin,11rem);display:flex;flex-direction:column;gap:.6rem;opacity:.4;transition:opacity .2s}.pad-wheel.is-live{opacity:1}.pad-wheel .wheel{aspect-ratio:1;height:auto}.pad-message{margin:0;color:var(--accent-2);font-size:.9rem;font-weight:600;line-height:1.35}.pad-hint{margin:0;color:var(--text-dim);font-size:.75rem}.pad-enable{padding:.7rem 1.2rem;border:0;border-radius:14px;background:var(--player);color:#0b1020;font-weight:800}.pad-button{flex:1;border:0;border-radius:28px;font-size:clamp(3rem,16vmin,7rem);font-weight:900;color:#0b1020;background:var(--player);box-shadow:inset 0 -.6rem #00000040,0 .4rem 1.2rem #00000059;transition:transform 50ms ease-out,filter 50ms ease-out;touch-action:none}.pad-button{position:relative;display:flex;align-items:center;justify-content:center}.pad-button-badge{position:absolute;top:.55rem;left:.7rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#0b102040;font-size:1rem;font-weight:900}.pad-button-caption{font-size:clamp(1.6rem,9vmin,3.4rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pad-hud.is-large .pad-hud-primary{font-size:clamp(2.6rem,14vmin,5rem)}.pad-hud{display:flex;flex-direction:column;align-items:center;line-height:1.05}.pad-hud-title{color:var(--text-dim);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.pad-hud-primary{font-size:clamp(2.2rem,13vmin,4rem);font-weight:900;color:var(--player)}.pad-hud-secondary{color:var(--text);font-size:.95rem;font-weight:600}.pad-button-b.pad-button{background:var(--bg-raised-2);color:var(--text);box-shadow:inset 0 -.6rem #0000004d,inset 0 0 0 3px color-mix(in srgb,var(--player) 60%,transparent)}.pad-button.is-down{transform:scale(.97) translateY(3px);filter:brightness(1.25);box-shadow:inset 0 -.2rem #00000040}.pad-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:#0b1020d1;backdrop-filter:blur(6px);font-size:1.2rem;font-weight:600}.spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:4px solid var(--line);border-top-color:var(--player, var(--accent));animation:spin .8s linear infinite}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:.3}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.pad-item{min-width:8rem;padding:.45rem .9rem;border-radius:14px;border:2px dashed var(--line);color:var(--text-dim);font-weight:800;text-align:center}.pad-item.has-item{border:2px solid var(--player);background:color-mix(in srgb,var(--player) 18%,transparent);color:var(--text);font-size:1.15rem}.pad-item.is-rolling{border-style:solid;animation:blink .25s steps(2) infinite}.pad-item.has-icon{display:flex;align-items:center;justify-content:center;gap:.5rem;animation:none}.pad-item-icon{display:block;width:3.2rem;height:3.2rem;flex:none}.pad-item-icon svg{display:block;width:100%;height:100%}.menu-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.menu-choices{display:grid;gap:.7rem;width:min(100%,34rem)}.pad.is-landscape .menu-choices.count-2,.pad.is-landscape .menu-choices.count-4{grid-template-columns:1fr 1fr}.pad.is-landscape .menu-choices.count-3{grid-template-columns:1fr 1fr 1fr}.menu-choice{position:relative;min-height:4.2rem;padding:.8rem 1rem;border:3px solid var(--player);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--player) 14%,var(--bg-raised-2)),var(--bg-raised) 70%);box-shadow:0 .32rem color-mix(in srgb,var(--player) 45%,#05070f),0 .6rem 1.2rem #00000059,inset 0 1px #ffffff1a;font-size:clamp(1.2rem,5.5vmin,1.8rem);font-weight:900;letter-spacing:.01em;transition:transform .08s,box-shadow .08s,background .2s;-webkit-tap-highlight-color:transparent}.menu-choice.is-primary{min-height:5.5rem;font-size:clamp(1.5rem,7vmin,2.4rem);background:linear-gradient(180deg,color-mix(in srgb,var(--player) 30%,var(--bg-raised-2)),color-mix(in srgb,var(--player) 8%,var(--bg-raised)) 75%)}.menu-choice.is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--player) 75%,#fff),var(--player) 60%);color:#0b1020}.menu-choice:active{transform:translateY(.24rem);box-shadow:0 .08rem color-mix(in srgb,var(--player) 45%,#05070f),0 .2rem .5rem #0000004d,inset 0 1px #ffffff1a}.menu-choice:disabled{opacity:.5;box-shadow:none}.select-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}.select-tabs{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.select-tab{min-height:2.6rem;padding:.45rem 1.1rem;border:2px solid var(--line);border-radius:999px;background:#ffffff0a;font-weight:800;transition:background .2s,color .2s,transform .08s;-webkit-tap-highlight-color:transparent}.select-tab:active{transform:scale(.95)}.select-tab.is-selected{border-color:var(--player);background:linear-gradient(180deg,color-mix(in srgb,var(--player) 75%,#fff),var(--player) 60%);color:#0b1020;box-shadow:0 .25rem .8rem color-mix(in srgb,var(--player) 40%,transparent)}.select-card{flex:1;min-height:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.6rem;padding:.6rem;border-radius:22px;background:radial-gradient(45% 70% at 30% 50%,color-mix(in srgb,var(--player) 22%,transparent),transparent 75%),linear-gradient(180deg,var(--bg-raised-2),var(--bg-raised) 70%);border:3px solid var(--player);box-shadow:0 .6rem 1.4rem #00000059,inset 0 1px #ffffff14;touch-action:pan-y}.pad.is-landscape .select-card{grid-template-columns:auto 1fr 1.2fr auto;grid-template-rows:1fr}.select-arrow{width:3.4rem;height:3.4rem;border:2px solid color-mix(in srgb,var(--player) 40%,transparent);border-radius:50%;background:linear-gradient(180deg,#2a3560,var(--bg-raised-2));box-shadow:0 .25rem #070a16,inset 0 1px #ffffff1f;font-size:2rem;line-height:1;transition:transform .08s;-webkit-tap-highlight-color:transparent}.select-arrow:active{transform:translateY(.18rem);box-shadow:0 .06rem #070a16}.select-preview{display:flex;flex-direction:column;align-items:center;gap:.2rem}.select-swatch{display:grid;place-items:center;width:clamp(4rem,22vmin,7rem);height:clamp(4rem,22vmin,7rem);border-radius:50%;background:var(--option);color:#0b1020;font-size:clamp(2rem,11vmin,3.5rem);font-weight:900}.select-name{font-size:clamp(1.4rem,7vmin,2.2rem);font-weight:900}.select-detail,.select-count{color:var(--text-dim);font-size:.85rem;font-weight:700}.select-stats{margin:0;display:grid;gap:.35rem;grid-column:1 / -1}.pad.is-landscape .select-stats{grid-column:auto}.select-stat{display:grid;grid-template-columns:5.5rem 1fr 1.6rem;align-items:center;gap:.5rem}.select-stat dt{color:var(--text-dim);font-size:.8rem;font-weight:700}.select-stat dd{margin:0;height:.6rem;border-radius:999px;background:var(--bg-raised-2);overflow:hidden;display:flex}.select-stat dd span{display:block;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--player) 70%,#fff),var(--player) 55%);transition:width .3s cubic-bezier(.2,1,.4,1)}.select-stat dd span.is-gain{background:var(--ok)}.select-stat dd span.is-loss{background:var(--danger);opacity:.75}.select-delta{font-size:.75rem;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.select-delta.is-gain{color:var(--ok)}.select-delta.is-loss{color:var(--danger)}.select-actions{display:flex;gap:.5rem}.select-actions .menu-choice{flex:1 1 0;min-width:0;min-height:3.2rem;padding:.5rem .4rem;font-size:clamp(.85rem,3.6vmin,1.2rem)}.select-actions .menu-choice:first-child{flex-grow:2;font-size:clamp(1rem,4.5vmin,1.5rem)}.home{position:relative;isolation:isolate;overflow:hidden;height:100%;display:flex;flex-direction:column;gap:2.5vh;padding:3vh 4vw;font-size:clamp(14px,1.35vw,28px);animation:home-in .4s ease-out both}.home:before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(28% 26% at 28% 35%,rgba(61,139,255,.16),transparent 70%),radial-gradient(26% 24% at 72% 62%,rgba(255,79,216,.1),transparent 70%),radial-gradient(24% 22% at 55% 20%,rgba(255,196,61,.08),transparent 70%);animation:home-drift 30s ease-in-out infinite alternate}@keyframes home-drift{to{transform:translate(-5%,4%) rotate(-6deg)}}@keyframes home-in{0%{opacity:0}}@keyframes home-tile-in{0%{opacity:0;transform:translateY(1.2em) scale(.94)}}.home-header{display:flex;align-items:center;justify-content:space-between}.home-header .brand{font-size:2.6em}.home-header-chips{display:flex;align-items:center;gap:.6em}.graphics-chip.is-low{color:var(--text)}.home-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3vw}.home h2{margin:0 0 .8em;font-size:1.05em;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.home-join{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5vh 2vw;border-radius:calc(var(--radius) * 1.5);background:linear-gradient(180deg,var(--bg-raised-2),var(--bg-raised) 65%);border:1px solid var(--line);box-shadow:0 1.2em 3em #0006,inset 0 1px #ffffff12;text-align:center;animation:home-tile-in .5s cubic-bezier(.2,1.2,.4,1) both}.home-join .qr-frame{width:min(100%,38vh)}.home-games{min-height:0;display:flex;flex-direction:column}.game-tiles{--cols: 3;--rows: 2;--gap: 1.2vw;flex:1;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:stretch;gap:var(--gap)}.game-tiles>.game-tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));height:calc((100% - (var(--rows, 2) - 1) * var(--gap)) / var(--rows, 2));min-width:0;min-height:0}.game-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.4em;padding:1.2em;border:0;border-radius:calc(var(--radius) * 1.5);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--game) 70%,white 10%),transparent 60%),linear-gradient(160deg,var(--game),color-mix(in srgb,var(--game) 40%,#0b1020));text-align:left;cursor:pointer;box-shadow:0 1em 2.5em #00000059,inset 0 2px #ffffff38,inset 0 -.3em #00000026;transition:transform .16s cubic-bezier(.2,1.4,.4,1),box-shadow .16s;animation:home-tile-in .5s cubic-bezier(.2,1.3,.4,1) both}.game-tiles>.game-tile:nth-child(2){animation-delay:.05s}.game-tiles>.game-tile:nth-child(3){animation-delay:.1s}.game-tiles>.game-tile:nth-child(4){animation-delay:.15s}.game-tiles>.game-tile:nth-child(5){animation-delay:.2s}.game-tiles>.game-tile:nth-child(6){animation-delay:.25s}.game-tiles>.game-tile:nth-child(7){animation-delay:.3s}.game-tiles>.game-tile:nth-child(8){animation-delay:.35s}.game-tile:before{content:"";position:absolute;inset:0 0 55%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);pointer-events:none}.game-tile:hover:not(:disabled){transform:translateY(-6px) scale(1.02);box-shadow:0 1.4em 3em #00000073,0 0 0 3px #ffffffd9,inset 0 2px #ffffff38}@media(prefers-reduced-motion:reduce){.home,.home:before,.home-join,.game-tile{animation:none!important}}.game-tile.is-soon{filter:grayscale(.85) brightness(.6);cursor:default}.game-tile-art{flex:1;min-height:38%;display:grid;place-items:center;margin-bottom:.4em}.game-tile-art svg{width:100%;max-height:100%;filter:drop-shadow(0 .4em .6em rgba(0,0,0,.25));transition:transform .2s}.game-tile:hover:not(:disabled) .game-tile-art svg{transform:scale(1.05) rotate(-2deg)}.game-tile-name{font-size:clamp(1.1em,calc(5.8vw / var(--cols, 3)),2.4em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900;letter-spacing:-.01em}.game-tile-tagline{font-weight:600;opacity:.9}.home-hint{margin:1.2em 0 0;color:var(--text-dim);font-size:1.1em}.home-players{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.8vw}.player-chip{--player: var(--text-dim);position:relative;display:flex;align-items:center;gap:.5em;padding:.5em;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--player) 14%,var(--bg-raised-2)),var(--bg-raised));border:2px solid color-mix(in srgb,var(--player) 55%,transparent);box-shadow:0 .4em 1em #0000004d,inset 0 1px #ffffff12;min-width:0;animation:home-tile-in .45s cubic-bezier(.2,1.4,.4,1) both}.player-chip-badge{position:absolute;top:-.55em;left:.9em;padding:.05em .5em;border-radius:999px;background:var(--accent-2);color:#0b1020;font-size:.65em;font-weight:900}.player-chip.is-empty{border:2px dashed var(--line);background:transparent}.player-chip.is-away{opacity:.45}.player-chip-wheel{flex:none;width:2.6em;height:2.6em;border-radius:50%}.player-chip.is-empty .player-chip-wheel{background:var(--bg-raised-2)}.player-chip-text{display:flex;flex-direction:column;min-width:0}.player-chip-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip-meta{overflow:hidden;text-overflow:ellipsis;color:var(--text-dim);font-size:.75em;white-space:nowrap}.player-chip .player-kick{top:50%;bottom:auto;transform:translateY(-50%)}.player-chip:hover .player-kick{opacity:1}.coming-soon{height:100%;display:grid;place-content:center;text-align:center}.kart-lobby{height:100%;display:flex;flex-direction:column;gap:2vh;padding:3vh 3.5vw;font-size:clamp(13px,1.25vw,26px);background:radial-gradient(900px 500px at 0% 0%,rgba(255,77,94,.18),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(255,196,61,.12),transparent 60%),var(--bg)}.kl-header{display:flex;align-items:center;gap:1.5em}.kl-header h1{margin:0;font-size:3em;font-weight:900;font-style:italic;letter-spacing:-.02em;color:#ff4d5e}.kl-settings{flex:1;display:flex;gap:.5em;flex-wrap:wrap}.kl-chip{padding:.35em .9em;border-radius:999px;background:var(--bg-raised);border:1px solid var(--line);font-weight:700}.kl-chip.is-main{background:#ff4d5e;border-color:transparent}.kl-join{display:flex;align-items:center;gap:.8em;padding:.5em .8em;border-radius:16px;background:var(--bg-raised)}.kl-join img{width:5em;height:5em;border-radius:8px;background:#fff;padding:.2em;image-rendering:pixelated}.kl-join-code{font-size:1.8em;font-weight:900;letter-spacing:.12em}.kl-join-url{color:var(--text-dim);font-size:.75em}.kl-course{display:flex;align-items:center;gap:2em;padding:1em 1.4em;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line)}.kl-course-title{display:grid;gap:.2em;min-width:10em}.kl-course-title strong{font-size:2em;font-weight:900}.kl-course-kind{color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85em}.kl-course-maps{flex:1;display:flex;gap:1.2em}.kl-course-map{margin:0;display:grid;justify-items:center;gap:.4em}.kl-course-map>div{width:7.5em;height:7.5em}.kl-course-map>div.is-mirror{transform:scaleX(-1)}.kl-course-map svg{width:100%;height:100%;filter:drop-shadow(0 .3em .5em rgba(0,0,0,.3))}.kl-course-map figcaption{font-weight:700;font-size:.9em}.kl-course-map figcaption span{display:inline-grid;place-items:center;width:1.4em;height:1.4em;margin-right:.4em;border-radius:50%;background:#ff4d5e;font-size:.8em}.kl-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1.2vw}.kl-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35em;padding:1em .9em;border-radius:var(--radius);background:var(--bg-raised);border:3px solid color-mix(in srgb,var(--player) 40%,transparent);min-height:0;overflow:hidden}.kl-card.is-ready{border-color:var(--player);box-shadow:0 0 1.5em color-mix(in srgb,var(--player) 40%,transparent)}.kl-card.is-away{opacity:.45}.kl-badge{position:absolute;top:.6em;padding:.15em .6em;border-radius:999px;font-size:.75em;font-weight:900;text-transform:uppercase;color:#0b1020}.kl-badge.is-leader{left:.6em;background:var(--accent-2)}.kl-badge.is-ready{right:.6em;background:var(--ok)}.kl-portrait{display:grid;place-items:center;width:5em;height:5em;margin-top:.8em;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--char) 70%,white),var(--char));box-shadow:0 0 0 .25em var(--accent);color:#0b1020;font-size:1.6em;font-weight:900}.kl-render{width:9em;height:9em;margin:-.4em 0 -.8em;object-fit:contain}.kl-player{font-size:1.3em;font-weight:900;color:var(--player)}.kl-character{font-weight:700}.kl-parts{color:var(--text-dim);font-size:.8em;text-align:center}.kl-summary{color:var(--accent-2);font-size:.85em;font-weight:700;text-align:center}.kl-stats{width:100%;margin:.3em 0 0;display:grid;gap:.25em}.kl-stats div{display:grid;grid-template-columns:5em 1fr;align-items:center;gap:.4em}.kl-stats dt{color:var(--text-dim);font-size:.75em}.kl-stats dd{margin:0;height:.45em;border-radius:999px;background:var(--bg-raised-2);overflow:hidden}.kl-stats dd span{display:block;height:100%;background:var(--player)}.kl-empty{grid-column:1 / -1;display:grid;place-items:center;color:var(--text-dim);font-size:1.5em}.kl-footer{color:var(--text-dim);text-align:center}.swing-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}.swing-pad{flex:1;min-height:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border-radius:28px;border:3px solid var(--player);background:color-mix(in srgb,var(--player) 14%,var(--bg-raised));touch-action:none;user-select:none;text-align:center;padding:1rem}.swing-pad.is-holding{background:var(--player);color:#0b1020}.swing-pad-title{font-size:clamp(1.8rem,10vmin,3.4rem);font-weight:900;text-transform:uppercase}.swing-pad-hint{max-width:28rem;color:inherit;opacity:.75;font-weight:600}.swing-pad-last{font-weight:800}.swing-meter{position:relative;width:min(100%,18rem);height:2.2rem;border-radius:999px;background:#0b102059;border:2px solid #0b1020;overflow:hidden}.swing-meter-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2fbf71,#ffd23f 60%,#ff5a3c);background-size:18rem 100%;transition:width 60ms linear}.swing-meter-text{position:relative;display:block;line-height:calc(2.2rem - 4px);font-weight:900;color:#0b1020}.swing-choices{display:flex;gap:.5rem;justify-content:center}.swing-choices .pad-chip{padding:.6rem 1.2rem;font-size:1rem;font-weight:800;color:var(--text)}.swing-choices .pad-chip.is-selected{background:var(--player);color:#0b1020}.tv-home{position:fixed;top:1rem;left:1rem;z-index:50;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:#0b1020bf;color:var(--text);font:inherit;font-weight:600;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.tv-home.is-visible,.tv-home:focus-visible{opacity:1;pointer-events:auto}.has-kick{position:relative}.has-kick:hover .player-kick,.has-kick .player-kick:focus-visible{opacity:1}.system-menu{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.8rem;padding:1.5rem max(1.5rem,12vw);background:#0b1020f0;backdrop-filter:blur(8px)}.system-menu h2{margin:0 0 .4rem;text-align:center;font-size:1.1rem;color:var(--text-dim);font-weight:600}.system-menu .menu-choice{min-height:3.4rem}.orientation-hint{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2rem;text-align:center;font-size:1.3rem;font-weight:700;background:#0b1020e6;pointer-events:none}.orientation-phone{width:3.2rem;height:5.6rem;border:.3rem solid var(--text);border-radius:.7rem;animation:orientation-turn 1.6s ease-in-out infinite}.orientation-hint.to-portrait .orientation-phone{animation-direction:reverse}@keyframes orientation-turn{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.pad-toast{position:absolute;left:50%;bottom:12%;z-index:35;transform:translate(-50%);padding:.6rem 1.2rem;border-radius:999px;background:var(--ok);color:#04120a;font-weight:700;pointer-events:none;animation:pad-toast 1.4s ease-out forwards}@keyframes pad-toast{0%{opacity:0;transform:translate(-50%,.6rem)}15%,70%{opacity:1;transform:translate(-50%)}to{opacity:0}}.system-menu-row{display:flex;justify-content:center;gap:.6rem;margin-top:.6rem}.system-menu-note{margin:0;color:var(--text-dim);font-size:.85rem;text-align:center;line-height:1.35}.pad-chip.is-menu{border-color:var(--player);color:var(--text);font-weight:600}.pad-tip{margin:0;color:var(--text-dim);font-size:.75rem}.preview-3d{position:relative;width:min(56vmin,16rem);aspect-ratio:1;display:grid;place-items:center}.preview-3d canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s}.preview-3d canvas.is-ready{opacity:1}.pad.is-landscape .preview-3d{width:min(30vmin,9rem)}.pad.is-landscape .select-card.no-stats .select-preview{display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center;align-items:center;column-gap:1.2rem;row-gap:.2rem}.pad.is-landscape .select-card.no-stats .select-preview>:first-child{grid-column:1;grid-row:1 / span 3}.pad.is-landscape .select-card.no-stats .select-preview>:not(:first-child){grid-column:2;justify-self:start;text-align:left}.pad.is-landscape .select-card.no-stats .preview-3d{width:min(36vmin,10.5rem)}.pad.is-landscape .select-card.no-stats .select-detail{max-width:15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hud-slider{width:100%;max-width:34rem;margin:0 auto;display:grid;gap:.35rem}.hud-slider-label{color:var(--text-dim);font-size:.8rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.06em}.hud-slider-track{position:relative;height:3.2rem;border-radius:1rem;background:var(--bg-raised-2);border:1px solid var(--line);touch-action:none}.hud-slider.is-lane .hud-slider-track{background:linear-gradient(90deg,#2a2f3f 0 7%,transparent 7% 93%,#2a2f3f 93%),repeating-linear-gradient(90deg,transparent 0 calc(100% / 13 - 1px),rgba(0,0,0,.12) calc(100% / 13 - 1px) calc(100% / 13)),linear-gradient(180deg,#e7b77a,#c98f52)}.hud-slider.is-lane .hud-slider-track:after{content:"▲ ▲ ▲ ▲ ▲";position:absolute;inset:0;display:grid;place-items:center;color:#783c1473;font-size:.7rem;letter-spacing:1.4rem;pointer-events:none}.hud-slider-knob{position:absolute;top:50%;left:calc(50% + var(--value) * (50% - 18px));width:2.4rem;height:2.4rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--player) 50%,white),var(--player) 60%,color-mix(in srgb,var(--player) 50%,black));box-shadow:0 .2rem .5rem #0006;z-index:1}.hud-slider-ends{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.75rem;font-weight:600}.hud-sliders{display:grid;gap:.45rem}.hud-sliders .hud-slider{gap:.2rem}.hud-sliders .hud-slider-track{height:2.8rem}.hud-sliders .hud-slider-ends{margin-top:-.1rem;font-size:.7rem}.art-choices{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.7rem}.pad.is-landscape .art-choices{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;grid-auto-rows:auto}.pad:not(.is-landscape) .art-choices>.art-choice:last-child:nth-child(odd):not(:first-child){grid-column:1 / -1;justify-self:center;width:calc(50% - .35rem)}.pad.is-landscape .art-choices:has(>:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:minmax(0,1fr)}.art-choice{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;border:3px solid var(--player);border-radius:18px;background:var(--bg-raised);color:var(--text);font:inherit}.art-choice:active{transform:scale(.97);filter:brightness(1.2)}.art-choice-art{flex:1;min-height:0;width:100%;display:grid;place-items:center}.art-choice-art svg{width:100%;height:100%;max-height:9rem}.art-choice-label{font-size:clamp(1.1rem,5vmin,1.5rem);font-weight:900}.system-menu-name{display:flex;gap:.5rem;justify-content:center}.system-menu-name input{flex:1;max-width:16rem;min-width:0;padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font:inherit;font-weight:700}.preview-svg,.preview-svg svg{width:100%;height:100%}.art-extras{display:flex;justify-content:center;gap:.5rem}.art-extras .pad-chip{padding:.5rem 1.2rem;font-size:1rem;color:var(--text)}.player-chip .wheel-hub{fill:var(--char, var(--player));stroke:var(--char-accent, transparent);stroke-width:3}.join-art{display:flex;justify-content:center;gap:.6rem;width:min(100%,26rem)}.join-art-item{flex:1;min-width:0}.join-art-item svg{width:100%;height:auto;filter:drop-shadow(0 .3rem .5rem rgba(0,0,0,.35))}.join-tagline{margin:-1rem 0 0;max-width:22rem;color:var(--text-dim);text-align:center;line-height:1.4}.howto{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#0b1020c7;backdrop-filter:blur(6px);font-size:clamp(14px,1.3vw,28px);cursor:pointer}.howto-card{width:min(44em,80vw);padding:2em 2.4em 1.6em;border-radius:calc(var(--radius) * 1.6);background:linear-gradient(160deg,color-mix(in srgb,var(--game) 30%,var(--bg-raised)),var(--bg-raised));border:2px solid color-mix(in srgb,var(--game) 60%,transparent);box-shadow:0 2em 4em #00000073;text-align:center;animation:howto-in .45s cubic-bezier(.2,1.3,.4,1) both}.howto-kicker{color:var(--game);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.howto-art svg{width:13em;height:9.75em;margin:.6em 0}.howto-card h2{margin:0;font-size:2.6em;font-weight:900}.howto-card p{margin:.5em auto 0;max-width:32em;color:var(--text);font-size:1.35em;line-height:1.4}.howto-dots{display:flex;justify-content:center;gap:.5em;margin-top:1.4em}.howto-dots span{width:2.4em;height:.35em;border-radius:999px;background:var(--line);overflow:hidden;position:relative}.howto-dots span.is-on:after{content:"";position:absolute;inset:0;background:var(--game);transform-origin:left;animation:howto-progress linear forwards;animation-duration:inherit}.phone-howto{justify-content:flex-start;overflow-y:auto;padding-top:1.2rem;text-align:center;gap:.6rem}.phone-howto-kicker{color:var(--game);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.phone-howto-art svg{width:9rem;height:6.75rem}.phone-howto h3{margin:0;font-size:1.5rem;font-weight:900}.phone-howto p{margin:0;line-height:1.4}.phone-howto-nav{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.4rem}.phone-howto-nav .menu-choice:disabled{opacity:.4}.phone-howto-close{align-self:center}.howto-dots.is-manual span.is-on:after{animation:none}.howto-dots span.is-done{background:color-mix(in srgb,var(--game) 45%,var(--line))}.howto-votes{margin-top:.9em;font-weight:700;font-size:1.05em}.howto-skip{margin-top:.9em;color:var(--text-dim);font-size:.85em}@keyframes howto-in{0%{opacity:0;transform:translateY(1em) scale(.96)}}@keyframes howto-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.blade-pad{position:relative;overflow:hidden}.blade-pad.is-touch{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--player) 22%,transparent) 0 18%,transparent 19%),color-mix(in srgb,var(--player) 12%,var(--bg-raised))}.blade-centered{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.3rem .9rem;border-radius:999px;background:var(--player);color:#0b1020;font-weight:800;animation:blade-centered 1.2s ease-out forwards}@keyframes blade-centered{0%,70%{opacity:1}to{opacity:0}}.tap-pad{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;border-radius:32px;border:4px solid var(--player);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--player) 40%,var(--bg-raised)),color-mix(in srgb,var(--player) 12%,var(--bg-raised)) 70%);box-shadow:0 10px color-mix(in srgb,var(--player) 45%,#000);touch-action:none;user-select:none;-webkit-user-select:none;text-align:center;transition:transform 60ms ease-out,box-shadow 60ms ease-out}.tap-pad.is-down{transform:translateY(8px) scale(.985);box-shadow:0 2px color-mix(in srgb,var(--player) 45%,#000);background:var(--player);color:#0b1020}.tap-pad-caption{font-size:clamp(2.4rem,16vmin,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.02em}.tap-pad.is-shake .tap-pad-caption{animation:tap-pad-jolt .16s ease-out}@keyframes tap-pad-jolt{0%{transform:scale(1.18) rotate(-4deg)}to{transform:scale(1) rotate(0)}}.tap-pad-hint{max-width:24rem;opacity:.8;font-size:.95rem}.host-lock{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-size:clamp(14px,1.2vw,24px)}.game-tile{min-height:0;overflow:hidden;padding:1em 1.1em}.game-tile-tagline{font-size:.85em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-hint{margin-top:.8em}.player-chip-avatar{display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--player) 22%,var(--bg-raised-2));box-shadow:inset 0 0 0 2px var(--player)}.player-chip-avatar img{width:135%;height:135%;object-fit:cover;object-position:50% 30%}.start-countdown{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;background:#0b10208c;pointer-events:none;font-size:clamp(14px,1.3vw,28px)}.start-countdown span{font-size:12em;font-weight:900;line-height:1;color:#ffc43d;text-shadow:0 .06em 0 #0b1020,0 0 .4em rgba(255,196,61,.5);animation:start-count 1s ease-out both}.start-countdown small{font-size:1.6em;font-weight:800;color:var(--text)}@keyframes start-count{0%{transform:scale(1.8);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.9}}.kl-course-settings{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.4em}.kl-course-models{flex:1;min-width:0;display:flex;justify-content:center;gap:1.2em}.kl-course-model{flex:0 1 13em;min-width:0;margin:0;display:grid;justify-items:center;gap:.3em}.kl-course-model .kl-course-3d{width:100%;aspect-ratio:16 / 9}.kl-course-model figcaption{font-weight:700;font-size:.9em}.kl-course-model figcaption span{display:inline-grid;place-items:center;width:1.4em;height:1.4em;margin-right:.4em;border-radius:50%;background:#ff4d5e;font-size:.8em}.select-card>.select-arrow:first-child{grid-column:1;grid-row:1}.select-card>.select-arrow:last-child{grid-column:3;grid-row:1}.select-card>.select-preview{grid-row:1}.select-card>.select-stats{grid-row:2}.pad.is-landscape .select-card>.select-arrow:last-child{grid-column:4}.pad.is-landscape .select-card>.select-stats{grid-row:1}.pad.is-landscape .select-card.no-stats{grid-template-columns:auto 1fr auto}.pad.is-landscape .select-card.no-stats>.select-arrow:last-child{grid-column:3}.select-tabs.is-sub{margin-top:-.2rem}.select-tabs.is-sub .select-tab{padding:.25rem .8rem;font-size:.85rem}.swing-pad-flash{padding:.35rem .9rem;border-radius:999px;background:var(--bg-raised-2);color:var(--text);font-weight:800;animation:swing-flash .35s ease-out}.swing-pad-flash.is-ok{background:var(--ok);color:#0b1020}.swing-pad.is-thrown{border-color:var(--ok)}@keyframes swing-flash{0%{transform:scale(1.3);opacity:0}}.menu-choice.is-colored{border-color:var(--choice);background:color-mix(in srgb,var(--choice) 70%,var(--bg-raised));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.menu-choice.is-colored.is-selected{background:var(--choice);box-shadow:0 0 0 4px #fff inset}.player-chip.is-empty{box-shadow:none}.wifi-hint{order:1;flex:none;align-self:center;display:flex;align-items:center;gap:.6rem;max-width:100%;padding:.45rem .6rem .45rem 1rem;border:0;border-radius:999px;background:var(--accent-2);color:#1a1300;font:inherit;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #00000059}.wifi-hint-close{font-size:1.1rem;line-height:1;opacity:.7}