/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--shimmer-angle:20deg}*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}.dark,:root{--background:#101116;--foreground:#f7f7fb;--card:#191a22;--card-foreground:#f7f7fb;--popover:#191a22;--popover-foreground:#f7f7fb;--primary:#c6f569;--primary-foreground:#171b10;--secondary:#242630;--secondary-foreground:#f7f7fb;--muted:#242630;--muted-foreground:#a5a6b5;--accent:#30323e;--accent-foreground:#fff;--destructive:#ff495f;--border:#31333e;--input:#31333e;--ring:#c6f569;--radius:1rem;--font-sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a,button,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #c6f569}h1,h2,p{margin:0}button,input{font:inherit}.game-app{background:radial-gradient(at 83% 30%,#21222955,#0000 50%);flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid #ffffff0e;justify-content:space-between;gap:20px;height:96px;padding:0 5%}.brand,.topbar{align-items:center;display:flex}.brand{letter-spacing:-1px;gap:10px;font-size:24px;font-weight:800}.brand-icon{color:#171b10;background:#c6f569;border-radius:11px;place-items:center;width:37px;height:40px;display:grid;transform:rotate(-6deg)}.brand-light{font-weight:400}.brand-dot{color:#c6f569}.top-right{gap:22px}.edition,.eyebrow,.top-right{align-items:center;display:flex}.edition,.eyebrow{letter-spacing:2px;gap:10px;font-size:13px;font-weight:700}.edition{color:#a5a6b5}.icon-button{color:#cacbd4!important;border:1px solid #363742!important;border-radius:12px!important;width:40px!important;height:40px!important}.room-badge{color:#aaaebb;letter-spacing:1px;font-size:12px}.room-badge b{color:#fff;letter-spacing:3px;margin-left:9px;font-size:17px}.connection{color:#ffc473;align-items:center;gap:7px;font-size:13px;display:flex}.connection.online{color:#a5a6b5}.connection.online svg{color:#c6f569}.welcome{flex:1;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px 75px;width:90%;max-width:1380px;margin:0 auto;padding:78px 0 30px;display:grid}.eyebrow{color:#c6f569}.tiny-grid{grid-template-columns:1fr 1fr;gap:3px;width:17px;display:grid}.tiny-grid i{background:#c6f569;border-radius:2px;width:7px;height:7px}.welcome h1{letter-spacing:-3px;margin:26px 0;font-size:clamp(40px,4.4vw,68px);line-height:1.08}.welcome h1>span{color:#989aad}.intro{color:#b5b6c5;font-size:19px;line-height:1.65}.welcome-actions{margin-top:32px}.primary-button{color:#171b10!important;white-space:normal!important;background:#c6f569!important;border-radius:13px!important;gap:14px!important;height:auto!important;min-height:58px!important;padding:16px 24px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 5px #8aa83f22!important}.primary-button:hover{transform:translateY(-1px);background:#d4ff81!important}.primary-button:disabled{transform:none;opacity:.4!important}.welcome-actions p{color:#8f91a3;margin-top:13px;font-size:13px}.code-form{max-width:400px;margin-top:32px}.code-form label{color:#b5b6c5;margin-bottom:10px;font-size:14px;display:block}.code-form>div{gap:10px;display:flex}.code-form input{letter-spacing:3px;background:#191a22;border:1px solid #363742;border-radius:10px;width:190px;min-width:0;height:48px;padding:12px 16px}.secondary-button{color:#fff!important;background:#292b36!important;border-radius:10px!important;height:48px!important;padding:12px 20px!important}.rule-stage{background:#1c1e27;border:1px solid #383a47;border-radius:26px;padding:30px;position:relative;transform:rotate(2deg);box-shadow:0 30px 65px #0003}.stage-meta{color:#989cad;letter-spacing:1.5px;justify-content:space-between;gap:10px;font-size:12px;display:flex}.example-word{letter-spacing:-3px;color:#ffe154;text-align:center;margin:55px 0 10px;font-size:clamp(45px,5vw,77px);font-weight:900;line-height:1.3}.rule-stage>p{text-align:center;color:#aeb1c4;font-size:16px}.rule-stage p strong{color:#fff}.sample-colors{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.sample-colors>div{color:#11121a;border-radius:12px;place-items:center;height:65px;display:grid}.rule-stage .sample-colors>div:first-child{outline-offset:5px;outline:2px solid #fff}.stage-rule{color:#aeb1c4;background:#12131b99;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:17px 8px;font-size:13px;display:flex}.stage-rule b{color:#fff}.stage-rule svg{color:#c6f569;flex-shrink:0}.example-tag{color:#201831;letter-spacing:1px;background:#b9a0ff;border-radius:5px;padding:6px 15px;font-size:12px;font-weight:800;position:absolute;bottom:-14px;right:30px;transform:rotate(-5deg)}.format-strip{color:#a5a6b5;border-top:1px solid #30313c;grid-column:1/-1;justify-content:space-between;gap:20px;padding:26px 0 5px;display:flex}.format-strip>span{align-items:center;gap:11px;font-size:14px;display:flex}.format-strip b{color:#fff;font-size:25px;font-weight:500}.format-strip svg{color:#b9a0ff}.site-footer{color:#828597;border-top:1px solid #ffffff0d;justify-content:space-between;gap:18px;width:90%;margin:36px auto 0;padding:22px 0;font-size:12px;display:flex}.site-footer>span:first-child{color:#a5a6b5;font-weight:700}.site-footer>span:last-child{align-items:center;gap:8px;display:flex}.error-box{color:#ffd6df;background:#48202a;border:1px solid #ac4b62;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;width:90%;margin:20px auto 0;padding:14px 20px;font-size:14px;display:flex}.error-box button{color:#fff;background:0 0;border:0;flex-shrink:0;text-decoration:underline}.loading-state{text-align:center;flex-direction:column;flex:1;align-items:center;gap:20px;padding:100px 20px;display:flex}.loading-state h1{font-size:26px}.loading-state a{color:#c6f569}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.lobby{flex:1;width:90%;max-width:1300px;margin:0 auto;padding:40px 0 0}.lobby-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby h1{letter-spacing:-1.6px;margin:10px 0;font-size:clamp(28px,3.5vw,44px)}.lobby-heading p{color:#a5a6b5;font-size:16px}.round-tag{color:#cfb9ff;letter-spacing:1px;white-space:nowrap;background:#292333;border:1px solid #49385e;border-radius:8px;align-items:center;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.lobby-grid{grid-template-columns:350px 1fr;gap:26px;margin-top:30px;display:grid}.qr-panel{text-align:center;background:#1b1d26;border:1px solid #363844;border-radius:22px;padding:25px}.qr-box{background:#fff;border-radius:15px;width:min(100%,260px);margin:0 auto;padding:2px}.qr-box img{border-radius:13px;width:100%;height:auto;display:block}.qr-panel>p{color:#b0b3c2;margin:15px 0;font-size:14px}.code-display{border-top:1px solid #343642;flex-direction:column;gap:2px;padding-top:15px;display:flex}.code-display>span{color:#9498ac;letter-spacing:2px;font-size:12px}.code-display strong{letter-spacing:8px;padding-left:8px;font-size:34px;font-weight:700}.copy-button{color:#c6f569!important;margin-top:8px!important;font-size:13px!important}.participant-panel{background:#181a22;border:1px solid #2e303c;border-radius:22px;flex-direction:column;padding:26px;display:flex}.participant-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.participant-heading>div{color:#c5c7d5;align-items:center;gap:10px;display:flex}.live-label{color:#c6f569;letter-spacing:1.5px;background:#c6f56915;border-radius:6px;padding:5px 10px;font-size:12px}.participant-count{align-items:baseline;gap:15px;margin:10px 0 20px;display:flex}.participant-count b{letter-spacing:-5px;font-size:80px;font-weight:600;line-height:1.2}.participant-count>span{color:#a5a6b5}.participant-list{flex-wrap:wrap;flex:1;align-content:flex-start;gap:9px;min-height:100px;max-height:220px;display:flex;overflow-y:auto}.player-chip{overflow-wrap:anywhere;background:#262834;border:1px solid #353746;border-radius:30px;align-items:center;gap:8px;max-width:100%;padding:5px 13px 5px 5px;font-size:14px;display:flex}.player-chip i{color:#15171f;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:800;display:grid}.more-players{color:#c6f569;padding:10px;font-size:14px}.empty-players{color:#83889b;align-items:center;gap:15px;width:100%;padding:20px 0;display:flex}.host-actions{flex-direction:column;gap:16px;padding-top:25px;display:flex}.host-actions a{color:#9fa3b6;gap:6px;font-size:13px}.host-actions a,.waiting-text{justify-content:center;align-items:center;display:flex}.waiting-text{color:#aca3c4;gap:10px;margin-top:25px;font-size:14px}.rules-footer{grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:30px;display:grid}.rules-footer>div{align-items:center;gap:16px;display:flex}.rules-footer>div>span{color:#6d7184;letter-spacing:-1px;font-size:25px}.rules-footer p{color:#8e93a8;font-size:14px}.rules-footer b{color:#d9dce8;font-weight:500}.join-view{flex:1;width:88%;max-width:420px;margin:50px auto}.large-symbol{color:#c6f569;background:#c6f56918;border-radius:21px;place-items:center;width:70px;height:70px;margin-bottom:30px;display:grid}.join-view h1{letter-spacing:-1.4px;margin:12px 0;font-size:34px}.join-view>p{color:#a5a6b5;font-size:16px}.join-view form{margin:30px 0 20px}.join-view label{margin-bottom:10px;font-size:14px;display:block}.join-view input{background:#20222d;border:1px solid #3f4252;border-radius:12px;width:100%;height:56px;padding:12px 16px;font-size:17px}.field-note{color:#9096aa;margin:9px 0 25px;font-size:12px}.join-view .primary-button{width:100%}.join-count{color:#c6f569;gap:9px;margin:20px 0}.join-count,.subtle-link{justify-content:center;align-items:center;font-size:14px;display:flex}.subtle-link{color:#a8adbf;text-underline-offset:4px;gap:8px;text-decoration:underline}.player-ready{text-align:center;background:#1b1e28;border:1px solid #383b49;border-radius:20px;padding:26px 20px}.ready-check{color:#c6f569;background:#c6f56915;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 22px;display:grid}.player-ready h2{letter-spacing:-.5px;font-size:22px}.player-ready p{color:#a5a6b5;margin-top:12px;font-size:14px}.play-view{flex-direction:column;flex:1;width:90%;max-width:1400px;margin:30px auto;display:flex}.play-top{color:#a5a6b5;justify-content:space-between;align-items:center;gap:15px;font-size:14px;display:flex}.round-track{gap:8px;margin-top:20px;display:flex}.round-track i{background:#2b2e3b;border-radius:4px;flex:1;height:4px}.round-track i.complete{background:#7c9457}.round-track i.current{background:#c6f569}.word-arena{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:440px;padding:45px 0;display:flex}.word-arena>p{color:#9da4b8;letter-spacing:2px;font-size:14px}.word-arena>span{color:#a5a6b5;font-size:18px}.target-word{letter-spacing:-.06em;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:clamp(65px,14vw,210px);font-weight:900;line-height:1.25}.reveal-word{align-items:center;gap:25px;font-size:clamp(60px,11vw,150px);display:flex}.countdown{color:#c6f569;letter-spacing:-10px;font-size:clamp(130px,20vw,240px);font-weight:800;line-height:1.15}.time-track{background:#282b38;height:8px;overflow:hidden}.time-track,.time-track i{border-radius:20px;width:100%}.time-track i{transform-origin:0;background:#c6f569;height:100%;transition:transform 50ms linear;display:block}.play-hint{text-align:center;color:#9097ae;margin-top:18px;font-size:13px}.phone-play{max-width:520px}.phone-prompt{text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:145px;margin:15px 0;display:flex}.phone-prompt b{font-size:22px;line-height:1.3}.phone-prompt span{color:#a5a6b5;font-size:14px}.phone-prompt b.phone-countdown{color:#c6f569;font-size:65px;line-height:1}.color-buttons{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px;display:grid}.color-buttons button{aspect-ratio:1.25;color:#12131b;border:3px solid #fff1;border-radius:22px;place-items:center;min-height:100px;display:grid;box-shadow:inset 0 -6px #0002}.color-buttons button:not(:disabled):active{transform:scale(.96)}.color-buttons button.chosen{outline-offset:4px;outline:3px solid #fff}.color-buttons button.unchosen{opacity:.3}.color-buttons button:disabled:not(.chosen):not(.unchosen){filter:saturate(.68);opacity:.8}.correct-text{color:#42df9b}.wrong-text{color:#ff7c8e}.answer-label,.sending{text-align:center;color:#a5a6b5;margin:12px 0 22px;font-size:15px}.results-view{text-align:center;flex:1;width:90%;max-width:1050px;margin:45px auto 20px}.results-view>.eyebrow{justify-content:center}.results-view>h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(32px,4vw,54px)}.results-view>p{color:#a5a6b5}.podium{justify-content:center;align-items:flex-end;gap:14px;max-width:850px;margin:35px auto 30px;display:flex}.podium-place{flex:1;min-width:0}.podium-avatar{background:#313541;border:1px solid #545968;border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto 13px;font-size:16px;font-weight:700;display:grid}.podium-place h2{overflow-wrap:anywhere;font-size:18px}.podium-place>span:not(.podium-avatar){color:#a5a6b5;font-size:13px}.podium-block{background:linear-gradient(#292e3d,#191c25);border:1px solid #3d4353;border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:110px;margin-top:16px;display:flex}.podium-block b{color:#d3d9eb;font-size:44px;font-weight:600}.podium-block>span{color:#a5a6b5;font-size:13px}.place-1 .podium-avatar{color:#1f2a11;background:#c6f569;border-color:#e3ffa8}.place-1 .podium-block{background:linear-gradient(#344328,#1a221c);border-color:#6b8043;height:156px}.place-1 .podium-block b{color:#c6f569}.place-3 .podium-block{background:linear-gradient(#382c28,#211b1c);border-color:#5d4439;height:85px}.leaderboard{text-align:left;background:#191c25;border:1px solid #303644;border-radius:18px;overflow:hidden}.leaderboard-title{border-bottom:1px solid #343846;justify-content:space-between;align-items:center;gap:15px;padding:21px 25px;display:flex}.leaderboard-title h2{align-items:center;gap:12px;font-size:17px;display:flex}.leaderboard-title>span{color:#969fb5;font-size:12px}.leader-row{border-bottom:1px solid #30344080;grid-template-columns:35px minmax(0,1fr) 65px 85px 105px;align-items:center;gap:14px;padding:15px 25px;font-size:14px;display:grid}.leader-row:last-child{border-bottom:0}.rank-number{color:#929bb1;font-size:16px}.leader-row strong{overflow-wrap:anywhere;font-weight:500}.leader-row small{color:#8e99b1;font-size:12px}.leader-row>b,.leader-row>span:nth-last-child(-n+2){text-align:right}.leader-row>b{color:#c6f569;font-weight:600}.leader-row.my-row,.my-standing{background:#c6f56912}.my-standing{text-align:left;border:1px solid #667d3c;border-radius:16px;align-items:center;gap:20px;max-width:680px;margin:30px auto;padding:20px;display:flex}.my-standing>b{color:#c6f569;font-size:36px}.my-standing>div{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.my-standing small,.my-standing span{color:#a5a6b5;font-size:13px}.results-view p.result-note{color:#929ab0;max-width:650px;margin:20px auto 25px;font-size:12px}.phone-app .topbar{height:78px;padding:0 6%}.phone-app .brand{font-size:20px}.phone-app .brand-icon{width:31px;height:34px}.phone-app .top-right{gap:12px}.phone-app .connection span{display:none}.phone-app .room-badge{font-size:0}.phone-app .room-badge b{letter-spacing:2px;margin:0;font-size:14px}.phone-app .lobby{max-width:520px;padding-top:25px}.phone-app .lobby-grid{grid-template-columns:1fr}.phone-app .lobby-heading{display:block}.phone-app .lobby-heading .round-tag{margin-top:15px}.phone-app .lobby-heading h1{font-size:30px}.phone-app .rules-footer{grid-template-columns:1fr;gap:16px}.phone-app .participant-count b{font-size:50px}.phone-app .participant-list{max-height:135px}.phone-app .site-footer>span:not(:first-child){display:none}.phone-app .participant-panel{padding:20px}.phone-app .site-footer{margin-top:20px}.phone-app .phone-play{margin:20px auto 10px}@media (min-width:1700px){.welcome{gap:90px;padding-top:110px;padding-bottom:60px}.rule-stage{padding:45px}.lobby-grid{grid-template-columns:420px 1fr}.qr-box{width:310px}.lobby h1{font-size:50px}}@media (max-width:900px){.welcome{grid-template-columns:1fr 1fr;gap:45px;padding-top:50px}.welcome h1{letter-spacing:-2px;font-size:43px}.rule-stage{padding:22px}.example-word{font-size:45px}.sample-colors{gap:9px}.sample-colors>div{height:55px}.stage-rule{font-size:12px}.format-strip{flex-wrap:wrap;justify-content:flex-start;gap:20px 35px}.lobby-grid{grid-template-columns:300px 1fr}.lobby-heading .round-tag{display:none}.rules-footer{gap:10px}.rules-footer p{font-size:13px}}@media (max-width:680px){.topbar{height:78px;padding:0 6%}.brand{font-size:21px}.top-right{gap:10px}.connection span,.edition{display:none}.room-badge{font-size:0}.room-badge b{letter-spacing:2px;font-size:14px}.welcome{flex-direction:column;align-items:stretch;gap:38px;width:88%;padding:38px 0 5px;display:flex}.welcome h1{letter-spacing:-2.3px;margin:22px 0;font-size:46px}.eyebrow{letter-spacing:1.5px;font-size:12px}.intro{font-size:17px}.welcome-actions .primary-button{width:100%}.welcome-actions p{text-align:center;font-size:12px}.code-form{max-width:none}.code-form input{flex:1;width:100px}.rule-stage{margin:5px 3px 10px;padding:25px;transform:rotate(1.5deg)}.example-word{margin-top:38px;font-size:58px}.format-strip{grid-template-columns:1fr 1fr;gap:18px;margin-top:0;padding:22px 0;display:grid}.format-strip>span{gap:8px;font-size:12px}.format-strip b{font-size:22px}.site-footer{flex-wrap:wrap;margin-top:25px;font-size:12px}.site-footer>span:nth-child(2){display:none}.lobby{width:88%;padding-top:28px}.lobby h1{letter-spacing:-1.3px;font-size:31px}.lobby-heading p{font-size:15px}.lobby-grid{grid-template-columns:1fr;gap:18px;margin-top:25px}.participant-panel,.qr-panel{padding:22px}.participant-count b{font-size:65px}.rules-footer{grid-template-columns:1fr;gap:16px}.rules-footer p{font-size:14px}.word-arena{gap:25px;min-height:350px;padding:40px 0}.word-arena>p{letter-spacing:1px;font-size:12px}.word-arena>span{font-size:15px}.target-word{letter-spacing:-.06em;font-size:17vw}.reveal-word{gap:10px;font-size:14vw}.reveal-word svg{width:35px}.play-top,.round-tag{font-size:12px}.round-tag{padding:8px 10px}.results-view{margin-top:30px}.results-view>h1{letter-spacing:-1.5px;font-size:34px}.results-view>p{font-size:14px}.podium{gap:8px;margin-top:30px}.podium-place h2{font-size:13px}.podium-place>span:not(.podium-avatar){font-size:12px}.podium-avatar{width:43px;height:43px;font-size:14px}.podium-block{border-radius:9px 9px 0 0;height:100px}.place-1 .podium-block{height:133px}.place-3 .podium-block{height:80px}.podium-block b{font-size:33px}.podium-block>span{font-size:12px}.leaderboard-title{padding:17px 14px}.leader-row,.leaderboard-title>span{font-size:12px}.leader-row{grid-template-columns:23px minmax(0,1fr) 38px 57px;gap:9px;padding:14px 12px}.leader-row>b{display:none}.leader-row small{font-size:12px}.rank-number{font-size:13px}.my-standing{gap:12px;padding:15px}.my-standing>b{font-size:30px}.my-standing>strong{font-size:14px}.my-standing span{font-size:12px}.my-standing>div>strong{font-size:14px}.join-view{margin-top:35px}.phone-prompt{min-height:125px}.color-buttons{gap:12px}.color-buttons button{border-radius:18px}.phone-app .welcome .rule-stage{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.time-track [data-slot=progress-indicator]{background:#c6f569;transition:transform 50ms linear}.join-view .code-form input{height:48px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}