@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);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,)}}:root{--background:#070912;--surface:#0f1422;--surface-elevated:#171d2d;--surface-soft:#101827;--text:#f8f9fd;--text-muted:#9da9bd;--border:#293249;--primary:#8b5cf6;--primary-strong:#b29cff;--accent:#38bdf8;--accent-strong:#67e8f9;--danger:#fb7185;--warning:#fbbf24;--success:#34d399;--focus:#c4b5fd;--border-color:var(--border);--surface-color:var(--surface);--glass:#0f1422c7;--glass-strong:#131929eb;--shadow-soft:0 18px 55px #00000047;--shadow-strong:0 28px 90px #00000061;--font-latin:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-persian:Tahoma, "Noto Sans Arabic", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--background);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}html[lang=fa]{font-family:var(--font-persian)}html[lang=en],html[lang=de]{font-family:var(--font-latin)}body{background:radial-gradient(circle at 12% -8%, #8b5cf621, transparent 32rem), radial-gradient(circle at 92% 16%, #38bdf814, transparent 30rem), var(--background);min-height:100svh;color:var(--text);text-rendering:optimizelegibility;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--primary) 65%, transparent)}}::selection{color:var(--text)}.page-shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.page-shell:before{z-index:-3;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.page-shell:before{background-image:linear-gradient(color-mix(in srgb, var(--border) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 13%, transparent) 1px, transparent 1px)}}.page-shell:before{content:"";background-size:64px 64px;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.skip-link{z-index:50;background:var(--text);color:var(--background);border-radius:.75rem;padding:.75rem 1rem;font-weight:700;transition:transform .16s;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.ambient{z-index:-2;filter:blur(4px);pointer-events:none;border-radius:999px;position:absolute}.ambient--primary{aspect-ratio:1;background:radial-gradient(circle, var(--primary), transparent 68%);width:min(42rem,110vw);inset-block-start:-18rem;inset-inline-end:-12rem}@supports (color:color-mix(in lab, red, red)){.ambient--primary{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 24%, transparent), transparent 68%)}}.ambient--secondary{aspect-ratio:1;background:radial-gradient(circle, var(--success), transparent 68%);width:min(46rem,130vw);inset-block-end:-24rem;inset-inline-start:-20rem}@supports (color:color-mix(in lab, red, red)){.ambient--secondary{background:radial-gradient(circle, color-mix(in srgb, var(--success) 9%, transparent), transparent 68%)}}.site-header{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,76rem);min-height:5.75rem;margin-inline:auto;display:flex}.brand{min-height:2.75rem;color:var(--text);letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:1px solid var(--primary);place-items:center;width:2.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-mark{border:1px solid color-mix(in srgb, var(--primary) 60%, var(--border))}}.brand-mark{background:var(--primary);border-radius:.7rem}@supports (color:color-mix(in lab, red, red)){.brand-mark{background:color-mix(in srgb, var(--primary) 14%, var(--surface))}}.brand-mark{box-shadow:0 0 24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.brand-mark{box-shadow:0 0 24px color-mix(in srgb, var(--primary) 18%, transparent)}}.brand-mark{transform:rotate(8deg)}.brand-mark span{aspect-ratio:1;border:2px solid var(--primary-strong);width:.75rem;box-shadow:inset 0 -3px 0 var(--primary);border-radius:50% 50% 45% 45%}@supports (color:color-mix(in lab, red, red)){.brand-mark span{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--primary) 40%, transparent)}}.language-switcher{border:1px solid var(--border);align-items:center;gap:.2rem;min-height:2.9rem;padding:.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.language-switcher{border:1px solid color-mix(in srgb, var(--border) 82%, transparent)}}.language-switcher{background:var(--surface);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.language-switcher{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.language-switcher{box-shadow:0 10px 36px #0000002e}.language-option{min-width:3.5rem;min-height:2.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;padding-inline:.7rem;font-size:.78rem;font-weight:700;transition:background-color .16s,color .16s,transform .16s}.language-option:hover:not(:disabled){color:var(--text)}.language-option[aria-pressed=true]{background:var(--surface-elevated);color:var(--text);box-shadow:inset 0 1px #ffffff12,0 6px 14px #00000029}.language-option:active:not(:disabled){transform:translateY(1px)}.language-option:disabled{cursor:wait;opacity:.68}.hero{align-items:center;gap:clamp(3rem,7vw,7rem);width:min(100% - 2rem,76rem);min-height:calc(100svh - 7rem);margin-inline:auto;padding-block:3rem 5rem;display:grid}.hero-copy{z-index:1;text-align:start;max-width:43rem}.eyebrow{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.76rem;font-weight:800;display:inline-flex}html[lang=fa] .eyebrow{letter-spacing:0;text-transform:none}.eyebrow-dot{aspect-ratio:1;background:var(--success);width:.5rem;box-shadow:0 0 0 5px var(--success), 0 0 18px var(--success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.eyebrow-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--success) 11%, transparent), 0 0 18px color-mix(in srgb, var(--success) 40%, transparent)}}.hero h1{letter-spacing:-.075em;max-width:10ch;margin:0;font-size:clamp(4.5rem,18vw,9.5rem);font-weight:900;line-height:.85}html[lang=fa] .hero h1{letter-spacing:-.045em;line-height:1}.hero-description{max-width:38rem;color:var(--text-muted);margin:1.75rem 0 0;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.action-button{cursor:pointer;border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;min-width:9.5rem;min-height:3.35rem;padding:.85rem 1.4rem;font-weight:800;text-decoration:none;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.action-button--primary{background:var(--primary);color:#fff;box-shadow:0 12px 32px var(--primary), 0 1px 0 #fff3 inset}@supports (color:color-mix(in lab, red, red)){.action-button--primary{box-shadow:0 12px 32px color-mix(in srgb, var(--primary) 25%, transparent), 0 1px 0 #fff3 inset}}.action-button--primary:hover:not(:disabled){background:var(--primary-strong);box-shadow:0 16px 40px var(--primary), 0 1px 0 #ffffff3d inset}@supports (color:color-mix(in lab, red, red)){.action-button--primary:hover:not(:disabled){box-shadow:0 16px 40px color-mix(in srgb, var(--primary) 32%, transparent), 0 1px 0 #ffffff3d inset}}.action-button--secondary{border-color:var(--border);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.action-button--secondary{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.action-button:disabled{cursor:not-allowed;opacity:.72}.round-label{color:var(--text-muted);margin:1.25rem 0 0}@supports (color:color-mix(in lab, red, red)){.round-label{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}}.round-label{font-size:.84rem;font-weight:650}.room-shell{overflow:clip}.room-page{width:min(100% - 2rem,72rem);min-height:calc(100svh - 5.75rem);margin-inline:auto;padding-block:clamp(2.5rem,6vw,5rem) 6rem}.room-page-grid{align-items:start;gap:clamp(2.5rem,7vw,6rem);display:grid}.room-intro{text-align:start;max-width:38rem}.room-intro h1,.lobby-hero h1,.lobby-status-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,10vw,5.5rem);line-height:.98}html[lang=fa] .room-intro h1,html[lang=fa] .lobby-hero h1,html[lang=fa] .lobby-status-card h1{letter-spacing:-.025em;line-height:1.15}.room-intro>p:not(.eyebrow),.lobby-hero>div>p:not(.eyebrow,.room-code-display),.lobby-status-card>p{color:var(--text-muted);margin:1.35rem 0 0;font-size:clamp(1rem,2.2vw,1.17rem);line-height:1.8}.feature-list{color:var(--text-muted);gap:.8rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.feature-list li{padding-inline-start:1.8rem;line-height:1.6;position:relative}.feature-list li:before{aspect-ratio:1;border:1px solid var(--primary);width:.55rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}@supports (color:color-mix(in lab, red, red)){.feature-list li:before{border:1px solid color-mix(in srgb, var(--primary) 65%, var(--border))}}.feature-list li:before{background:var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.feature-list li:before{background:color-mix(in srgb, var(--primary) 22%, transparent)}}.feature-list li:before{box-shadow:0 0 14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.feature-list li:before{box-shadow:0 0 14px color-mix(in srgb, var(--primary) 30%, transparent)}}.feature-list li:before{content:""}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card{border:1px solid color-mix(in srgb, var(--border) 86%, transparent)}}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card{background:var(--surface);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card{box-shadow:0 28px 80px #0000003d,inset 0 1px #ffffff0d}.form-panel{width:100%;padding:clamp(1.2rem,4vw,2rem)}.room-form{gap:1.4rem;display:grid}.field-group{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.field-group label,.field-group legend{color:var(--text);padding:0;font-size:.9rem;font-weight:800}.field-group input:not([type=radio]),.field-group select{border:1px solid var(--border);background:var(--background);width:100%;min-height:3.25rem;color:var(--text);font:inherit;border-radius:.85rem;outline:0;padding:.8rem .95rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.field-group input::placeholder{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.field-group input::placeholder{color:color-mix(in srgb, var(--text-muted) 70%, transparent)}}.field-group input:not([type=radio]):hover,.field-group select:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.field-group input:not([type=radio]):hover,.field-group select:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}}.field-group input:not([type=radio]):focus,.field-group select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.field-group input:not([type=radio]):focus,.field-group select:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent)}}.field-group input[aria-invalid=true]{border-color:var(--danger)}.field-group select{cursor:pointer}.code-input,.room-code-display,.room-code-small{font-family:var(--font-latin);font-variant-numeric:tabular-nums;letter-spacing:.12em}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.choice-card{cursor:pointer;display:block;position:relative}.choice-card input{opacity:0;width:1px;height:1px;position:absolute}.choice-card>span{border:1px solid var(--border);background:var(--background);border-radius:1rem;align-content:start;gap:.45rem;min-height:7.2rem;padding:1rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.choice-card small{color:var(--text-muted);font-size:.78rem;font-weight:500;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--background));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}}.choice-card input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.form-grid{gap:1rem;display:grid}.field-hint,.field-error,.form-error{margin:0;font-size:.8rem;line-height:1.5}.field-hint{color:var(--text-muted)}.field-error{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.field-error{color:color-mix(in srgb, var(--danger) 88%, white)}}.form-error{border:1px solid var(--danger);padding:.85rem 1rem}@supports (color:color-mix(in lab, red, red)){.form-error{border:1px solid color-mix(in srgb, var(--danger) 42%, var(--border))}}.form-error{background:var(--danger);border-radius:.8rem}@supports (color:color-mix(in lab, red, red)){.form-error{background:color-mix(in srgb, var(--danger) 9%, transparent)}}.form-error{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.form-error{color:color-mix(in srgb, var(--danger) 78%, white)}}.form-submit{width:100%}.join-intro{margin-block-end:2.5rem}.join-layout{align-items:start;gap:1.5rem;display:grid}.preview-strip{flex-wrap:wrap;gap:.45rem;display:flex}.preview-strip span,.host-badge,.count-badge{border:1px solid var(--border);background:var(--surface-elevated);min-height:2rem;color:var(--text-muted);border-radius:999px;align-items:center;padding-inline:.7rem;font-size:.75rem;font-weight:750;display:inline-flex}.public-rooms-panel{min-width:0;padding:clamp(1.2rem,4vw,2rem)}.section-heading{gap:.75rem;margin-block-end:1.25rem;display:grid}.section-heading .eyebrow{margin-block-end:.6rem}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,5vw,2rem)}.section-heading>p,.empty-state{color:var(--text-muted);margin:0;line-height:1.65}.public-room-list{gap:.65rem;display:grid}.public-room-card{border:1px solid var(--border);background:var(--background);width:100%;min-height:4.75rem;color:var(--text-muted);cursor:pointer;text-align:start;border-radius:.95rem;grid-template-columns:minmax(5.5rem,auto) 1fr;align-items:center;gap:.35rem 1rem;padding:.9rem 1rem;transition:border-color .16s,background-color .16s,transform .16s;display:grid}@supports (color:color-mix(in lab, red, red)){.public-room-card:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--background))}}.public-room-card:hover{transform:translateY(-1px)}.public-room-card strong{color:var(--primary-strong);font-size:.78rem}.room-code-small{color:var(--text);grid-row:span 2;font-size:1.05rem;font-weight:900}.lobby-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,38rem);min-height:24rem;margin-inline:auto;padding:2rem;display:flex}.lobby-status-card h1{font-size:clamp(2rem,8vw,3.5rem)}.invite-grid .room-code-display{margin-block-end:1.25rem}.room-code-display{color:var(--primary-strong);margin:0 0 .9rem;font-size:clamp(2.2rem,11vw,4.75rem);font-weight:900;line-height:1}.lobby-layout{gap:1rem;display:grid}.lobby-hero{padding:clamp(1.4rem,5vw,2.5rem)}.lobby-hero h1{max-width:16ch;font-size:clamp(2.2rem,8vw,4.4rem)}.lobby-actions{flex-wrap:wrap;gap:.65rem;margin-block-start:1.75rem;display:flex}.connection-status{border:1px solid var(--border);background:var(--background);border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.45rem .7rem;font-weight:750;display:inline-flex;color:var(--text-muted)!important;margin-block-start:1.1rem!important;font-size:.76rem!important;line-height:1.2!important}.status-dot,.presence-dot{aspect-ratio:1;background:currentColor;border-radius:50%;flex:none;width:.48rem}.connection-status--connected{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.connection-status--connected{border-color:color-mix(in srgb, var(--success) 38%, var(--border))}}.connection-status--connected{color:var(--success)!important}.connection-status--connecting,.connection-status--reconnecting{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.connection-status--connecting,.connection-status--reconnecting{border-color:color-mix(in srgb, var(--warning) 38%, var(--border))}}.connection-status--connecting,.connection-status--reconnecting{color:var(--warning)!important}@supports (color:color-mix(in lab, red, red)){.danger-action{border-color:color-mix(in srgb, var(--danger) 32%, var(--border));color:color-mix(in srgb, var(--danger) 72%, white)}}.lobby-panel{min-width:0;padding:clamp(1.2rem,4vw,1.75rem)}.compact-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.room-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0;display:grid}.room-facts div{border:1px solid var(--border);background:var(--background);border-radius:.9rem;min-width:0;padding:.9rem}.room-facts dt{color:var(--text-muted);font-size:.72rem;font-weight:700}.room-facts dd{color:var(--text);margin:.3rem 0 0;font-weight:800}.player-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.player-row{border:1px solid var(--border);background:var(--background);border-radius:.9rem;align-items:center;gap:.8rem;min-height:4rem;padding:.7rem;display:flex}.player-avatar{aspect-ratio:1;background:var(--primary);border-radius:.75rem;flex:none;place-items:center;width:2.5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.player-avatar{background:color-mix(in srgb, var(--primary) 16%, var(--surface-elevated))}}.player-avatar{color:var(--primary-strong);font-weight:900}.player-name{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:baseline;gap:.4rem;min-width:0;font-weight:750;display:flex}.player-name small{color:var(--text-muted);font-size:.68rem}.host-badge{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.host-badge{border-color:color-mix(in srgb, var(--warning) 35%, var(--border))}}.host-badge{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.host-badge{background:color-mix(in srgb, var(--warning) 8%, var(--surface-elevated));color:color-mix(in srgb, var(--warning) 80%, white)}}.presence-badge{border:1px solid var(--border);min-height:1.8rem;color:var(--text-muted);border-radius:999px;align-items:center;gap:.38rem;padding-inline:.58rem;font-size:.7rem;font-weight:750;display:inline-flex}.presence-badge--online{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.presence-badge--online{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}}.presence-badge--online{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.presence-badge--online{background:color-mix(in srgb, var(--success) 7%, var(--surface-elevated))}}.presence-badge--online{color:var(--success)}.start-game-panel{border:1px solid var(--primary);align-items:end;gap:1rem;margin-block-start:1.5rem;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.start-game-panel{border:1px solid color-mix(in srgb, var(--primary) 34%, var(--border))}}.start-game-panel{background:var(--primary);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.start-game-panel{background:color-mix(in srgb, var(--primary) 7%, var(--background))}}.start-game-panel .eyebrow{margin-block-end:.45rem}.start-game-panel h2,.game-status-card h1,.role-reveal-heading h1,.ready-waiting-heading h1,.turn-order-heading h1{letter-spacing:-.035em;margin:0}.start-game-panel p:not(.eyebrow),.start-game-panel small{color:var(--text-muted);margin:.45rem 0 0;line-height:1.55;display:block}.start-game-panel small{color:var(--primary-strong);font-size:.76rem;font-weight:800}.game-experience{align-content:center;gap:1rem;width:min(100%,44rem);min-height:calc(100svh - 9rem);margin-inline:auto;display:grid}.game-experience>.connection-status{justify-self:center}.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell{border:1px solid color-mix(in srgb, var(--border) 86%, transparent)}}.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell{background:var(--surface);border-radius:1.5rem;box-shadow:0 28px 80px #0000003d}.game-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:28rem;padding:clamp(1.5rem,6vw,3rem);display:flex}.game-status-card h1{font-size:clamp(2rem,8vw,3.8rem)}.game-status-card>p:not(.eyebrow){max-width:34rem;color:var(--text-muted);margin:1rem 0 0;line-height:1.75}.role-reveal-shell{gap:1.5rem;padding:clamp(1rem,4vw,2rem);display:grid}.role-reveal-heading{text-align:center}.role-reveal-heading h1{font-size:clamp(2rem,8vw,3.5rem)}.role-reveal-heading>p:not(.eyebrow){color:var(--text-muted);margin:.8rem auto 0;line-height:1.65}.role-card{border:1px solid var(--primary);width:100%;min-height:min(58svh,31rem);padding:clamp(1rem,5vw,2.5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.role-card{border:1px solid color-mix(in srgb, var(--primary) 42%, var(--border))}}.role-card{background:radial-gradient(circle at 50% 20%, var(--primary), transparent 42%), var(--background);border-radius:1.35rem;outline:none}@supports (color:color-mix(in lab, red, red)){.role-card{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 42%), var(--background)}}.role-card{color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.role-card:focus-visible{box-shadow:0 0 0 4px var(--focus)}@supports (color:color-mix(in lab, red, red)){.role-card:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 35%, transparent)}}.role-card--revealed{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-card--revealed{border-color:color-mix(in srgb, var(--primary) 75%, var(--border))}}.role-card--revealed{background:radial-gradient(circle at 50% 18%, var(--primary), transparent 48%), var(--background)}@supports (color:color-mix(in lab, red, red)){.role-card--revealed{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 48%), var(--background)}}.role-card-concealed,.role-card-content{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.role-card-mark{aspect-ratio:1;border:1px solid var(--primary);place-items:center;width:5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.role-card-mark{border:1px solid color-mix(in srgb, var(--primary) 52%, var(--border))}}.role-card-mark{color:var(--primary-strong);border-radius:50%;font-size:2rem;font-weight:900}.role-card-concealed strong{font-size:clamp(1.4rem,5vw,2rem)}.role-card-concealed small,.role-card-content small{color:var(--text-muted)}.role-name{color:var(--primary-strong);font-size:clamp(2.5rem,12vw,5rem);line-height:1}.role-detail,.role-secret{border:1px solid var(--border);background:var(--surface);border-radius:.85rem;gap:.25rem;min-width:min(100%,18rem);padding:.8rem 1rem;display:grid}.role-detail b{font-size:1.15rem}.role-secret{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-secret{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.role-secret b{color:var(--primary-strong);font-size:clamp(1.6rem,7vw,2.8rem)}.spy-mission{max-width:28rem;color:var(--text-muted);line-height:1.7}.ready-action-panel{border:1px solid var(--primary);align-items:center;gap:1rem;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.ready-action-panel{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border))}}.ready-action-panel{background:var(--primary);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.ready-action-panel{background:color-mix(in srgb, var(--primary) 6%, var(--surface-elevated))}}.ready-action-panel strong{font-size:1rem}.ready-action-panel p{color:var(--text-muted);margin:.35rem 0 0;font-size:.86rem;line-height:1.5}.ready-action-button{min-width:10rem}.ready-waiting-shell,.turn-order-shell{gap:1.35rem;padding:clamp(1.25rem,5vw,2.5rem);display:grid}.ready-waiting-heading,.turn-order-heading{text-align:center}.ready-waiting-heading h1,.turn-order-heading h1{font-size:clamp(2rem,8vw,3.5rem)}.ready-waiting-heading>p:not(.eyebrow),.turn-order-heading>p:not(.eyebrow){color:var(--text-muted);margin:.7rem auto 0;line-height:1.6}.ready-progress{background:var(--surface-elevated);border-radius:999px;height:.55rem;overflow:hidden}.ready-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--success));height:100%;transition:width .26s;display:block}.ready-player-list,.turn-order-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.ready-player-row,.turn-order-row{border:1px solid var(--border);background:var(--surface-elevated);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;display:grid}.ready-badge{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.ready-badge--ready{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.ready-badge--ready{border-color:color-mix(in srgb, var(--success) 38%, var(--border))}}.ready-badge--ready{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.ready-badge--ready{background:color-mix(in srgb, var(--success) 8%, transparent)}}.ready-badge--ready{color:var(--success)}.turn-order-list{counter-reset:none}.turn-order-row{min-height:4.25rem}.turn-position{aspect-ratio:1;border:1px solid var(--primary);place-items:center;width:2.5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.turn-position{border:1px solid color-mix(in srgb, var(--primary) 42%, var(--border))}}.turn-position{color:var(--primary-strong);border-radius:50%;font-weight:900}.current-turn-player{background:var(--primary);border-radius:999px;padding:.32rem .55rem}@supports (color:color-mix(in lab, red, red)){.current-turn-player{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.current-turn-player{color:var(--primary-strong);font-size:.7rem;font-weight:800}.turn-order-boundary{color:var(--text-muted);text-align:center;margin:0;font-size:.82rem;line-height:1.55}.game-timing-fieldset{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1rem;margin:0;padding:1rem}@supports (color:color-mix(in lab, red, red)){.game-timing-fieldset{background:color-mix(in srgb, var(--surface-elevated) 82%, transparent)}}.game-timing-fieldset>legend{padding-inline:.35rem;font-weight:800}.turn-play-shell{gap:1.25rem;padding:clamp(1rem,4vw,2rem);display:grid}.turn-play-header{align-items:center;gap:1rem;display:grid}.turn-play-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,7vw,3.6rem)}.turn-play-header p:not(.eyebrow){color:var(--text-muted);margin:.6rem 0 0;line-height:1.6}.turn-clock{border:1px solid var(--primary);place-items:center;min-width:7.5rem;padding:.8rem;display:grid}@supports (color:color-mix(in lab, red, red)){.turn-clock{border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border))}}.turn-clock{background:var(--primary);border-radius:1.1rem}@supports (color:color-mix(in lab, red, red)){.turn-clock{background:color-mix(in srgb, var(--primary) 8%, var(--surface-elevated))}}.turn-clock span,.turn-clock small{color:var(--text-muted);font-size:.72rem;font-weight:700}.turn-clock strong{color:var(--primary-strong);font-size:clamp(2.2rem,10vw,4rem);line-height:1}.turn-timer-progress{background:var(--surface-elevated);border-radius:999px;height:.65rem;overflow:hidden}.turn-timer-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--success));transform-origin:0;width:100%;height:100%;transition:transform .24s linear;display:block}[dir=rtl] .turn-timer-progress span{transform-origin:100%}.turn-play-grid{gap:1rem;display:grid}.current-speaker-card,.round-order-panel,.private-card-recheck-panel{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1.1rem;padding:1rem}.current-speaker-card{align-content:center;justify-items:start;gap:.55rem;display:grid}.current-speaker-card>span,.current-speaker-card>small{color:var(--text-muted);font-size:.76rem;font-weight:800}.current-speaker-card>strong{overflow-wrap:anywhere;font-size:clamp(1.8rem,8vw,3rem)}.end-turn-button{width:100%;margin-top:.5rem}.round-order-panel h2{margin:0 0 .8rem;font-size:1rem}.turn-order-list--compact{gap:.45rem}.turn-order-list--compact .turn-order-row{min-height:3.5rem;padding:.6rem}@supports (color:color-mix(in lab, red, red)){.turn-order-row--active{border-color:color-mix(in srgb, var(--primary) 70%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface-elevated))}}[dir=rtl] .turn-order-row--active{box-shadow:inset -3px 0 0 var(--primary)}.private-card-recheck,.private-card-recheck-panel{gap:.8rem;display:grid}.private-card-recheck-panel>p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.55}.private-card-recheck-panel .role-card{min-height:min(48svh,23rem)}.discussion-shell{text-align:center;align-content:center;place-items:center;gap:.8rem;min-height:28rem;padding:clamp(1.5rem,6vw,3rem);display:grid}.discussion-shell h1{letter-spacing:-.035em;max-width:34rem;margin:0;font-size:clamp(2rem,8vw,3.8rem)}.discussion-shell>p:not(.eyebrow){max-width:33rem;color:var(--text-muted);margin:0;line-height:1.75}.discussion-shell>small{color:var(--text-muted)}.discussion-mark{border:1px solid var(--primary);gap:.4rem;padding:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.discussion-mark{border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border))}}.discussion-mark{border-radius:50%}.discussion-mark span{aspect-ratio:1;background:var(--primary);border-radius:50%;width:.6rem}.endgame-shell{gap:1.25rem;padding:clamp(1rem,4vw,2.4rem);display:grid}.endgame-heading{text-align:center;justify-items:center;gap:.65rem;display:grid}.endgame-heading h1,.phase-header h1,.result-banner h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,7vw,3.6rem)}.endgame-heading>p:not(.eyebrow),.phase-header p,.result-banner p{max-width:38rem;color:var(--text-muted);margin:0;line-height:1.7}.endgame-grid{gap:1rem;display:grid}.endgame-panel{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1.2rem;align-content:start;gap:.9rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.endgame-panel h2,.endgame-panel p{margin:0}.endgame-panel p{color:var(--text-muted);line-height:1.65}.phase-progress{color:var(--primary-strong);font-size:1.05rem}.spy-guess-panel input:not([type=checkbox]){width:100%}.high-stakes-warning{border-inline-start:3px solid var(--danger);background:var(--danger);padding:.8rem}@supports (color:color-mix(in lab, red, red)){.high-stakes-warning{background:color-mix(in srgb, var(--danger) 7%, transparent)}}.high-stakes-warning{color:var(--text)!important}.confirmation-check{color:var(--text-muted);align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.5;display:flex}.confirmation-check input{width:1.1rem;min-width:1.1rem;margin-top:.15rem}.phase-header{align-items:center;gap:1rem;display:grid}.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.candidate-card{border:1px solid var(--border);background:var(--surface);min-height:8.5rem;color:var(--text);cursor:pointer;border-radius:1rem;place-items:center;gap:.35rem;padding:.8rem;display:grid}.candidate-card>span{aspect-ratio:1;background:var(--primary);border-radius:50%;place-items:center;width:2.7rem;display:grid}@supports (color:color-mix(in lab, red, red)){.candidate-card>span{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.candidate-card>span{color:var(--primary-strong);font-weight:900}.candidate-card small{color:var(--text-muted)}.candidate-card--selected{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.candidate-card--selected{background:color-mix(in srgb, var(--primary) 9%, var(--surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent)}}.submitted-state,.waiting-resolution{text-align:center;justify-items:center;gap:.35rem;padding:2rem 1rem;display:grid}.submitted-state span{color:var(--text-muted)}.vote-status-list,.result-vote-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.vote-status-list li,.result-vote-list li{border:1px solid var(--border);background:var(--surface-elevated);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.vote-status-list strong,.result-vote-list span{color:var(--text-muted);font-size:.8rem}.game-content-fact{border:1px solid var(--border);border-radius:.8rem;gap:.25rem;padding:.8rem;display:grid}.game-content-fact span{color:var(--text-muted);font-size:.8rem}.game-content-fact strong{font-size:1.4rem}.result-banner{border:1px solid var(--primary);justify-items:center;gap:.7rem;padding:clamp(1.8rem,7vw,4rem);display:grid}@supports (color:color-mix(in lab, red, red)){.result-banner{border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border))}}.result-banner{background:radial-gradient(circle at 50% 0%, var(--primary), var(--surface-elevated) 64%);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.result-banner{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary) 18%, transparent), var(--surface-elevated) 64%)}}.result-banner{text-align:center}.result-banner--citizens{border-color:#2fcb8b}@supports (color:color-mix(in lab, red, red)){.result-banner--citizens{border-color:color-mix(in srgb, #2fcb8b 55%, var(--border))}}.result-facts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.result-facts article{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1rem;gap:.35rem;padding:1rem;display:grid}.result-facts span{color:var(--text-muted);font-size:.78rem}.result-facts strong{overflow-wrap:anywhere;font-size:1.3rem}.game-preview{aspect-ratio:1;width:min(24rem,82vw);margin-inline:auto;position:relative}.preview-halo{border:1px solid var(--primary);position:absolute;inset:8%}@supports (color:color-mix(in lab, red, red)){.preview-halo{border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border))}}.preview-halo{box-shadow:0 0 0 2rem var(--primary), 0 0 0 5rem var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.preview-halo{box-shadow:0 0 0 2rem color-mix(in srgb, var(--primary) 2%, transparent), 0 0 0 5rem color-mix(in srgb, var(--primary) 2%, transparent)}}.preview-halo:before,.preview-halo:after{content:"";border-radius:50%;position:absolute}.preview-halo:before{border:1px dashed var(--text-muted);inset:12%}@supports (color:color-mix(in lab, red, red)){.preview-halo:before{border:1px dashed color-mix(in srgb, var(--text-muted) 18%, transparent)}}.preview-halo:after{background:var(--primary);inset:28%}@supports (color:color-mix(in lab, red, red)){.preview-halo:after{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.preview-halo:after{filter:blur(12px)}.identity-card{aspect-ratio:.74;border:1px solid var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:45%;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.identity-card{border:1px solid color-mix(in srgb, var(--primary) 46%, var(--border))}}.identity-card{background:linear-gradient(145deg, var(--surface-elevated), var(--surface));box-shadow:0 28px 80px #0000006b, 0 1px 0 #ffffff14 inset, 0 0 54px var(--primary);border-radius:1.6rem}@supports (color:color-mix(in lab, red, red)){.identity-card{box-shadow:0 28px 80px #0000006b, 0 1px 0 #ffffff14 inset, 0 0 54px color-mix(in srgb, var(--primary) 14%, transparent)}}.identity-card{transform:translate(-50%,-50%)rotate(-4deg)}.identity-mark{aspect-ratio:1;border:1px solid var(--primary);place-items:center;width:3.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.identity-mark{border:1px solid color-mix(in srgb, var(--primary) 52%, var(--border))}}.identity-mark{background:var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.identity-mark{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.identity-mark:before,.identity-mark:after{border:2px solid var(--primary-strong);content:"";border-radius:50%;width:1.1rem;height:.75rem}.identity-mark{grid-template-columns:repeat(2,auto);gap:.18rem}.identity-mark span{background:var(--primary-strong);opacity:.6;border-radius:999px;width:.24rem;height:1.4rem;position:absolute}.secret-line{background:var(--text-muted);border-radius:999px;height:.32rem}@supports (color:color-mix(in lab, red, red)){.secret-line{background:color-mix(in srgb, var(--text-muted) 27%, transparent)}}.player-node{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:3.4rem;display:grid;position:absolute;box-shadow:0 12px 30px #00000059}.player-node span{aspect-ratio:1;background:var(--text-muted);opacity:.7;border-radius:50% 50% 42% 42%;width:1.15rem}.player-node--two{inset-block-start:35%;inset-inline-end:0}.player-node--two span{background:var(--danger);box-shadow:0 0 18px var(--danger)}@supports (color:color-mix(in lab, red, red)){.player-node--two span{box-shadow:0 0 18px color-mix(in srgb, var(--danger) 35%, transparent)}}.player-node--two span{opacity:.9}.state-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 2rem,42rem);min-height:100svh;margin-inline:auto;padding-block:4rem;display:flex}.state-page h1{margin:0;font-size:clamp(2rem,8vw,4rem);line-height:1.1}.state-page>p:not(.eyebrow,.error-code){max-width:34rem;color:var(--text-muted);margin:1rem 0 2rem;font-size:1.05rem;line-height:1.75}.error-code{color:var(--primary);margin:0 0 .75rem}@supports (color:color-mix(in lab, red, red)){.error-code{color:color-mix(in srgb, var(--primary) 60%, var(--text))}}.error-code{letter-spacing:-.08em;opacity:.28;font-size:clamp(5rem,24vw,10rem);font-weight:900;line-height:.8}.loading-mark{align-items:center;gap:.45rem;min-height:3rem;margin-block-end:1.5rem;display:flex}.loading-mark span{aspect-ratio:1;background:var(--primary);border-radius:50%;width:.65rem;animation:.9s ease-in-out infinite alternate loading-pulse}.loading-mark span:nth-child(2){animation-delay:.15s}.loading-mark span:nth-child(3){animation-delay:.3s}@keyframes loading-pulse{to{opacity:.3;transform:translateY(-.5rem)}}@media (min-width:56rem){.hero{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.72fr)}.room-page-grid{grid-template-columns:minmax(0,.88fr) minmax(25rem,1fr)}.join-layout{grid-template-columns:minmax(20rem,.72fr) minmax(0,1fr)}.lobby-layout{grid-template-columns:minmax(0,.72fr) minmax(22rem,1fr)}.lobby-hero{grid-column:1/-1}.players-panel{grid-column:2}}@media (min-width:36rem){.form-grid{grid-template-columns:1fr .65fr}.start-game-panel{grid-template-columns:1fr auto}.ready-action-panel,.turn-play-header{grid-template-columns:minmax(0,1fr) auto}.turn-play-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.endgame-grid,.phase-header{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.site-header{min-height:auto;padding-block:1rem}.brand>span:last-child{display:none}.language-option{min-width:3.1rem;padding-inline:.5rem;font-size:.72rem}.hero{gap:3.5rem;min-height:auto;padding-block:4.5rem 4rem}.hero-actions{grid-template-columns:1fr;display:grid}.action-button{width:100%}.game-preview{width:min(19rem,86vw)}.lobby-actions .action-button{width:100%}.choice-grid,.room-facts{grid-template-columns:1fr}.public-room-card{grid-template-columns:minmax(5rem,auto) 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rematch-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.rematch-panel>div{gap:.45rem;display:grid}.session-waiting-note,.score-rules-note{color:var(--text-muted);font-size:.82rem;line-height:1.55}.session-panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-panel-heading>div{gap:.3rem;display:grid}.session-score-list,.session-history-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.session-score-row{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;grid-template-columns:auto minmax(7rem,1fr) minmax(12rem,2fr) auto;align-items:center;gap:.8rem;padding:.85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.session-score-row--you{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--surface))}}.session-rank{color:var(--primary-strong);font-weight:900}.session-player-name{gap:.15rem;display:grid}.session-player-name small,.session-score-meta{color:var(--text-muted);font-size:.76rem;line-height:1.45}.session-points{white-space:nowrap;font-size:1rem}.session-history-list>li{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;gap:.65rem;padding:1rem;display:grid}.session-history-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-history-heading span{color:var(--primary-strong);font-size:.82rem;font-weight:800}.session-history-list p{color:var(--text-muted);font-size:.85rem}.session-history-list dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.session-history-list dl>div{background:var(--surface-elevated);border-radius:.7rem;gap:.2rem;padding:.65rem;display:grid}.session-history-list dt{color:var(--text-muted);font-size:.72rem}.session-history-list dd{overflow-wrap:anywhere;margin:0;font-weight:800}@media (max-width:720px){.rematch-panel{grid-template-columns:1fr}.rematch-panel .action-button{width:100%}.session-panel-heading,.session-history-heading{flex-direction:column;align-items:flex-start}.session-score-row{grid-template-columns:auto minmax(0,1fr) auto}.session-score-meta{grid-column:2/-1}.session-history-list dl{grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-chat-panel{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;width:min(100%,760px);margin-inline:auto;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 1rem 3rem #00000047}.room-chat-heading,.room-chat-message-meta,.room-chat-form-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.room-chat-heading h2{margin:.2rem 0 0}.room-chat-messages{border:1px solid var(--border);background:var(--surface);border-radius:1rem;gap:.65rem;min-height:120px;max-height:320px;margin-block:1rem;padding:.75rem;display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.room-chat-messages{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.room-chat-empty,.room-chat-notice{color:var(--text-muted);margin:0}.room-chat-message{background:var(--surface-elevated);border-radius:1rem;width:min(86%,34rem);padding:.7rem .85rem}.room-chat-message--own{background:var(--primary);margin-inline-start:auto}@supports (color:color-mix(in lab, red, red)){.room-chat-message--own{background:color-mix(in srgb, var(--primary) 18%, var(--surface-elevated))}}.room-chat-message-meta{color:var(--text-muted);margin-bottom:.35rem;font-size:.78rem}.room-chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.room-chat-form{gap:.65rem;margin-top:.8rem;display:grid}.room-chat-form textarea{resize:vertical;width:100%;min-height:4.5rem}.room-chat-form-footer small{color:var(--text-muted)}.lobby-layout>.room-chat-panel{grid-column:1/-1;width:100%}.room-voice-panel{border:1px solid var(--border-color);background:var(--surface-color);border-radius:1.25rem;gap:1rem;padding:1.1rem;display:grid}.room-voice-heading,.room-voice-controls,.voice-participant,.voice-participant-main,.voice-volume-control,.voice-toggle{align-items:center;display:flex}.room-voice-heading,.voice-participant{justify-content:space-between;gap:1rem}.room-voice-heading h2{margin:.15rem 0 0}.voice-status{border:1px solid var(--border-color);border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.voice-status--connected{border-color:color-mix(in srgb, currentColor 28%, transparent)}}.room-voice-policy{opacity:.8;margin:0}.room-voice-controls{flex-wrap:wrap;gap:.65rem}.voice-toggle{gap:.45rem;font-size:.9rem}.voice-toggle input{block-size:1rem;inline-size:1rem}.voice-ptt-button{touch-action:none;-webkit-user-select:none;user-select:none}.voice-participants{gap:.6rem;display:grid}.voice-participant{border:1px solid var(--border-color);border-radius:1rem;padding:.75rem}.voice-participant--speaking{outline-offset:2px;outline:2px solid}.voice-participant-main{gap:.55rem;min-width:0}.voice-participant-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-participant-main small{opacity:.7}.voice-speaker-dot{opacity:.25;background:currentColor;border-radius:50%;flex:none;block-size:.55rem;inline-size:.55rem}.voice-speaker-dot--active{opacity:1;box-shadow:0 0 0 .25rem}@supports (color:color-mix(in lab, red, red)){.voice-speaker-dot--active{box-shadow:0 0 0 .25rem color-mix(in srgb, currentColor 18%, transparent)}}.voice-volume-control{gap:.55rem;min-width:10rem;font-size:.8rem}.voice-volume-control input[type=range]{width:7rem}.voice-audio-root{display:none}@media (max-width:680px){.voice-participant{flex-direction:column;align-items:flex-start}.voice-volume-control,.voice-volume-control input[type=range]{width:100%}}.moderation-panel{gap:1rem;display:grid}.moderation-setting,.moderation-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.moderation-setting>div,.moderation-player-list>div,.moderation-player-name{gap:.25rem;display:grid}.moderation-setting p,.moderation-player-list p,.moderation-player-name small{color:var(--text-muted);margin:0}.moderation-setting select{min-width:10rem}.voice-mode-picker{border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;min-width:15rem;padding:.28rem;display:grid}@supports (color:color-mix(in lab, red, red)){.voice-mode-picker{border:1px solid color-mix(in srgb, var(--border) 86%, transparent)}}.voice-mode-picker{background:var(--background);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.voice-mode-picker{background:color-mix(in srgb, var(--background) 78%, var(--surface))}}.voice-mode-option{min-width:0;min-height:2.9rem;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;gap:.42rem;padding:.7rem .78rem;font-size:.86rem;font-weight:800;line-height:1.2;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.voice-mode-option:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.voice-mode-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}}.voice-mode-option:hover:not(:disabled){background:var(--surface-elevated)}@supports (color:color-mix(in lab, red, red)){.voice-mode-option:hover:not(:disabled){background:color-mix(in srgb, var(--surface-elevated) 72%, transparent)}}.voice-mode-option:hover:not(:disabled){color:var(--text)}.voice-mode-option[aria-pressed=true]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.voice-mode-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 62%, var(--border))}}.voice-mode-option[aria-pressed=true]{background:linear-gradient(145deg, var(--primary), var(--accent))}@supports (color:color-mix(in lab, red, red)){.voice-mode-option[aria-pressed=true]{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 20%, var(--surface-elevated)), color-mix(in srgb, var(--accent) 7%, var(--surface)))}}.voice-mode-option[aria-pressed=true]{color:var(--text);box-shadow:0 8px 24px var(--primary), 0 1px 0 #ffffff12 inset}@supports (color:color-mix(in lab, red, red)){.voice-mode-option[aria-pressed=true]{box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 13%, transparent), 0 1px 0 #ffffff12 inset}}.voice-mode-option:active:not(:disabled){transform:translateY(1px)}.voice-mode-option:disabled{cursor:not-allowed;opacity:.64}.voice-mode-check{color:var(--success)}.moderation-player-list{gap:.75rem;display:grid}.moderation-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.moderation-row{border:1px solid var(--border);background:var(--surface-elevated);border-radius:.9rem;padding:.8rem}.moderation-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:640px){.moderation-setting,.moderation-row{flex-direction:column;align-items:stretch}.moderation-setting select,.voice-mode-picker{width:100%;min-width:0}.moderation-actions{justify-content:stretch}.moderation-actions .action-button{flex:1}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--primary) var(--background)}@supports (color:color-mix(in lab, red, red)){html{scrollbar-color:color-mix(in srgb, var(--primary) 38%, var(--border)) var(--background)}}body{overscroll-behavior-y:none;min-width:20rem}button,input,select,textarea{font:inherit}select,select option{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{background:var(--surface);color:var(--text)}button,[role=button],select,input[type=checkbox],input[type=radio],input[type=range]{touch-action:manipulation}button,a,input,select,textarea{border-radius:.9rem}svg{flex:none}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus)}@supports (color:color-mix(in lab, red, red)){:where(button,a,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 84%, white 4%)}}:where(button,a,input,select,textarea):focus-visible{outline-offset:3px}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){:where(input,select,textarea)[aria-invalid=true]{border-color:color-mix(in srgb, var(--danger) 68%, var(--border))}}:where(input,select,textarea)[aria-invalid=true]{box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab, red, red)){:where(input,select,textarea)[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 12%, transparent)}}.page-shell{overflow:clip}.page-shell:before{opacity:.72;background-size:72px 72px}.page-shell:after{z-index:-4;content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#8b5cf614,#0000 34rem),linear-gradient(#ffffff04,#0000 18rem);position:absolute;inset:0}.ambient{filter:blur(18px);opacity:.9}.ambient--primary{background:radial-gradient(circle, var(--primary), var(--accent) 44%, transparent 72%)}@supports (color:color-mix(in lab, red, red)){.ambient--primary{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 30%, transparent), color-mix(in srgb, var(--accent) 5%, transparent) 44%, transparent 72%)}}.ambient--secondary{background:radial-gradient(circle, var(--accent), var(--success) 44%, transparent 72%)}@supports (color:color-mix(in lab, red, red)){.ambient--secondary{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--success) 5%, transparent) 44%, transparent 72%)}}.site-header{z-index:30;width:min(100% - 2rem,78rem);min-height:5.25rem;padding-block:max(.5rem, env(safe-area-inset-top)) .5rem;position:relative}.site-header:before{z-index:-1;border:1px solid var(--border);position:absolute;inset:.45rem -.55rem}@supports (color:color-mix(in lab, red, red)){.site-header:before{border:1px solid color-mix(in srgb, var(--border) 64%, transparent)}}.site-header:before{background:linear-gradient(135deg, var(--surface), var(--surface-elevated));border-radius:1.25rem}@supports (color:color-mix(in lab, red, red)){.site-header:before{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 82%, transparent), color-mix(in srgb, var(--surface-elevated) 64%, transparent))}}.site-header:before{-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);content:"";box-shadow:0 12px 42px #00000029,inset 0 1px #ffffff0d}.brand{gap:.75rem;min-width:0}.brand-mark{background:linear-gradient(145deg, #8b5cf63d, #38bdf817), var(--surface-elevated);width:2.65rem;color:var(--primary-strong);border-radius:.9rem;transform:none;box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 30px #4d30aa38}.brand-mark span{display:none}.brand-copy{gap:.05rem;min-width:0;display:grid}.brand-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-copy small{color:var(--primary-strong)}@supports (color:color-mix(in lab, red, red)){.brand-copy small{color:color-mix(in srgb, var(--primary-strong) 68%, var(--text-muted))}}.brand-copy small{letter-spacing:.22em;font-size:.58rem;font-weight:900}.language-switcher{border-color:var(--border);min-height:3rem}@supports (color:color-mix(in lab, red, red)){.language-switcher{border-color:color-mix(in srgb, var(--border) 72%, transparent)}}.language-switcher{background:#0709128a;box-shadow:0 12px 34px #00000029}.language-option{border-radius:.72rem;min-width:3.35rem;min-height:2.6rem}.language-option[aria-pressed=true]{background:linear-gradient(145deg, var(--primary), var(--accent))}@supports (color:color-mix(in lab, red, red)){.language-option[aria-pressed=true]{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 18%, var(--surface-elevated)), color-mix(in srgb, var(--accent) 6%, var(--surface-elevated)))}}.language-option[aria-pressed=true]{color:#fff;box-shadow:inset 0 1px #ffffff12,0 7px 20px #0000002e}.hero,.room-page{width:min(100% - 2rem,78rem)}.room-page{padding-block-end:max(4rem, calc(env(safe-area-inset-bottom) + 2.5rem))}.hero{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);gap:clamp(2.5rem,7vw,7.5rem)}.hero-copy h1,.room-intro h1,.lobby-hero h1,.game-status-card h1,.role-reveal-heading h1,.ready-waiting-heading h1,.turn-play-header h1,.phase-header h1,.endgame-heading h1,.result-banner h1{text-wrap:balance}.hero-copy h1{color:#0000;filter:drop-shadow(0 14px 28px #4c37a021);background:linear-gradient(105deg,#fff 15%,#d8d1ff 52%,#8be5ff 105%);-webkit-background-clip:text;background-clip:text;max-width:9ch}.hero-description,.room-intro>p:not(.eyebrow),.lobby-hero>div>p:not(.eyebrow,.room-code-display,.connection-status){max-width:60ch;color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.hero-description,.room-intro>p:not(.eyebrow),.lobby-hero>div>p:not(.eyebrow,.room-code-display,.connection-status){color:color-mix(in srgb, var(--text-muted) 92%, white 8%)}}.eyebrow{color:var(--primary-strong);align-items:center;gap:.55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.eyebrow{color:color-mix(in srgb, var(--primary-strong) 80%, var(--accent-strong))}}.eyebrow{letter-spacing:.045em}.eyebrow-dot{display:none}.eyebrow-icon{aspect-ratio:1;border:1px solid var(--primary);place-items:center;width:1.8rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.eyebrow-icon{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border))}}.eyebrow-icon{background:var(--primary);border-radius:.6rem}@supports (color:color-mix(in lab, red, red)){.eyebrow-icon{background:color-mix(in srgb, var(--primary) 11%, var(--surface))}}.eyebrow-icon{color:var(--primary-strong)}.hero-actions,.lobby-actions,.room-voice-controls,.moderation-actions{align-items:stretch}.action-button{text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:.9rem;justify-content:center;align-items:center;gap:.55rem;min-width:0;min-height:3rem;padding:.76rem 1.05rem;font-weight:820;line-height:1.25;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s,color .16s;display:inline-flex}.action-button--primary{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.action-button--primary{border-color:color-mix(in srgb, var(--primary) 74%, white 6%)}}.action-button--primary{background:linear-gradient(135deg, var(--primary), #7048e8 58%, #5f44c9), var(--primary)}@supports (color:color-mix(in lab, red, red)){.action-button--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 94%, #5b33d6), #7048e8 58%, #5f44c9), var(--primary)}}.action-button--primary{color:#fff;box-shadow:0 12px 28px #6443d242,inset 0 1px #ffffff38}.action-button--primary:hover:not(:disabled){border-color:var(--primary-strong)}@supports (color:color-mix(in lab, red, red)){.action-button--primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary-strong) 86%, white 8%)}}.action-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#9568ff,#7955ef 58%,#6649d4);transform:translateY(-2px);box-shadow:0 16px 34px #6443d257,inset 0 1px #ffffff3d}.action-button--secondary{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary{border-color:color-mix(in srgb, var(--border) 84%, white 3%)}}.action-button--secondary{color:var(--text);background:linear-gradient(145deg,#ffffff0a,#ffffff03)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary{color:color-mix(in srgb, var(--text) 92%, var(--text-muted))}}.action-button--secondary{box-shadow:inset 0 1px #ffffff0a}.action-button--secondary:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.action-button--secondary:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 7%, var(--surface-elevated))}}.action-button--secondary:hover:not(:disabled){color:#fff;transform:translateY(-1px)}.action-button:active:not(:disabled){transform:translateY(0)scale(.985)}.action-button:disabled{cursor:not-allowed;filter:saturate(.65);opacity:.52;transform:none}.button-trailing-icon{margin-inline-start:.12rem;transition:transform .16s}html[dir=rtl] .button-trailing-icon{transform:scaleX(-1)}.action-button:hover .button-trailing-icon{transform:translate(2px)}html[dir=rtl] .action-button:hover .button-trailing-icon{transform:scaleX(-1)translate(2px)}.hero-proof{align-items:center;gap:.65rem;margin-block-start:1.35rem;display:inline-flex}.hero-proof-icon{aspect-ratio:1;border:1px solid var(--success);place-items:center;width:2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.hero-proof-icon{border:1px solid color-mix(in srgb, var(--success) 28%, var(--border))}}.hero-proof-icon{background:var(--success);border-radius:.7rem}@supports (color:color-mix(in lab, red, red)){.hero-proof-icon{background:color-mix(in srgb, var(--success) 8%, var(--surface))}}.hero-proof-icon{color:var(--success)}.round-label{margin:0}.game-preview{filter:drop-shadow(0 34px 80px #00000061);width:min(26rem,80vw)}.preview-halo{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.preview-halo{border-color:color-mix(in srgb, var(--primary) 34%, var(--border))}}.preview-halo{background:radial-gradient(circle,#8b5cf612,#0000 66%)}.identity-card{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.identity-card{border-color:color-mix(in srgb, var(--primary) 58%, var(--border))}}.identity-card{background:linear-gradient(155deg,#ffffff12,#0000 42%),linear-gradient(145deg,#1c2235,#0e1220);overflow:hidden}.identity-card-glow{filter:blur(26px);background:#8b5cf64d;border-radius:50%;position:absolute;inset:-30% 15% 62%}.identity-mark{color:var(--primary-strong);position:relative}.identity-mark span{display:none}.identity-chip{aspect-ratio:1;border:1px solid var(--accent);place-items:center;width:2.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.identity-chip{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border))}}.identity-chip{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.identity-chip{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.identity-chip{color:var(--accent-strong);font-weight:900}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card,.room-chat-panel,.room-voice-panel,.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell,.endgame-panel,.endgame-shell>.form-error,.result-banner{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card,.room-chat-panel,.room-voice-panel,.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell,.endgame-panel,.endgame-shell>.form-error,.result-banner{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card,.room-chat-panel,.room-voice-panel,.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell,.endgame-panel,.endgame-shell>.form-error,.result-banner{background:linear-gradient(145deg, #ffffff06, transparent 38%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card,.room-chat-panel,.room-voice-panel,.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell,.endgame-panel,.endgame-shell>.form-error,.result-banner{background:linear-gradient(145deg, #ffffff06, transparent 38%), color-mix(in srgb, var(--surface) 94%, transparent)}}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.lobby-status-card,.room-chat-panel,.room-voice-panel,.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.discussion-shell,.endgame-panel,.endgame-shell>.form-error,.result-banner{box-shadow:var(--shadow-soft), 0 1px 0 #ffffff0a inset;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%)}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero{border-radius:1.35rem}.form-panel{padding:clamp(1.15rem,3.5vw,2rem)}.field-group{min-width:0}.field-group>label,.field-group>legend,.game-timing-fieldset>legend,.spy-guess-panel>label{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.field-group>label,.field-group>legend,.game-timing-fieldset>legend,.spy-guess-panel>label{color:color-mix(in srgb, var(--text) 92%, var(--text-muted))}}.field-group>label,.field-group>legend,.game-timing-fieldset>legend,.spy-guess-panel>label{font-weight:760}.room-form input:not([type=radio],[type=checkbox]),.room-form select,.spy-guess-panel input,.room-chat-form textarea,.moderation-setting select{border:1px solid var(--border);min-height:3.15rem}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]),.room-form select,.spy-guess-panel input,.room-chat-form textarea,.moderation-setting select{border:1px solid color-mix(in srgb, var(--border) 92%, transparent)}}.room-form input:not([type=radio],[type=checkbox]),.room-form select,.spy-guess-panel input,.room-chat-form textarea,.moderation-setting select{background:var(--background);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]),.room-form select,.spy-guess-panel input,.room-chat-form textarea,.moderation-setting select{background:color-mix(in srgb, var(--background) 76%, var(--surface))}}.room-form input:not([type=radio],[type=checkbox]),.room-form select,.spy-guess-panel input,.room-chat-form textarea,.moderation-setting select{color:var(--text);transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:inset 0 1px #ffffff08}.room-form input:not([type=radio],[type=checkbox]):hover,.room-form select:hover,.spy-guess-panel input:hover,.room-chat-form textarea:hover,.moderation-setting select:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]):hover,.room-form select:hover,.spy-guess-panel input:hover,.room-chat-form textarea:hover,.moderation-setting select:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}}.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{border-color:color-mix(in srgb, var(--primary) 72%, var(--border))}}.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{background:color-mix(in srgb, var(--background) 60%, var(--surface))}}.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}}.room-form input:not([type=radio],[type=checkbox]):focus,.room-form select:focus,.spy-guess-panel input:focus,.room-chat-form textarea:focus,.moderation-setting select:focus{outline:none}.room-form select,.moderation-setting select{cursor:pointer}.choice-grid{gap:.75rem}.choice-card>span{background:var(--background);border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-height:6.5rem;padding:1rem}@supports (color:color-mix(in lab, red, red)){.choice-card>span{background:color-mix(in srgb, var(--background) 72%, var(--surface))}}.choice-card-icon{aspect-ratio:1;border:1px solid var(--border);place-items:center;width:2.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.choice-card-icon{border:1px solid color-mix(in srgb, var(--border) 90%, transparent)}}.choice-card-icon{background:var(--surface-elevated);color:var(--text-muted);border-radius:.85rem;transition:color .16s,border-color .16s,background-color .16s,transform .16s}.choice-card-copy{gap:.35rem;min-width:0;display:grid}.choice-card input:checked+span .choice-card-icon{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span .choice-card-icon{border-color:color-mix(in srgb, var(--primary) 56%, var(--border))}}.choice-card input:checked+span .choice-card-icon{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span .choice-card-icon{background:color-mix(in srgb, var(--primary) 15%, var(--surface-elevated))}}.choice-card input:checked+span .choice-card-icon{color:var(--primary-strong);transform:translateY(-1px)}.choice-card input:checked+span{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span{border-color:color-mix(in srgb, var(--primary) 70%, var(--border))}}.choice-card input:checked+span{background:linear-gradient(145deg, var(--primary), var(--accent))}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 9%, var(--background)), color-mix(in srgb, var(--accent) 3%, var(--background)))}}.choice-card input:checked+span{box-shadow:0 0 0 3px var(--primary), 0 16px 36px #0000001f}@supports (color:color-mix(in lab, red, red)){.choice-card input:checked+span{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 9%, transparent), 0 16px 36px #0000001f}}.feature-list{gap:.75rem}.feature-list li{border:1px solid var(--border);align-items:flex-start;gap:.7rem;padding:.8rem .9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.feature-list li{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.feature-list li{background:#ffffff05;border-radius:.95rem}.feature-list li:before{display:none}.feature-icon,.inline-feature-icon,.panel-heading-icon,.heading-inline-icon,.status-hero-icon,.result-hero-icon,.empty-state-icon{flex:none;place-items:center;display:inline-grid}.feature-icon,.inline-feature-icon{aspect-ratio:1;border:1px solid var(--primary);width:2.2rem}@supports (color:color-mix(in lab, red, red)){.feature-icon,.inline-feature-icon{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border))}}.feature-icon,.inline-feature-icon{background:var(--primary);border-radius:.72rem}@supports (color:color-mix(in lab, red, red)){.feature-icon,.inline-feature-icon{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}}.feature-icon,.inline-feature-icon{color:var(--primary-strong)}.inline-feature-icon--success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.inline-feature-icon--success{border-color:color-mix(in srgb, var(--success) 30%, var(--border))}}.inline-feature-icon--success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.inline-feature-icon--success{background:color-mix(in srgb, var(--success) 8%, var(--surface))}}.inline-feature-icon--success{color:var(--success)}.preview-strip{gap:.5rem}.preview-strip span,.host-badge,.count-badge,.presence-badge{border-color:var(--border);gap:.38rem}@supports (color:color-mix(in lab, red, red)){.preview-strip span,.host-badge,.count-badge,.presence-badge{border-color:color-mix(in srgb, var(--border) 86%, transparent)}}.preview-strip span,.host-badge,.count-badge,.presence-badge{background:var(--surface-elevated)}@supports (color:color-mix(in lab, red, red)){.preview-strip span,.host-badge,.count-badge,.presence-badge{background:color-mix(in srgb, var(--surface-elevated) 84%, transparent)}}.public-room-list{gap:.7rem}.public-room-card{border-color:var(--border);grid-template-columns:minmax(5.4rem,auto) minmax(0,1fr) auto;grid-template-areas:"code language action""code players action";gap:.35rem .9rem;min-height:5.35rem;position:relative}@supports (color:color-mix(in lab, red, red)){.public-room-card{border-color:color-mix(in srgb, var(--border) 85%, transparent)}}.public-room-card{background:linear-gradient(145deg, #ffffff06, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.public-room-card{background:linear-gradient(145deg, #ffffff06, transparent), color-mix(in srgb, var(--background) 72%, var(--surface))}}.public-room-card{box-shadow:0 8px 26px #0000001a}.public-room-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.public-room-card:hover{border-color:color-mix(in srgb, var(--primary) 60%, var(--border))}}.public-room-card:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.public-room-card:hover{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}.public-room-card:hover{box-shadow:0 14px 36px #0000002e}.public-room-card .room-code-small{grid-area:code}.public-room-meta{align-items:center;gap:.38rem;min-width:0;display:inline-flex}.public-room-card .public-room-meta:first-of-type{grid-area:language}.public-room-card .public-room-meta:nth-of-type(2){grid-area:players}.public-room-card strong{color:var(--primary-strong);grid-area:action;align-self:center;align-items:center;gap:.25rem;display:inline-flex}html[dir=rtl] .public-room-card strong svg{transform:scaleX(-1)}.room-code-display{background:linear-gradient(90deg, var(--primary-strong), var(--accent-strong));color:#0000;filter:drop-shadow(0 10px 24px #5e45be29);letter-spacing:.055em;-webkit-background-clip:text;background-clip:text;width:fit-content;padding:.25rem .05rem}.lobby-layout{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:start;gap:1rem}.lobby-hero{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;display:grid;overflow:hidden}.lobby-hero:after{aspect-ratio:1;content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf624,#0000 68%);border-radius:50%;width:22rem;position:absolute;inset-block-start:-9rem;inset-inline-end:-8rem}.lobby-hero>div,.lobby-actions,.start-game-panel,.lobby-hero>.field-error,.lobby-hero>.form-error{z-index:1;position:relative}.lobby-actions{justify-content:flex-end;align-self:start;margin-block-start:0}.lobby-hero .start-game-panel,.lobby-hero>.field-error,.lobby-hero>.form-error{grid-column:1/-1}.connection-status{border-color:var(--border);gap:.45rem;min-height:2.25rem}@supports (color:color-mix(in lab, red, red)){.connection-status{border-color:color-mix(in srgb, var(--border) 80%, transparent)}}.connection-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07091275}.connection-status--connected{box-shadow:0 0 20px #34d39912}.start-game-panel{border-color:var(--primary);grid-template-columns:minmax(0,1fr) auto;padding:1.1rem}@supports (color:color-mix(in lab, red, red)){.start-game-panel{border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}}.start-game-panel{background:linear-gradient(120deg, var(--primary), transparent 58%), var(--background)}@supports (color:color-mix(in lab, red, red)){.start-game-panel{background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent 58%), color-mix(in srgb, var(--background) 68%, var(--surface))}}.panel-heading-with-icon,.panel-heading-copy,.moderation-setting-copy,.ready-action-copy{align-items:center;gap:.75rem;display:flex}.panel-heading-copy,.moderation-setting-copy,.ready-action-copy{min-width:0}.panel-heading-icon{aspect-ratio:1;border:1px solid var(--primary);width:2.75rem}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border))}}.panel-heading-icon{background:var(--primary);border-radius:.85rem}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon{background:color-mix(in srgb, var(--primary) 10%, var(--surface-elevated))}}.panel-heading-icon{color:var(--primary-strong)}.panel-heading-icon--voice{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--voice{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}}.panel-heading-icon--voice{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--voice{background:color-mix(in srgb, var(--accent) 8%, var(--surface-elevated))}}.panel-heading-icon--voice{color:var(--accent-strong)}.panel-heading-icon--chat{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--chat{border-color:color-mix(in srgb, var(--success) 28%, var(--border))}}.panel-heading-icon--chat{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--chat{background:color-mix(in srgb, var(--success) 7%, var(--surface-elevated))}}.panel-heading-icon--chat{color:var(--success)}.panel-heading-icon--warning{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--warning{border-color:color-mix(in srgb, var(--warning) 30%, var(--border))}}.panel-heading-icon--warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.panel-heading-icon--warning{background:color-mix(in srgb, var(--warning) 7%, var(--surface-elevated))}}.panel-heading-icon--warning{color:var(--warning)}.heading-with-icon,.room-facts dt,.result-facts article>span,.current-speaker-label,.moderation-state,.voice-volume-label,.voice-toggle-label,.room-chat-notice{align-items:center;gap:.42rem;display:inline-flex}.heading-inline-icon{aspect-ratio:1;background:var(--primary);border-radius:.58rem;width:1.8rem}@supports (color:color-mix(in lab, red, red)){.heading-inline-icon{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.heading-inline-icon{color:var(--primary-strong)}.heading-inline-icon--danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.heading-inline-icon--danger{background:color-mix(in srgb, var(--danger) 9%, var(--surface))}}.heading-inline-icon--danger{color:var(--danger)}.room-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.room-facts div{border-color:var(--border);min-height:5rem;padding:.9rem}@supports (color:color-mix(in lab, red, red)){.room-facts div{border-color:color-mix(in srgb, var(--border) 84%, transparent)}}.room-facts div{background:linear-gradient(145deg, #ffffff05, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.room-facts div{background:linear-gradient(145deg, #ffffff05, transparent), color-mix(in srgb, var(--background) 70%, var(--surface))}}.room-facts dt{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.room-facts dt{color:color-mix(in srgb, var(--text-muted) 92%, var(--accent) 8%)}}.room-facts dt svg{color:var(--primary-strong)}.room-facts dd{margin-block-start:.42rem;font-size:.95rem}.player-list{gap:.6rem}.player-row{border-color:var(--border);min-height:4.4rem;padding:.75rem;position:relative}@supports (color:color-mix(in lab, red, red)){.player-row{border-color:color-mix(in srgb, var(--border) 84%, transparent)}}.player-row{background:linear-gradient(145deg, #ffffff05, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.player-row{background:linear-gradient(145deg, #ffffff05, transparent), color-mix(in srgb, var(--background) 72%, var(--surface))}}.player-row{transition:border-color .16s,background-color .16s,transform .16s}.player-row:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.player-row:hover{border-color:color-mix(in srgb, var(--primary) 26%, var(--border))}}.player-row:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.player-row:hover{background:color-mix(in srgb, var(--primary) 4%, var(--surface))}}.player-avatar,.candidate-avatar{background:linear-gradient(145deg, var(--primary), var(--accent))}@supports (color:color-mix(in lab, red, red)){.player-avatar,.candidate-avatar{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 17%, var(--surface-elevated)), color-mix(in srgb, var(--accent) 7%, var(--surface-elevated)))}}.player-avatar,.candidate-avatar{color:var(--primary-strong);box-shadow:inset 0 1px #ffffff0d}.host-badge{color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.host-badge{color:color-mix(in srgb, var(--warning) 90%, white)}}.presence-badge--online{box-shadow:0 0 18px #34d3990f}.moderation-panel{align-self:start}.moderation-setting,.moderation-row{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.moderation-setting,.moderation-row{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.moderation-setting{border:1px solid var(--border);padding:.9rem}@supports (color:color-mix(in lab, red, red)){.moderation-setting{border:1px solid color-mix(in srgb, var(--border) 78%, transparent)}}.moderation-setting{background:var(--background);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.moderation-setting{background:color-mix(in srgb, var(--background) 68%, var(--surface))}}.moderation-setting-copy>div,.ready-action-copy>div{gap:.25rem;display:grid}.moderation-row{background:linear-gradient(145deg, #ffffff05, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.moderation-row{background:linear-gradient(145deg, #ffffff05, transparent), color-mix(in srgb, var(--background) 66%, var(--surface-elevated))}}.moderation-state{width:fit-content}.moderation-state--muted{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.moderation-state--muted{color:color-mix(in srgb, var(--danger) 82%, white)}}.moderation-state--allowed{color:var(--success)}@supports (color:color-mix(in lab, red, red)){.moderation-state--allowed{color:color-mix(in srgb, var(--success) 78%, white)}}.danger-action{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-action{border-color:color-mix(in srgb, var(--danger) 34%, var(--border))}}.danger-action{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-action{background:color-mix(in srgb, var(--danger) 5%, transparent)}}.danger-action{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-action{color:color-mix(in srgb, var(--danger) 82%, white)}}.danger-action:hover:not(:disabled){border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 58%, var(--border))}}.danger-action:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-action:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, var(--surface))}}.danger-action:hover:not(:disabled){color:#ffd7de}.room-voice-panel,.room-chat-panel{border-radius:1.35rem;width:100%}.room-voice-panel{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.room-voice-panel{border-color:color-mix(in srgb, var(--accent) 16%, var(--border))}}.room-chat-panel{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.room-chat-panel{border-color:color-mix(in srgb, var(--success) 13%, var(--border))}}.room-voice-heading,.room-chat-heading{min-width:0}.voice-status{border-color:var(--border);align-items:center;gap:.38rem;min-height:2.1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.voice-status{border-color:color-mix(in srgb, var(--border) 80%, transparent)}}.voice-status{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.voice-status{background:color-mix(in srgb, var(--background) 68%, var(--surface))}}.voice-status--connected{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.voice-status--connected{border-color:color-mix(in srgb, var(--success) 36%, var(--border))}}.voice-status--connected{color:var(--success)}.voice-status--error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.voice-status--error{border-color:color-mix(in srgb, var(--danger) 38%, var(--border))}}.voice-status--error{color:var(--danger)}.room-voice-policy{border:1px solid var(--border);align-items:flex-start;gap:.5rem;padding:.72rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.room-voice-policy{border:1px solid color-mix(in srgb, var(--border) 68%, transparent)}}.room-voice-policy{color:var(--text-muted);opacity:1;background:#ffffff04;border-radius:.85rem;line-height:1.55}.room-voice-policy svg{color:var(--accent);margin-block-start:.08rem}.room-voice-controls{gap:.55rem}.voice-toggle{border:1px solid var(--border);gap:.55rem;min-height:3rem;padding:.55rem .75rem}@supports (color:color-mix(in lab, red, red)){.voice-toggle{border:1px solid color-mix(in srgb, var(--border) 82%, transparent)}}.voice-toggle{background:var(--background);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.voice-toggle{background:color-mix(in srgb, var(--background) 64%, var(--surface))}}.voice-toggle input{width:1.08rem;height:1.08rem;accent-color:var(--primary)}.voice-participant{border-color:var(--border);min-height:4.25rem}@supports (color:color-mix(in lab, red, red)){.voice-participant{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.voice-participant{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.voice-participant{background:color-mix(in srgb, var(--background) 66%, var(--surface))}}.voice-participant{transition:border-color .15s,box-shadow .15s,transform .15s}.voice-participant--speaking{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.voice-participant--speaking{border-color:color-mix(in srgb, var(--success) 54%, var(--border))}}.voice-participant--speaking{box-shadow:0 0 0 3px var(--success), 0 12px 28px #00000026;outline:0}@supports (color:color-mix(in lab, red, red)){.voice-participant--speaking{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 9%, transparent), 0 12px 28px #00000026}}.voice-participant--speaking{transform:translateY(-1px)}.voice-speaker-dot{border:1px solid var(--border);place-items:center;width:2rem;height:2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.voice-speaker-dot{border:1px solid color-mix(in srgb, var(--border) 84%, transparent)}}.voice-speaker-dot{background:var(--surface-elevated);opacity:.72;border-radius:.65rem}.voice-speaker-dot--active{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.voice-speaker-dot--active{border-color:color-mix(in srgb, var(--success) 38%, var(--border))}}.voice-speaker-dot--active{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.voice-speaker-dot--active{background:color-mix(in srgb, var(--success) 10%, var(--surface-elevated))}}.voice-speaker-dot--active{color:var(--success);opacity:1;box-shadow:0 0 0 3px var(--success)}@supports (color:color-mix(in lab, red, red)){.voice-speaker-dot--active{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 8%, transparent)}}.voice-volume-control{min-width:min(13rem,42vw)}.voice-volume-control input[type=range]{accent-color:var(--primary)}.room-chat-messages{border-color:var(--border);min-height:9rem;max-height:min(23rem,44svh)}@supports (color:color-mix(in lab, red, red)){.room-chat-messages{border-color:color-mix(in srgb, var(--border) 72%, transparent)}}.room-chat-messages{background:radial-gradient(circle at 10% 0%, #34d39908, transparent 12rem), var(--background)}@supports (color:color-mix(in lab, red, red)){.room-chat-messages{background:radial-gradient(circle at 10% 0%, #34d39908, transparent 12rem), color-mix(in srgb, var(--background) 72%, var(--surface))}}.room-chat-messages{scrollbar-gutter:stable}.room-chat-message{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.room-chat-message{border:1px solid color-mix(in srgb, var(--border) 64%, transparent)}}.room-chat-message{background:var(--surface-elevated)}@supports (color:color-mix(in lab, red, red)){.room-chat-message{background:color-mix(in srgb, var(--surface-elevated) 88%, transparent)}}.room-chat-message{box-shadow:0 8px 20px #00000014}.room-chat-message--own{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.room-chat-message--own{border-color:color-mix(in srgb, var(--primary) 24%, var(--border))}}.room-chat-message--own{background:linear-gradient(135deg, var(--primary), var(--accent))}@supports (color:color-mix(in lab, red, red)){.room-chat-message--own{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, var(--surface-elevated)), color-mix(in srgb, var(--accent) 5%, var(--surface-elevated)))}}.room-chat-empty-state{text-align:center;align-content:center;place-items:center;gap:.6rem;min-height:7rem;display:grid}.empty-state-icon{aspect-ratio:1;border:1px solid var(--success);width:2.8rem}@supports (color:color-mix(in lab, red, red)){.empty-state-icon{border:1px solid color-mix(in srgb, var(--success) 22%, var(--border))}}.empty-state-icon{background:var(--success);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.empty-state-icon{background:color-mix(in srgb, var(--success) 6%, var(--surface))}}.empty-state-icon{color:var(--success)}@supports (color:color-mix(in lab, red, red)){.empty-state-icon{color:color-mix(in srgb, var(--success) 72%, var(--text-muted))}}.room-chat-notice{border:1px solid var(--warning);padding:.65rem .75rem}@supports (color:color-mix(in lab, red, red)){.room-chat-notice{border:1px solid color-mix(in srgb, var(--warning) 20%, var(--border))}}.room-chat-notice{background:var(--warning);border-radius:.8rem}@supports (color:color-mix(in lab, red, red)){.room-chat-notice{background:color-mix(in srgb, var(--warning) 5%, transparent)}}.room-chat-notice{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.room-chat-notice{color:color-mix(in srgb, var(--text-muted) 85%, var(--warning))}}.room-chat-notice{line-height:1.5}.room-chat-form textarea{resize:none}.count-badge--with-icon{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.count-badge--with-icon{color:color-mix(in srgb, var(--text-muted) 90%, var(--success))}}.game-experience{align-content:start;width:min(100%,51rem);min-height:calc(100svh - 8rem);padding-block-start:clamp(.75rem,3vw,2rem)}.game-experience>.connection-status{z-index:18;justify-self:center;position:sticky;inset-block-start:max(.65rem, env(safe-area-inset-top));box-shadow:0 10px 28px #0000002e;margin-block-start:0!important}.game-status-card,.role-reveal-shell,.ready-waiting-shell,.turn-order-shell,.turn-play-shell,.endgame-shell,.discussion-shell{border-radius:1.55rem}.game-status-card{overflow:hidden}.status-hero-icon,.result-hero-icon,.discussion-mark--icon,.loading-mark--icon{aspect-ratio:1;border:1px solid var(--primary);width:4rem}@supports (color:color-mix(in lab, red, red)){.status-hero-icon,.result-hero-icon,.discussion-mark--icon,.loading-mark--icon{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border))}}.status-hero-icon,.result-hero-icon,.discussion-mark--icon,.loading-mark--icon{background:linear-gradient(145deg, var(--primary), var(--accent));border-radius:1.25rem}@supports (color:color-mix(in lab, red, red)){.status-hero-icon,.result-hero-icon,.discussion-mark--icon,.loading-mark--icon{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 14%, var(--surface-elevated)), color-mix(in srgb, var(--accent) 5%, var(--surface-elevated)))}}.status-hero-icon,.result-hero-icon,.discussion-mark--icon,.loading-mark--icon{color:var(--primary-strong);box-shadow:0 16px 36px #00000029}.loading-mark--icon{animation:1.8s ease-in-out infinite voice-pulse}.role-card{border-color:var(--primary);min-height:min(55svh,31rem)}@supports (color:color-mix(in lab, red, red)){.role-card{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.role-card{background:radial-gradient(circle at 50% 10%, #8b5cf62b, transparent 40%), radial-gradient(circle at 100% 80%, #38bdf80d, transparent 34%), var(--background);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.role-card{background:radial-gradient(circle at 50% 10%, #8b5cf62b, transparent 40%), radial-gradient(circle at 100% 80%, #38bdf80d, transparent 34%), color-mix(in srgb, var(--background) 86%, var(--surface))}}.role-card{box-shadow:0 24px 70px #0000003d,inset 0 1px #ffffff0d}.role-card-mark{border-color:var(--primary);width:5.5rem}@supports (color:color-mix(in lab, red, red)){.role-card-mark{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.role-card-mark{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-card-mark{background:color-mix(in srgb, var(--primary) 12%, var(--surface-elevated))}}.role-card-mark{color:var(--primary-strong)}.role-overline{align-items:center;gap:.38rem;display:inline-flex}.role-name{letter-spacing:-.045em;font-size:clamp(2.4rem,10vw,4.8rem)}.ready-action-panel{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.ready-action-panel{border-color:color-mix(in srgb, var(--success) 22%, var(--border))}}.ready-action-panel{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.ready-action-panel{background:color-mix(in srgb, var(--success) 4%, var(--surface-elevated))}}.ready-action-copy{align-items:flex-start}.ready-progress,.turn-timer-progress{border:1px solid var(--border);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ready-progress,.turn-timer-progress{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.ready-progress,.turn-timer-progress{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.ready-progress,.turn-timer-progress{background:color-mix(in srgb, var(--background) 76%, var(--surface))}}.ready-progress,.turn-timer-progress{box-shadow:inset 0 1px #ffffff08}.ready-progress span{background:linear-gradient(90deg, var(--primary), var(--accent));box-shadow:0 0 18px #8b5cf63d}.turn-play-header,.phase-header{align-items:center}.turn-clock{border-color:var(--warning);grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .45rem;min-width:7.5rem}@supports (color:color-mix(in lab, red, red)){.turn-clock{border-color:color-mix(in srgb, var(--warning) 22%, var(--border))}}.turn-clock{background:linear-gradient(145deg, #fbbf240f, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.turn-clock{background:linear-gradient(145deg, #fbbf240f, transparent), color-mix(in srgb, var(--background) 76%, var(--surface))}}.turn-clock-icon{color:var(--warning);grid-row:span 2}.turn-clock strong{color:#0000;background:linear-gradient(#fff,#ffd982);-webkit-background-clip:text;background-clip:text}.turn-clock--danger{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.turn-clock--danger{border-color:color-mix(in srgb, var(--danger) 32%, var(--border))}}.turn-clock--danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.turn-clock--danger{background:color-mix(in srgb, var(--danger) 6%, var(--surface))}}.turn-clock--danger .turn-clock-icon{color:var(--danger)}.turn-timer-progress span{background:linear-gradient(90deg, var(--success), var(--warning) 68%, var(--danger));transform-origin:inline-start;box-shadow:0 0 20px #34d3992e}html[dir=rtl] .turn-timer-progress span{transform-origin:inline-end}.turn-play-grid{gap:.8rem}.current-speaker-card,.round-order-panel{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.current-speaker-card,.round-order-panel{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.current-speaker-card,.round-order-panel{background:linear-gradient(145deg, #ffffff06, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.current-speaker-card,.round-order-panel{background:linear-gradient(145deg, #ffffff06, transparent), color-mix(in srgb, var(--background) 70%, var(--surface))}}.current-speaker-card{position:relative;overflow:hidden}.current-speaker-card:before{background:linear-gradient(var(--primary), var(--accent));content:"";width:3px;position:absolute;inset:0 auto 0 0}html[dir=rtl] .current-speaker-card:before{inset:0 0 0 auto}.current-speaker-card--you{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.current-speaker-card--you{border-color:color-mix(in srgb, var(--success) 32%, var(--border))}}.current-speaker-card--you{box-shadow:0 0 0 3px var(--success), 0 18px 42px #00000024}@supports (color:color-mix(in lab, red, red)){.current-speaker-card--you{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 6%, transparent), 0 18px 42px #00000024}}.current-speaker-label{color:var(--text-muted);font-size:.78rem;font-weight:750}.current-speaker-label svg{color:var(--accent)}.turn-order-row{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.turn-order-row{border-color:color-mix(in srgb, var(--border) 78%, transparent)}}.turn-order-row{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.turn-order-row{background:color-mix(in srgb, var(--background) 62%, var(--surface))}}.turn-order-row--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.turn-order-row--active{border-color:color-mix(in srgb, var(--primary) 52%, var(--border))}}.turn-order-row--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.turn-order-row--active{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}}.turn-order-row--active{box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.turn-order-row--active{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 7%, transparent)}}.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.candidate-card{border-color:var(--border);min-height:9.25rem}@supports (color:color-mix(in lab, red, red)){.candidate-card{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.candidate-card{background:linear-gradient(145deg, #ffffff05, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.candidate-card{background:linear-gradient(145deg, #ffffff05, transparent), color-mix(in srgb, var(--background) 70%, var(--surface))}}.candidate-card{transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}.candidate-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.candidate-card:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}}.candidate-card:hover{transform:translateY(-2px)}.candidate-card--selected{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.candidate-card--selected{border-color:color-mix(in srgb, var(--primary) 78%, var(--border))}}.candidate-card--selected{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.candidate-card--selected{background:color-mix(in srgb, var(--primary) 11%, var(--surface))}}.candidate-card--selected{box-shadow:0 0 0 3px var(--primary), 0 16px 34px #00000029}@supports (color:color-mix(in lab, red, red)){.candidate-card--selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent), 0 16px 34px #00000029}}.candidate-avatar{aspect-ratio:1;border-radius:.9rem;place-items:center;width:3rem;display:grid}.phase-progress{border:1px solid var(--primary);align-items:center;width:fit-content;min-height:2.2rem;padding-inline:.75rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.phase-progress{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border))}}.phase-progress{background:var(--primary);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.phase-progress{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}}.phase-progress{color:var(--primary-strong)}.discussion-mark--icon{margin-inline:auto}.discussion-mark--icon span{display:none}.result-banner{position:relative;overflow:hidden}.result-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf62e,#0000 66%);border-radius:50%;height:14rem;position:absolute;inset:-10rem -5rem auto}.result-banner--citizens:after{background:radial-gradient(circle,#34d39929,#0000 66%)}.result-banner>*{z-index:1;position:relative}.result-hero-icon{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.result-hero-icon{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}}.result-hero-icon{color:var(--primary-strong)}.result-banner--citizens .result-hero-icon{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.result-banner--citizens .result-hero-icon{border-color:color-mix(in srgb, var(--success) 36%, var(--border))}}.result-banner--citizens .result-hero-icon{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.result-banner--citizens .result-hero-icon{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.result-banner--citizens .result-hero-icon{color:var(--success)}.result-facts article{border-color:var(--border);min-height:7rem}@supports (color:color-mix(in lab, red, red)){.result-facts article{border-color:color-mix(in srgb, var(--border) 80%, transparent)}}.result-facts article{background:linear-gradient(145deg, #ffffff05, transparent), var(--background)}@supports (color:color-mix(in lab, red, red)){.result-facts article{background:linear-gradient(145deg, #ffffff05, transparent), color-mix(in srgb, var(--background) 64%, var(--surface-elevated))}}.result-facts article>span svg{color:var(--primary-strong)}.session-score-row,.session-history-list>li,.vote-status-list li,.result-vote-list li{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.session-score-row,.session-history-list>li,.vote-status-list li,.result-vote-list li{border-color:color-mix(in srgb, var(--border) 78%, transparent)}}.session-score-row,.session-history-list>li,.vote-status-list li,.result-vote-list li{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.session-score-row,.session-history-list>li,.vote-status-list li,.result-vote-list li{background:color-mix(in srgb, var(--background) 60%, var(--surface-elevated))}}.session-score-row--you{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.session-score-row--you{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))}}.session-score-row--you{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.session-score-row--you{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}}.form-error,.field-error{text-wrap:pretty}.form-error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.form-error{border-color:color-mix(in srgb, var(--danger) 36%, var(--border))}}.form-error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.form-error{background:color-mix(in srgb, var(--danger) 7%, var(--surface))}}@keyframes voice-pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf600}50%{transform:scale(1.035);box-shadow:0 0 0 .45rem #8b5cf60d}}@media (min-width:64rem){.lobby-layout>.room-chat-panel,.lobby-layout>.room-voice-panel{grid-column:1/-1;width:100%}}@media (max-width:63.99rem){.hero{text-align:center;grid-template-columns:1fr;align-content:center}.hero-copy{text-align:center;max-width:46rem;margin-inline:auto}.hero-copy h1,.hero-description{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.game-preview{width:min(22rem,74vw)}.lobby-layout{grid-template-columns:1fr}.lobby-hero{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:47.99rem){.site-header{width:min(100% - 1.25rem,78rem)}.site-header:before{inset-inline:-.2rem}.room-page,.hero{width:min(100% - 1.25rem,78rem)}.room-page{padding-block-start:1rem}.room-page-grid,.join-layout{gap:1rem}.room-intro{padding-block-end:.25rem}.lobby-hero{grid-template-columns:1fr}.lobby-actions{justify-content:stretch}.lobby-actions .action-button{flex:11rem}.start-game-panel{grid-template-columns:1fr}.start-game-panel .action-button{width:100%}.room-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-play-header,.phase-header{grid-template-columns:1fr;align-items:stretch}.turn-clock{grid-template-columns:auto 1fr auto;width:100%;min-width:0}.turn-play-grid,.endgame-grid{grid-template-columns:1fr}.voice-participant{align-items:stretch}.voice-volume-control{min-width:0}}@media (max-width:35.99rem){.site-header{gap:.55rem;min-height:4.8rem}.brand{gap:.5rem}.brand-mark{width:2.4rem}.brand-copy small{display:none}.language-switcher{scrollbar-width:none;max-width:min(13rem,56vw);min-height:2.7rem;overflow-x:auto}.language-switcher::-webkit-scrollbar{display:none}.language-option{min-width:2.85rem;min-height:2.35rem;padding-inline:.55rem;font-size:.7rem}.hero{min-height:calc(100svh - 5rem);padding-block:2rem max(3rem, calc(env(safe-area-inset-bottom) + 2rem));gap:2rem}.hero-copy h1{font-size:clamp(3.2rem,20vw,5.2rem)}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .action-button{width:100%}.game-preview{width:min(19rem,82vw)}.room-page{width:min(100% - 1rem,78rem)}.form-panel,.public-rooms-panel,.lobby-panel,.lobby-hero,.room-chat-panel,.room-voice-panel,.role-reveal-shell,.ready-waiting-shell,.turn-play-shell,.endgame-shell,.game-status-card{border-radius:1.15rem}.form-panel,.lobby-panel,.lobby-hero,.room-chat-panel,.room-voice-panel{padding:1rem}.choice-grid,.form-grid,.room-facts{grid-template-columns:1fr}.choice-card>span{min-height:5.75rem}.public-room-card{grid-template-columns:minmax(5rem,auto) minmax(0,1fr);grid-template-areas:"code language""code players""action action"}.public-room-card strong{justify-self:end;padding-block-start:.3rem}.room-code-display{font-size:clamp(2.5rem,16vw,4rem)}.player-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem .65rem;display:grid}.player-row .presence-badge{grid-column:2/-1;justify-self:start}.room-voice-heading,.room-chat-heading,.compact-heading,.session-panel-heading{align-items:flex-start}.room-voice-heading{flex-direction:column}.voice-status{margin-inline-start:3.5rem}.room-voice-controls{grid-template-columns:1fr 1fr;display:grid}.room-voice-controls .action-button,.room-voice-controls .voice-toggle{width:100%}.voice-ptt-button{grid-column:1/-1;min-height:4rem}.voice-participant-main,.voice-volume-control,.voice-volume-control input[type=range]{width:100%}.room-chat-message{width:min(94%,34rem)}.room-chat-form-footer{flex-direction:column;align-items:stretch}.room-chat-form-footer .action-button{width:100%}.moderation-setting,.moderation-row{gap:.8rem}.moderation-actions{grid-template-columns:1fr 1fr;display:grid}.turn-play-shell,.endgame-shell,.role-reveal-shell,.ready-waiting-shell{padding:.85rem}.turn-clock strong{font-size:clamp(2.1rem,13vw,3.1rem)}.current-speaker-card,.round-order-panel,.endgame-panel{padding:1rem}.end-turn-button,.ready-action-button,.endgame-panel>.action-button:last-child{width:100%}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-card{min-height:8rem;padding:.7rem}.result-facts{grid-template-columns:1fr}}@media (max-width:22.5rem){.brand-copy strong{display:none}.language-switcher{max-width:72vw}.room-voice-controls,.moderation-actions,.candidate-grid{grid-template-columns:1fr}.voice-ptt-button{grid-column:auto}}@media (hover:none) and (pointer:coarse){.action-button,.language-option,.public-room-card,.candidate-card{min-height:3rem}.action-button:hover,.public-room-card:hover,.candidate-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.loading-mark--icon,.voice-participant--speaking,.action-button,.public-room-card,.candidate-card,.choice-card-icon{transition-duration:.01ms!important;animation:none!important}}@media (forced-colors:active){.brand-mark,.choice-card-icon,.panel-heading-icon,.heading-inline-icon,.feature-icon,.inline-feature-icon,.status-hero-icon,.result-hero-icon,.voice-speaker-dot{color:canvastext;background:canvas;border-color:canvastext}}.hero-copy h1{letter-spacing:-.055em;max-width:8.5ch;padding-block:.08em .12em;font-size:clamp(4.35rem,8.4vw,7.7rem);line-height:.96;overflow:visible}html[lang=fa] .hero-copy h1{letter-spacing:0;white-space:nowrap;max-width:none;padding-inline:.04em;font-size:clamp(4.5rem,8.1vw,7.45rem);line-height:1.08}.game-preview{isolation:isolate;aspect-ratio:1;width:min(27rem,78vw)}.preview-halo{border-color:var(--primary);inset:10%}@supports (color:color-mix(in lab, red, red)){.preview-halo{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.preview-halo{background:radial-gradient(circle at 48% 48%,#8b5cf61a,#0000 43%),radial-gradient(circle,#38bdf80a,#0000 67%);box-shadow:0 0 0 2.2rem #8b5cf606,0 0 0 5.1rem #8b5cf605}.preview-halo:before{border-color:var(--primary-strong);inset:14%}@supports (color:color-mix(in lab, red, red)){.preview-halo:before{border-color:color-mix(in srgb, var(--primary-strong) 22%, transparent)}}.preview-halo:after{filter:blur(16px);background:radial-gradient(circle,#8b5cf62e,#8b5cf605 62%,#0000 72%);inset:31%}.identity-card{aspect-ratio:.78;border-color:var(--primary);gap:.72rem;width:47%;padding:1.15rem .9rem}@supports (color:color-mix(in lab, red, red)){.identity-card{border-color:color-mix(in srgb, var(--primary) 68%, var(--border))}}.identity-card{background:linear-gradient(160deg,#ffffff17,#0000 35%),radial-gradient(circle at 50% 0,#8b5cf62e,#0000 38%),linear-gradient(145deg,#191e32 0%,#0d1120 74%);border-radius:1.8rem;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 34px 90px #00000075,inset 0 1px #ffffff1a,0 0 70px #8b5cf61a}.identity-card:before{content:"";opacity:.82;background:linear-gradient(90deg,#0000,#8b5cf6b8,#38bdf885,#0000);border-radius:999px;height:.2rem;position:absolute;inset:.7rem .75rem auto}.identity-card:after{z-index:-1;content:"";opacity:.32;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:1.25rem 1.25rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.identity-card-glow{filter:blur(30px);background:#8b5cf657;inset:-18% 10% 65%}.identity-mark{border-color:var(--primary-strong);width:4.25rem}@supports (color:color-mix(in lab, red, red)){.identity-mark{border-color:color-mix(in srgb, var(--primary-strong) 62%, var(--border))}}.identity-mark{background:radial-gradient(circle,#8b5cf62e,#8b5cf612);box-shadow:0 0 0 .45rem #8b5cf60a}.secret-line{background:linear-gradient(90deg, var(--text-muted), var(--primary));height:.3rem}@supports (color:color-mix(in lab, red, red)){.secret-line{background:linear-gradient(90deg, color-mix(in srgb, var(--text-muted) 38%, transparent), color-mix(in srgb, var(--primary) 18%, transparent))}}.identity-chip{width:2.35rem;margin-block-start:.1rem;box-shadow:0 8px 22px #38bdf814}.player-node{border-color:var(--border);width:3.2rem}@supports (color:color-mix(in lab, red, red)){.player-node{border-color:color-mix(in srgb, var(--border) 84%, var(--primary) 16%)}}.player-node{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.player-node{background:color-mix(in srgb, var(--surface) 94%, #0a0d17)}}.player-node{box-shadow:0 14px 34px #00000061,inset 0 1px #ffffff0d}.player-node--one{inset-block-start:5%;inset-inline-start:18%}.player-node--two{border-color:var(--danger);inset-block-start:40%;inset-inline-end:-1%}@supports (color:color-mix(in lab, red, red)){.player-node--two{border-color:color-mix(in srgb, var(--danger) 42%, var(--border))}}.player-node--two{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.player-node--two{background:color-mix(in srgb, var(--danger) 7%, var(--surface))}}.player-node--three{inset-block-end:4%;inset-inline-start:20%}.player-node--two span{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.player-node--two span{background:color-mix(in srgb, var(--danger) 76%, white 4%)}}.player-node--two span{box-shadow:0 0 22px var(--danger)}@supports (color:color-mix(in lab, red, red)){.player-node--two span{box-shadow:0 0 22px color-mix(in srgb, var(--danger) 42%, transparent)}}.room-page-grid{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:clamp(2.5rem,6vw,5rem)}html[dir=rtl] .room-page-grid{direction:rtl}.room-intro{position:sticky;top:6.5rem}.room-form.form-panel{background:linear-gradient(145deg, #ffffff08, transparent 34%), var(--surface);border-radius:1.55rem;gap:.9rem;padding:clamp(1rem,2.5vw,1.45rem)}@supports (color:color-mix(in lab, red, red)){.room-form.form-panel{background:linear-gradient(145deg, #ffffff08, transparent 34%), color-mix(in srgb, var(--surface) 96%, transparent)}}.create-form-section{border:1px solid var(--border);gap:.85rem;min-width:0;margin:0;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.create-form-section{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.create-form-section{background:linear-gradient(145deg, #ffffff06, transparent 42%), var(--background);border-radius:1.05rem}@supports (color:color-mix(in lab, red, red)){.create-form-section{background:linear-gradient(145deg, #ffffff06, transparent 42%), color-mix(in srgb, var(--background) 68%, var(--surface))}}.create-form-section{box-shadow:inset 0 1px #ffffff08}.create-form-basics{grid-template-columns:minmax(0,1fr) minmax(7.5rem,.42fr);align-items:start}.create-form-name{grid-column:1/-1}.create-form-section>legend{align-items:center;gap:.5rem;width:auto;max-width:100%;margin:0 0 .05rem;padding-inline:.15rem;display:inline-flex}.field-group>label{align-items:center;gap:.45rem;display:inline-flex}.field-label-icon{aspect-ratio:1;border:1px solid var(--primary);flex:none;place-items:center;width:1.75rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.field-label-icon{border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border))}}.field-label-icon{background:var(--primary);border-radius:.55rem}@supports (color:color-mix(in lab, red, red)){.field-label-icon{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}}.field-label-icon{color:var(--primary-strong)}@supports (color:color-mix(in lab, red, red)){.field-label-icon{color:color-mix(in srgb, var(--primary-strong) 86%, white 8%)}}.create-form-section .choice-grid{grid-auto-rows:1fr}.create-form-section .choice-card,.create-form-section .choice-card>span{height:100%}.create-form-section .choice-card>span{min-height:5.4rem;padding:.85rem}.create-form-section .choice-card small{line-height:1.45}.create-private-password{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.create-private-password{border-color:color-mix(in srgb, var(--warning) 18%, var(--border))}}.game-timing-fieldset .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.room-form .field-hint{max-width:66ch;color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.room-form .field-hint{color:color-mix(in srgb, var(--text-muted) 88%, white 4%)}}.room-form .field-hint{font-size:.76rem}.room-form .form-submit{border-radius:1rem;min-height:3.45rem;margin-block-start:.15rem;font-size:1rem}@media (max-width:63.99rem){.hero-copy h1{font-size:clamp(4rem,11vw,6.7rem)}html[lang=fa] .hero-copy h1{font-size:clamp(4.15rem,11vw,6.55rem)}.game-preview{width:min(23rem,70vw)}.room-page-grid{grid-template-columns:1fr}.room-intro{max-width:46rem;position:static}}@media (max-width:47.99rem){.hero-copy h1{max-width:9ch;font-size:clamp(3.65rem,14vw,5.5rem)}html[lang=fa] .hero-copy h1{max-width:none;font-size:clamp(3.8rem,14.5vw,5.35rem)}.game-preview{width:min(20rem,72vw)}.room-form.form-panel,.create-form-section{padding:.9rem}}@media (max-width:35.99rem){.hero-copy h1{font-size:clamp(3.2rem,17vw,4.7rem);line-height:1}html[lang=fa] .hero-copy h1{font-size:clamp(3.35rem,17.5vw,4.65rem);line-height:1.08}.game-preview{width:min(17.5rem,74vw)}.identity-card{border-radius:1.45rem;width:49%}.player-node{width:2.75rem}.create-form-basics,.game-timing-fieldset .form-grid,.create-form-section .choice-grid{grid-template-columns:1fr}.create-form-section .choice-card>span{min-height:5rem}}.identity-card{aspect-ratio:.74;border:1px solid var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:46%;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.identity-card{border:1px solid color-mix(in srgb, var(--primary) 54%, var(--border))}}.identity-card{box-shadow:0 28px 80px #0000006b, 0 1px 0 #ffffff1a inset, 0 0 54px var(--primary);background:radial-gradient(circle at 24% 18%,#ffffff24,#0000 32%),linear-gradient(160deg,#161c39f5,#060a19fa);border-radius:2rem}@supports (color:color-mix(in lab, red, red)){.identity-card{box-shadow:0 28px 80px #0000006b, 0 1px 0 #ffffff1a inset, 0 0 54px color-mix(in srgb, var(--primary) 18%, transparent)}}.identity-card{isolation:isolate;transform:translate(-50%,-50%)rotate(-6deg)}html[dir=rtl] .identity-card{transform:translate(-50%,-50%)rotate(6deg)}.identity-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 26%),linear-gradient(120deg,#0000 0%,#8365ff1a 48%,#0000 100%);position:absolute;inset:0}.identity-card-glow{background:radial-gradient(circle, var(--primary), transparent 72%);border-radius:999px;height:28%;position:absolute;inset:auto 14% 16%}@supports (color:color-mix(in lab, red, red)){.identity-card-glow{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 22%, transparent), transparent 72%)}}.identity-card-glow{filter:blur(18px);opacity:.9;z-index:0}.spy-card-artwork{z-index:1;width:100%;padding:.3rem .2rem 0;position:relative}.spy-card-svg{width:100%;height:auto;display:block}.secret-line{z-index:1;background:var(--text-muted);border-radius:999px;height:.35rem;position:relative}@supports (color:color-mix(in lab, red, red)){.secret-line{background:color-mix(in srgb, var(--text-muted) 28%, transparent)}}.secret-line--long{width:44%}.secret-line--short{width:30%}.identity-chip{z-index:2;border:1px solid #4ddfff;place-items:center;width:2.4rem;height:2.4rem;display:grid;position:absolute;inset-block-end:1rem;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.identity-chip{border:1px solid color-mix(in srgb, #4ddfff 72%, var(--border))}}.identity-chip{color:#7ee7ff;background:#031222f0;border-radius:999px;font-size:1.05rem;font-weight:800;transform:translate(-50%);box-shadow:0 0 22px #4ddfff38}.identity-card{border:1px solid var(--primary);padding:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.identity-card{border:1px solid color-mix(in srgb, var(--primary) 42%, var(--border))}}.identity-card{background:radial-gradient(circle at 50% 42%, var(--primary), transparent 58%), linear-gradient(150deg, #11162bf5, #050916fa)}@supports (color:color-mix(in lab, red, red)){.identity-card{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 58%), linear-gradient(150deg, #11162bf5, #050916fa)}}.identity-card{box-shadow:0 32px 90px #00000075, 0 1px 0 #ffffff17 inset, 0 0 60px var(--primary)}@supports (color:color-mix(in lab, red, red)){.identity-card{box-shadow:0 32px 90px #00000075, 0 1px 0 #ffffff17 inset, 0 0 60px color-mix(in srgb, var(--primary) 15%, transparent)}}.identity-card:before{z-index:3;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 24% 70%,#7d5fff14);position:absolute;inset:0}.identity-card-glow{z-index:0;background:radial-gradient(circle, var(--primary), transparent 68%);border-radius:50%;position:absolute;inset:14%}@supports (color:color-mix(in lab, red, red)){.identity-card-glow{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 24%, transparent), transparent 68%)}}.identity-card-glow{filter:blur(18px);opacity:.9}.spy-emblem-image{z-index:2;object-fit:contain;width:86%;height:auto;filter:drop-shadow(0 16px 28px #00000073) drop-shadow(0 0 20px var(--primary));margin:auto;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.spy-emblem-image{filter:drop-shadow(0 16px 28px #00000073) drop-shadow(0 0 20px color-mix(in srgb, var(--primary) 14%, transparent))}}.spy-emblem-image{transform:rotate(.01deg)}.identity-card .spy-card-artwork,.identity-card .spy-card-emblem,.identity-card .spy-card-scanline,.identity-card .identity-chip,.identity-card .secret-line,.identity-card .identity-mark{display:none!important}@media (max-width:640px){.identity-card{border-radius:1.5rem;width:48%}.spy-emblem-image{width:88%}}.spy-showcase{isolation:isolate;aspect-ratio:1;perspective:1000px;width:min(28rem,78vw);margin-inline:auto;position:relative}.spy-showcase-aura{filter:blur(18px);opacity:.78;background:radial-gradient(circle at 50% 48%,#8b5cf633,#0000 34%),radial-gradient(circle at 62% 42%,#4dd8f717,#0000 42%);border-radius:50%;position:absolute;inset:6%}.spy-showcase-orbit{border:1px solid #a78bfa61;border-radius:50%;position:absolute;inset:10%;box-shadow:0 0 0 2.6rem #8b5cf606,0 0 0 5.4rem #8b5cf603}.spy-showcase-orbit--inner{box-shadow:none;border-style:dashed;border-color:#94a3b82b;inset:25%}.spy-showcase-orbit--outer:before,.spy-showcase-orbit--outer:after{aspect-ratio:1;content:"";background:#67e8f9;border-radius:50%;width:.42rem;position:absolute;box-shadow:0 0 18px #67e8f98c}.spy-showcase-orbit--outer:before{inset-block-start:17%;inset-inline-end:4%}.spy-showcase-orbit--outer:after{background:#a78bfa;inset-block-end:18%;inset-inline-start:2%;box-shadow:0 0 18px #a78bfa80}.spy-showcase-card{aspect-ratio:.76;width:50%;transform-style:preserve-3d;background:linear-gradient(155deg,#ffffff14,#0000 24%),radial-gradient(circle at 50% 18%,#8b5cf62e,#0000 38%),linear-gradient(145deg,#15192c 0%,#0b0f1d 58%,#070a13 100%);border:1px solid #a78bfa8f;border-radius:1.8rem;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:0%;overflow:hidden;transform:translate(-50%,-50%)rotate(-4deg)rotateY(7deg);box-shadow:0 38px 90px #00000085,inset 0 1px #ffffff1a,0 0 60px #8b5cf621}html[dir=rtl] .spy-showcase-card{transform:translate(-50%,-50%)rotate(4deg)rotateY(-7deg)}.spy-showcase-card:before{content:"";background:linear-gradient(112deg,#0000 16%,#ffffff14 39%,#0000 56%);position:absolute;inset:0;transform:translate(-72%)}.spy-showcase-card-glow{filter:blur(25px);background:radial-gradient(circle,#8b5cf647,#4dd8f70f 46%,#0000 70%);border-radius:50%;position:absolute;inset:9% 4% 28%}.spy-showcase-grid{opacity:.28;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:1.15rem 1.15rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.spy-showcase-corner{z-index:3;opacity:.72;width:1.45rem;height:1.45rem;position:absolute}.spy-showcase-corner--tl{border-block-start:1px solid #67e8f9;border-inline-start:1px solid #67e8f9;border-start-start-radius:.35rem;inset-block-start:.8rem;inset-inline-start:.8rem}.spy-showcase-corner--br{border-block-end:1px solid #a78bfa;border-inline-end:1px solid #a78bfa;border-end-end-radius:.35rem;inset-block-end:.8rem;inset-inline-end:.8rem}.spy-showcase-sigil{z-index:2;filter:drop-shadow(0 16px 26px #0000006b);width:90%;margin-block-start:-.2rem;position:relative;transform:translateZ(26px)}.spy-showcase-sigil svg{width:100%;height:auto;display:block}.spy-showcase-data{z-index:4;grid-template-columns:1.2fr .8fr 1.8fr auto;align-items:center;gap:.32rem;display:grid;position:absolute;inset-block-end:1rem;inset-inline:1.25rem}.spy-showcase-data span{background:#94a3b83d;border-radius:999px;height:.18rem}.spy-showcase-data span:nth-child(2){background:#a78bfa7a}.spy-showcase-data span:nth-child(3){background:linear-gradient(90deg,#4dd8f78c,#0000)}.spy-showcase-data i{aspect-ratio:1;background:#67e8f9;border-radius:50%;width:.42rem;box-shadow:0 0 12px #67e8f98c}.spy-showcase-node{z-index:5;aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1220e0;border:1px solid #94a3b84d;border-radius:50%;place-items:center;width:3.1rem;display:grid;position:absolute;box-shadow:0 16px 34px #00000057,inset 0 1px #ffffff0d}.spy-showcase-node i{aspect-ratio:1;background:#7c8aa4;border-radius:50%;width:.78rem}.spy-showcase-node--one{inset-block-start:5%;inset-inline-end:17%}.spy-showcase-node--one i{background:#67e8f9;box-shadow:0 0 18px #67e8f97a}.spy-showcase-node--two{inset-block-end:7%;inset-inline-end:19%}.spy-showcase-node--three{border-color:#a78bfa61;width:2.45rem;inset-block-start:47%;inset-inline-start:-1%}.spy-showcase-node--three i{background:#a78bfa;width:.58rem;box-shadow:0 0 14px #a78bfa6b}@media (prefers-reduced-motion:no-preference){.spy-showcase-card{animation:7s ease-in-out infinite spy-card-float}.spy-showcase-orbit--inner{animation:28s linear infinite spy-orbit-spin}.spy-showcase-card:before{animation:8s ease-in-out infinite spy-card-sheen}}@keyframes spy-card-float{0%,to{transform:translate(-50%,-50%)rotate(-4deg)rotateY(7deg)translateY(0)}50%{transform:translate(-50%,-50%)rotate(-2.8deg)rotateY(4deg)translateY(-.45rem)}}@keyframes spy-orbit-spin{to{transform:rotate(360deg)}}@keyframes spy-card-sheen{0%,62%,to{opacity:0;transform:translate(-78%)}72%{opacity:.75}88%{opacity:0;transform:translate(78%)}}html[dir=rtl] .spy-showcase-card{animation-name:spy-card-float-rtl}@keyframes spy-card-float-rtl{0%,to{transform:translate(-50%,-50%)rotate(4deg)rotateY(-7deg)translateY(0)}50%{transform:translate(-50%,-50%)rotate(2.8deg)rotateY(-4deg)translateY(-.45rem)}}@media (max-width:63.99rem){.spy-showcase{width:min(24rem,72vw)}}@media (max-width:47.99rem){.spy-showcase{width:min(20.5rem,76vw)}.spy-showcase-card{border-radius:1.55rem;width:52%}.spy-showcase-node{width:2.65rem}}@media (max-width:35.99rem){.spy-showcase{width:min(18rem,78vw)}.spy-showcase-card{border-radius:1.35rem;width:54%}.spy-showcase-data{inset-block-end:.78rem;inset-inline:.9rem}.spy-showcase-node{width:2.35rem}.spy-showcase-node--three{width:2rem}}:root{--tg-safe-top:0px;--tg-safe-right:0px;--tg-safe-bottom:0px;--tg-safe-left:0px;--tg-content-safe-top:0px;--tg-content-safe-right:0px;--tg-content-safe-bottom:0px;--tg-content-safe-left:0px}html[data-telegram-mini-app=true] body{min-height:var(--tg-viewport-stable-height,100svh);background-color:var(--tg-theme-bg,var(--background))}html[data-telegram-mini-app=true] .page-shell{min-height:var(--tg-viewport-stable-height,100svh);padding-inline-start:max(var(--tg-content-safe-left), env(safe-area-inset-left));padding-inline-end:max(var(--tg-content-safe-right), env(safe-area-inset-right))}html[data-telegram-mini-app=true] .site-header{padding-block-start:max(var(--tg-content-safe-top), env(safe-area-inset-top))}html[data-telegram-mini-app=true] .room-page-main,html[data-telegram-mini-app=true] .home-main{padding-block-end:max(var(--tg-content-safe-bottom), env(safe-area-inset-bottom))}.telegram-identity{border:1px solid var(--border);align-items:center;gap:.65rem;min-height:2.9rem;padding:.68rem .82rem;display:flex}@supports (color:color-mix(in lab, red, red)){.telegram-identity{border:1px solid color-mix(in srgb, var(--border) 78%, transparent)}}.telegram-identity{background:var(--surface-soft);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.telegram-identity{background:color-mix(in srgb, var(--surface-soft) 90%, transparent)}}.telegram-identity{color:var(--text-muted);font-size:.82rem;font-weight:700;line-height:1.35}.telegram-identity-icon{aspect-ratio:1;background:var(--primary);border-radius:.6rem;flex:none;place-items:center;width:1.85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.telegram-identity-icon{background:color-mix(in srgb, var(--primary) 13%, transparent)}}.telegram-identity-icon{color:var(--primary-strong)}.telegram-identity--verified{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--verified{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}}.telegram-identity--verified{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--verified{background:color-mix(in srgb, var(--success) 7%, var(--surface-soft))}}.telegram-identity--verified{color:var(--success)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--verified{color:color-mix(in srgb, var(--success) 45%, var(--text))}}.telegram-identity--verified .telegram-identity-icon{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--verified .telegram-identity-icon{background:color-mix(in srgb, var(--success) 13%, transparent)}}.telegram-identity--verified .telegram-identity-icon{color:var(--success)}.telegram-identity--loading .telegram-identity-icon svg{animation:1.1s linear infinite telegram-auth-spin}.telegram-identity--error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--error{border-color:color-mix(in srgb, var(--danger) 34%, var(--border))}}.telegram-identity--error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--error{background:color-mix(in srgb, var(--danger) 7%, var(--surface-soft))}}.telegram-identity--error{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--error{color:color-mix(in srgb, var(--danger) 44%, var(--text))}}.telegram-identity--error .telegram-identity-icon{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.telegram-identity--error .telegram-identity-icon{background:color-mix(in srgb, var(--danger) 12%, transparent)}}.telegram-identity--error .telegram-identity-icon{color:var(--danger)}@keyframes telegram-auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.telegram-identity--loading .telegram-identity-icon svg{animation:none}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}