@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.relative{position:relative}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-4{height:1rem}.h-52{height:13rem}.h-8{height:2rem}.w-20{width:5rem}.w-4{width:1rem}.w-8{width:2rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-teal-900{--tw-bg-opacity: 1;background-color:rgb(19 78 74 / var(--tw-bg-opacity, 1))}.bg-theme-secondary{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0\.5{padding-top:.125rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.drop-shadow-black{--tw-drop-shadow: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}:root{font-family:DM Sans,sans-serif;color:#f4f5f3;background:#091b1d;font-synthesis:none;--accent: #15e1df;--muted: #a9b9b9;--rail: 236px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}a{color:inherit}h1,h2,p{margin:0}button svg{flex-shrink:0}.skylo-app{width:100%;min-height:100dvh;position:relative;background:#091b1d}.in-game{height:100dvh;overflow:hidden}.wordmark{font-size:36px;font-weight:700;letter-spacing:1.4px;line-height:1}.brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:10px;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:600;transition:background .18s}.button-primary{background:#12d5d1;color:#062c2e}.button-primary:hover:not(:disabled){background:#63ece6}.button-secondary{background:#173f42;color:#f4f5f3;border-color:#446567}.text-button{display:inline-flex;gap:8px;align-items:center;background:none;border:0;color:#c0cecc;padding:8px;font-size:13px;min-height:44px}.text-button:hover{color:#fff}.muted{color:var(--muted);font-size:15px;line-height:1.65}.small{font-size:12px}.eyebrow{font-size:12px;color:#96d9d4;letter-spacing:1.4px;text-transform:uppercase;font-weight:600}.connection-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%}.connected{background:#20d6b7}.disconnected{background:#e9a86a}.connection-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin-top:26px}.connection-banner{position:absolute;left:var(--rail);right:0;top:0;z-index:50;background:#642c25;color:#fff4ed;padding:10px 16px;text-align:center;font-size:13px}.in-lobby .connection-banner{left:0}.inline-error{padding:12px;background:#512d29;border:1px solid #986755;color:#fff3e5;border-radius:8px;line-height:1.5;font-size:14px;margin-top:16px}.lobby{min-height:100dvh;max-width:1250px;margin:auto;padding:76px 64px 64px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:86px;position:relative}.lobby-intro .wordmark{margin-bottom:76px}.lobby-intro h1{font-size:clamp(36px,4vw,54px);line-height:1.13;letter-spacing:-1.7px;font-weight:600;margin:18px 0 22px}.lobby-description{font-size:17px;line-height:1.7;color:#afc3c0;max-width:395px}.lobby-panel{padding:36px;background:#102e30;border:1px solid #2b5051;border-radius:20px;box-shadow:0 24px 80px #020d0e35}.lobby-panel h2{font-size:27px;letter-spacing:-.8px;line-height:1.25;margin:12px 0 24px;font-weight:600}.lobby-panel .button{width:100%;margin-top:20px}.lobby-tabs{display:flex;gap:4px;background:#091f21;padding:4px;border-radius:10px;margin-bottom:24px}.lobby-tabs button{flex:1;background:transparent;border:0;padding:12px 8px;border-radius:7px;font-size:13px;font-weight:600;color:#a7bfbf}.lobby-tabs button[aria-pressed=true]{background:#275457;color:#fff}.lobby-panel label{font-size:13px;display:block;margin-bottom:8px}.lobby-panel input,.invite-popover input{width:100%;min-height:48px;border:1px solid #476969;background:#092729;border-radius:8px;color:#fff;padding:12px 14px;min-width:0}.lobby-panel input::-moz-placeholder{color:#73908f}.lobby-panel input::placeholder{color:#73908f}.room-code{font-size:25px;font-weight:600;letter-spacing:3px;background:#092527;border:1px dashed #406c6b;border-radius:9px;padding:14px;text-align:center;margin-bottom:18px;overflow-wrap:anywhere}.waiting-players{display:flex;align-items:center;gap:12px;color:#e1f0ed;margin-top:24px;font-size:14px}.waiting-avatars{display:flex;margin-top:18px}.waiting-avatars img{width:44px;height:44px;border-radius:50%;border:2px solid #214649;-o-object-fit:cover;object-fit:cover;margin-left:-6px}.waiting-avatars img:first-child{margin-left:0}.waiting-note{padding-top:22px;color:#b5ccca;font-size:14px;line-height:1.5}.lobby-leave{width:100%;justify-content:center;margin-top:12px}.lobby-credit{position:absolute;bottom:26px;left:64px;right:64px;font-size:11px;color:#7faaa7;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lobby-credit a{display:inline-flex;gap:3px;align-items:center;text-decoration:none;color:#b6ceca}.game-stage{position:absolute;left:var(--rail);right:0;top:0;bottom:0;overflow:hidden}.player-rail{position:absolute;left:0;top:0;bottom:0;width:var(--rail);background:#0b1719;border-right:1px solid #93c5c519;z-index:20;display:flex;flex-direction:column;padding:28px 28px 22px 32px}.rail-brand{margin-bottom:42px;display:flex;align-items:center;justify-content:space-between}.players-list{margin-left:-20px;padding-left:20px;overflow-y:auto;flex:1;min-height:0}.rail-player{display:flex;align-items:center;gap:16px;padding:25px 0;border-bottom:1px solid #9cb6b333;position:relative}.rail-player:first-child{padding-top:0}.rail-player:last-child{border-bottom:0}.avatar-wrap{position:relative;flex-shrink:0}.player-avatar{height:70px;width:70px;-o-object-fit:cover;object-fit:cover;border:2px solid #4b5c5d;border-radius:50%;display:block}.active .player-avatar{border:2px solid var(--accent);box-shadow:0 0 0 4px #15e1df13,0 0 18px #15e1df2e}.turn-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:-19px;top:30px}.player-name{font-size:18px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;max-width:95px}.active .player-name{color:var(--accent)}.player-score{font-size:16px;color:#d2dcdb;line-height:1.65;white-space:nowrap}.player-score span{color:#b2bcbd}.rail-meta{font-size:10px;color:#6f898a;display:flex;flex-direction:column;gap:8px;margin-top:22px;overflow-wrap:anywhere}.mobile-score-toggle{display:none}.game-toolbar{position:absolute;z-index:35;top:22px;right:26px;display:flex;gap:12px;align-items:center}.invite-button,.microphone-button{border:1px solid #657b7a60;color:#f4f8f6;background:#102426dd;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invite-button{border-color:#16d7d4;background:#003c40db;border-radius:28px;padding:10px 22px;font-size:15px;font-weight:500}.invite-button:hover{background:#09565bdd}.microphone-button{height:50px;width:50px;border-radius:50%}.microphone-button.enabled{background:#005b5cd9;color:var(--accent);border-color:var(--accent)}.invite-control,.voice-control{position:relative}.invite-popover,.voice-error{position:absolute;top:62px;right:0;background:#112f31;border:1px solid #416a68;box-shadow:0 18px 50px #0006;border-radius:14px;padding:22px;width:320px;color:#e5efeb}.invite-popover h2{font-size:18px;font-weight:600;margin-bottom:12px}.invite-popover p{font-size:13px;line-height:1.5;margin-bottom:18px;color:#bbd3d0}.invite-popover label{display:block;font-size:12px;color:#a4c1be;margin-bottom:6px}.invite-popover input{font-size:12px}.invite-popover .button{margin-top:14px;width:100%;font-size:13px}.voice-error{font-size:13px;line-height:1.55;width:280px}.voice-error .text-button{display:block;margin-top:8px}.turn-cue{position:absolute;top:28%;left:50%;transform:translate(-50%);width:min(400px,70%);display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none;text-shadow:0 2px 8px #001a1a;font-size:15px;line-height:1.5;padding:12px 8px;border-radius:12px;background:#053b3a25;z-index:8}.turn-cue strong{font-size:21px;font-weight:700}.turn-cue span{color:#ebf3eb}.game-bottom-bar{position:absolute;left:calc(var(--rail) + 24px);right:22px;bottom:18px;z-index:25;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.game-bottom-bar>*{pointer-events:auto}.round-actions{display:flex;align-items:center;gap:10px}.leave-button{background:#062c2a50;border-radius:8px;font-size:12px;text-shadow:0 1px 3px #000}.keyboard-actions{position:relative;font-size:12px;color:#cfe6df}.keyboard-actions summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:40px;padding:8px 12px;background:#062c2aba;border:1px solid #508b8145;border-radius:8px}.keyboard-actions summary::-webkit-details-marker{display:none}.keyboard-panel{position:absolute;bottom:50px;left:0;padding:18px;background:#0d3030ee;border:1px solid #3e6764;border-radius:12px;box-shadow:0 12px 40px #0006;width:300px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.keyboard-panel>p:first-child{font-size:14px;font-weight:600;margin-bottom:12px}.pile-actions{display:flex;gap:6px;margin-bottom:12px}.pile-actions button{flex:1;min-height:44px;background:#24534f;color:#fff;border:1px solid #4f867c;border-radius:6px;padding:6px;font-size:11px}.accessible-card-grid{display:grid;gap:6px}.accessible-card-grid button{min-height:44px;border:1px solid #689b8e;border-radius:6px;background:#1b504a;color:#fff;font-size:18px}.accessible-card-grid button:disabled{opacity:.45}.keyboard-panel .small{margin-top:10px}.toast{position:absolute;top:90px;left:calc(var(--rail) + 24px);z-index:45;max-width:min(450px,calc(100% - var(--rail) - 48px));color:#eef6ed;background:#123a36ee;border:1px solid #557d69;border-radius:12px;padding:14px 18px;box-shadow:0 12px 35px #0005;pointer-events:none;font-size:14px;line-height:1.5;white-space:pre-line}.in-lobby .toast{left:24px;max-width:calc(100% - 48px)}.error-toast{top:auto;bottom:82px;pointer-events:auto;background:#512e29f0;border-color:#98755b}.error-toast button{display:block}@media(max-width:900px){:root{--rail: 200px}.player-rail{padding:24px 22px}.wordmark{font-size:31px}.player-avatar{width:56px;height:56px}.rail-player{gap:12px}.player-name{font-size:15px}.player-score{font-size:12px}.turn-dot{left:-13px;top:24px}.lobby{padding:80px 36px 70px;gap:42px}.lobby-panel{padding:28px}.lobby-intro h1{font-size:39px}.lobby-intro .wordmark{margin-bottom:48px}.lobby-credit{left:36px;right:36px}.game-bottom-bar{left:calc(var(--rail) + 12px);right:12px}.round-actions{gap:3px}.leave-button{font-size:11px}}@media(max-width:640px){:root{--rail: 0px}.lobby{padding:34px 24px 88px;display:flex;flex-direction:column;gap:30px;align-items:stretch}.lobby-intro .wordmark{margin-bottom:34px}.lobby-intro h1{font-size:35px;margin:14px 0 16px}.lobby-description{font-size:15px;max-width:none}.lobby-panel{padding:26px 22px;border-radius:16px}.lobby-panel h2{font-size:24px;margin-bottom:22px}.lobby-credit{left:24px;right:24px;bottom:24px;text-align:center;line-height:1.6}.in-lobby .game-toolbar{top:16px;right:16px}.in-lobby:has(.game-toolbar) .lobby{padding-top:100px}.player-rail{width:100%;height:142px;bottom:auto;padding:16px 16px 12px;z-index:20;display:block;background:#0b1c1ef2;border-right:0;border-bottom:1px solid #6f969640}.rail-brand{margin-bottom:14px;justify-content:flex-start;gap:12px}.rail-brand .wordmark{font-size:22px;letter-spacing:1px}.mobile-score-toggle{display:flex;align-items:center;justify-content:center;height:26px;width:30px;min-height:0;color:#bdd8d3;background:none;border:1px solid #67858060;border-radius:6px}.players-list{margin-left:0;display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px 3px 8px}.rail-player,.rail-player:first-child{border:0;padding:0;gap:9px;flex-shrink:0}.player-avatar{height:43px;width:43px}.player-name{font-size:12px;line-height:1.5;max-width:none}.player-score{font-size:10px;line-height:1.45}.turn-dot{left:-5px;top:34px;width:7px;height:7px;border:1px solid #102e2f}.rail-meta{display:none}.player-rail.scores-expanded{height:auto;max-height:50dvh}.scores-expanded .players-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scores-expanded .mobile-score-toggle svg{transform:rotate(180deg)}.game-stage{top:142px;left:0}.game-toolbar{top:12px;right:12px;gap:8px}.invite-button{min-height:36px;padding:7px 12px;font-size:12px;gap:6px}.invite-button svg{width:16px;height:16px}.microphone-button{height:36px;width:36px;min-height:36px}.microphone-button svg{height:21px;width:21px}.invite-popover,.voice-error{top:46px;width:min(300px,calc(100vw - 28px));padding:18px}.invite-popover{right:-44px}.connection-banner{left:0;top:142px;font-size:11px;padding:8px;z-index:30}.turn-cue{top:12%;width:86%;font-size:12px;line-height:1.4;padding:6px}.turn-cue strong{font-size:17px}.game-bottom-bar{left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));gap:4px}.keyboard-actions summary{padding:7px 9px;font-size:10px;gap:3px;min-height:36px}.round-actions{flex-direction:column;align-items:end;gap:3px}.round-actions .button{font-size:11px;min-height:36px;padding:7px 11px;gap:6px}.leave-button{padding:4px 6px;min-height:36px;font-size:10px;gap:4px}.leave-button svg{width:14px}.keyboard-panel{width:min(300px,calc(100vw - 20px));padding:14px}.toast{top:155px;left:12px;max-width:calc(100% - 24px);font-size:12px;padding:12px}.error-toast{top:auto;bottom:82px}.in-lobby .connection-banner{top:0}.in-lobby .toast{top:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.scene-loading{position:absolute;top:78px;left:50%;transform:translate(-50%);z-index:12;padding:10px 18px;border-radius:10px;background:#0d3333e8;color:#e6f3ed;font-size:13px;text-align:center}@media(max-width:640px){.game-toolbar{top:8px}.invite-button,.microphone-button{min-height:44px}.microphone-button{width:44px;height:44px}.keyboard-actions summary,.leave-button{min-height:44px}.scene-loading{top:66px;max-width:85%}}.cue-arrow{color:var(--accent);margin-top:8px;flex-shrink:0}@media(max-width:640px){.cue-arrow{margin-top:5px;width:14px;height:14px}}select{font:inherit}select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lobby-room{align-items:start;padding-top:100px}.lobby-room .lobby-intro{position:sticky;top:100px}.lobby-field{margin-bottom:16px}.lobby-roles{border:0;margin:18px 0;padding:0}.lobby-roles legend{margin-bottom:10px;font-size:13px}.lobby-role-options{display:flex;flex-wrap:wrap;gap:18px}.lobby-role-options label{display:inline-flex;align-items:center;gap:8px;margin:0}.lobby-role-options input{width:auto;min-height:0;padding:0;accent-color:var(--accent)}.lobby-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0;color:#b5ccca;font-size:13px}.lobby-meta .button{width:auto;margin:0;padding:8px 12px;font-size:12px}.lobby-participants{list-style:none;margin:20px 0;padding:0}.lobby-player-row{padding:14px 0;border-bottom:1px solid #345756}.lobby-player-identity{display:flex;align-items:center;gap:12px}.lobby-player-avatar,.lobby-bot-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.lobby-bot-avatar{display:flex;align-items:center;justify-content:center;color:var(--accent);background:#173f42;border:1px solid #38645f}.lobby-player-name{font-weight:600;overflow-wrap:anywhere}.lobby-player-badge{display:block;font-size:11px;color:#a5c3bf;margin-top:2px}.lobby-bot-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lobby-bot-controls select,.camera-focus-field select{background:#092729;color:#edf8f4;border:1px solid #476969;border-radius:8px;min-height:44px;padding:8px;max-width:100%;min-width:0}.lobby-bot-controls .button{width:auto;margin:0;padding:8px 10px;font-size:12px}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.lobby-actions .button{margin:0;width:auto;flex:1}.lobby-seed{margin-top:20px}.lobby-seed .muted{font-size:12px;margin-top:8px}.lobby-spectators{margin-top:18px;overflow-wrap:anywhere;font-size:12px;color:#a5c3bf;line-height:1.6}.last-match-button{margin:-45px auto 16px;position:relative;z-index:1}.player-name{max-width:none;white-space:normal;overflow-wrap:anywhere;font-size:15px}.player-info{min-width:0}.rail-player{gap:12px}.rail-player-kind,.rail-player-closed{color:#99b4b1;font-size:10px;margin-top:3px;line-height:1.4}.rail-player-closed{color:#95ded4}.table-player-label{display:block;color:#e9f6f0;background:#073536dd;border:1px solid #426b6866;border-radius:5px;padding:3px 5px;font-size:10px;max-width:85px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.table-player-label.active{border-color:var(--accent);color:var(--accent)}.footer-controls{display:flex;gap:8px;align-items:end}.footer-popup{position:relative}.footer-popup-right>.keyboard-panel{left:auto;right:0}.keyboard-panel{max-height:min(600px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain}.footer-popup .keyboard-panel{width:min(360px,calc(100vw - var(--rail) - 48px))}.footer-popup summary{min-height:44px}.match-actions-panel{display:flex;flex-direction:column;gap:8px}.match-actions-panel .button{width:100%;font-size:12px;min-height:44px;padding:10px}.session-panel-meta{font-size:12px;color:#b4cfca;overflow-wrap:anywhere;line-height:1.6;margin-bottom:12px}.camera-focus-field{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:14px}.camera-focus-field select{flex:1}.accessible-card-static{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #476969;border-radius:6px;color:#e5f6ed;background:#153e3d}.bot-explanation{font-size:12px;line-height:1.6;color:#c9e1d9;margin-top:14px}.bot-explanation label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bot-explanation input{accent-color:var(--accent)}.playback-controls{display:flex;flex-direction:column;gap:12px}.playback-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}.playback-heading h2{font-size:16px;font-weight:600}.playback-status{font-size:11px;color:#b9dbd1}.tempo-slider{width:100%;accent-color:var(--accent);min-height:30px}.tempo-endpoints{display:flex;justify-content:space-between;font-size:11px;color:#a7c8be}.playback-actions{display:flex;flex-wrap:wrap;gap:8px}.playback-actions .button{font-size:11px;padding:8px 12px;min-height:44px;flex:1}.playback-help{font-size:11px;color:#a7c8be;line-height:1.6}@media(max-width:640px){.lobby-room{padding-top:100px}.lobby-room .lobby-intro{position:static}.lobby-room .lobby-intro h1{font-size:30px}.lobby-bot-controls select{flex:1}.lobby-actions .button{font-size:12px;padding:10px}.footer-controls{gap:5px}.footer-popup summary{font-size:10px;padding:8px}.footer-popup .keyboard-panel{position:fixed;left:10px;right:10px;bottom:max(64px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 220px)}.player-name{font-size:12px}.player-rail.scores-expanded .players-list{overflow-y:auto;max-height:calc(50dvh - 58px)}.table-player-label{font-size:8px;max-width:65px;padding:2px 3px}}.hover\:bg-theme-secondary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.sm\:w-28{width:7rem}}