:root{--background:#fcf9f8;--primary:#bb000e;--primary-container:#e51c1e;--primary-fixed:#ffdad5;--secondary:#406925;--secondary-container:#c0f19d;--secondary-fixed:#c0f19d;--tertiary:#765700;--tertiary-fixed:#ffdf9d;--tertiary-fixed-dim:#fabd00;--on-surface:#1b1b1b;--on-surface-variant:#5e3f3b;--on-primary:#fff;--on-primary-container:#fffbff;--on-primary-fixed-variant:#930008;--surface-container:#f0eded;--surface-container-low:#f6f3f2;--surface-container-lowest:#fff;--outline:#926e6a;--outline-variant:#e7bdb7;--error:#ba1a1a;--radius:1rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--font-headline:"Plus Jakarta Sans", sans-serif;--font-body:"Be Vietnam Pro", sans-serif;font:18px/145% var(--font-body);letter-spacing:.18px;color:var(--on-surface);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html{box-sizing:border-box;background:var(--background)}*,:before,:after{box-sizing:inherit}body{background:var(--background);min-height:100svh;color:var(--on-surface);font-family:var(--font-body);margin:0}#root{width:100%;max-width:none;text-align:initial;border-inline:0;flex-direction:column;min-height:100svh;margin:0;display:flex}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-family:var(--font-headline)}::selection{background-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--on-surface)}.wd-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}.wd-page{isolation:isolate;min-height:100svh;color:var(--on-surface);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.wd-content-layer{z-index:1;flex:1;position:relative}.wd-floating-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.wd-floating-letter{top:var(--fl-top,auto);right:var(--fl-right,auto);bottom:var(--fl-bottom,auto);left:var(--fl-left,auto);opacity:var(--fl-opacity,.2);filter:blur(var(--fl-blur,1px));transform:rotate(var(--fl-rotate,0deg)) scale(var(--fl-scale,1));transform-origin:50%;position:absolute}.wd-floating-letter--tile{width:var(--fl-size);height:var(--fl-size);background-color:color-mix(in srgb, var(--surface-container-lowest) 82%, transparent);border-radius:var(--fl-radius,var(--radius-xl));box-shadow:0 25px 50px -12px color-mix(in srgb, var(--on-surface) 25%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:center;align-items:center;display:flex}.wd-btn{font-family:var(--font-headline);cursor:pointer;transition:all .2s}.wd-btn:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.wd-btn:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.wd-btn--lift{--wd-btn-rest-transform:none;--wd-btn-hover-transform:translateY(-4px);--wd-btn-active-transform:scale(.95);transform:var(--wd-btn-rest-transform)}.wd-btn--lift:hover:not(:disabled){transform:var(--wd-btn-hover-transform)}.wd-btn--lift:active:not(:disabled){transform:var(--wd-btn-active-transform)}.wd-btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 18px 35px color-mix(in srgb, var(--primary) 24%, transparent)}.wd-btn--secondary{background:var(--secondary);color:var(--on-primary);box-shadow:0 16px 30px color-mix(in srgb, var(--secondary) 20%, transparent)}.wd-btn--ghost{color:var(--primary);background:0 0}.wd-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-weight:700}.page-home{background:var(--background);height:100svh}.page-home__floating-letter{--fl-radius:var(--radius-xl);--base-rotate:var(--fl-rotate,0deg);--base-scale:var(--fl-scale,1)}.page-home__floating-letter-text{font-family:var(--font-headline);font-size:var(--fl-font-size);color:var(--fl-color);font-weight:800;line-height:1}.page-home__floating-letter--w{--fl-top:1.5rem;--fl-left:5%;--fl-size:4.5rem;--fl-font-size:2.75rem;--fl-color:var(--primary);--fl-rotate:-15deg;--fl-opacity:.14;--fl-blur:1px;--fl-scale:1.2}.page-home__floating-letter--a{--fl-top:31%;--fl-right:2%;--fl-size:4rem;--fl-font-size:2.5rem;--fl-color:var(--secondary);--fl-rotate:12deg;--fl-opacity:.18;--fl-blur:2px;--fl-scale:1}.page-home__floating-letter--d{--fl-bottom:20%;--fl-left:8%;--fl-size:5.5rem;--fl-font-size:3.25rem;--fl-color:var(--tertiary);--fl-rotate:-8deg;--fl-opacity:.18;--fl-blur:1px}.page-home__floating-letter--s{--fl-top:55%;--fl-left:20%;--fl-size:3.25rem;--fl-font-size:2rem;--fl-color:var(--primary-container);--fl-rotate:20deg;--fl-opacity:.11;--fl-blur:3px}.page-home__floating-letter--h{--fl-bottom:1.5rem;--fl-right:15%;--fl-size:5rem;--fl-font-size:2.75rem;--fl-color:var(--secondary-container);--fl-rotate:-12deg;--fl-opacity:.14;--fl-blur:2px;--fl-scale:1.05}.page-home__floating-letter--o{--fl-top:18%;--fl-left:40%;--fl-size:2.75rem;--fl-font-size:1.6rem;--fl-color:var(--secondary);--fl-rotate:25deg;--fl-opacity:.1;--fl-blur:2px;--fl-radius:var(--radius-lg)}.page-home__floating-letter--r{--fl-top:15%;--fl-right:25%;--fl-size:4rem;--fl-font-size:2.5rem;--fl-color:var(--primary);--fl-rotate:-10deg;--fl-opacity:.14;--fl-blur:1px;--fl-scale:.92}.page-home__floating-letter--d2{--fl-bottom:40%;--fl-right:30%;--fl-size:2.5rem;--fl-font-size:1.25rem;--fl-color:var(--tertiary);--fl-rotate:45deg;--fl-opacity:.1;--fl-blur:4px;--fl-radius:var(--radius-lg)}.page-home__floating-letter--a2{--fl-bottom:5%;--fl-left:45%;--fl-size:4.5rem;--fl-font-size:2.75rem;--fl-color:var(--on-surface-variant);--fl-rotate:-18deg;--fl-opacity:.16;--fl-blur:1px}.page-home__floating-letter--s2{--fl-top:65%;--fl-right:10%;--fl-size:4rem;--fl-font-size:2.5rem;--fl-color:var(--primary);--fl-rotate:33deg;--fl-opacity:.1;--fl-blur:2px}.page-home__floating-letter--h2{--fl-top:5%;--fl-left:25%;--fl-size:4rem;--fl-font-size:2.5rem;--fl-color:var(--secondary-container);--fl-rotate:15deg;--fl-opacity:.05;--fl-blur:3px}.page-home__main{justify-content:center;align-items:center;min-height:0;padding:1.5rem 1.5rem 2rem;display:flex}.page-home__hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(100%,42rem);display:flex}.page-home__hero-title-wrap{place-items:center;width:min(100%,24rem);min-height:0;display:grid;position:relative}.page-home__hero-orb{border-radius:var(--radius-full);filter:blur(40px);opacity:.4;position:absolute}.page-home__hero-orb--primary{background:var(--tertiary-fixed);width:4rem;height:4rem;top:0;right:0}.page-home__hero-orb--secondary{background:var(--secondary-fixed);opacity:.3;width:5rem;height:5rem;bottom:0;left:0}.page-home__hero-title{z-index:1;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.page-home__hero-logo{width:min(100%,21rem);height:auto;display:block}.page-home__hero-tagline{max-width:34rem;color:var(--on-surface-variant);margin:0;font-size:clamp(.95rem,1.3vw,1.15rem);font-weight:500;line-height:1.35}.page-home__hero-accent{font-weight:700}.page-home__hero-accent--primary{color:var(--primary)}.page-home__hero-accent--secondary{color:var(--secondary)}.page-home__hero-accent--tertiary{color:var(--tertiary)}.page-home__cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;padding-top:.25rem;display:flex}.page-home__cta-btn{border-radius:var(--radius-full);--wd-btn-rest-transform:rotate(var(--cta-rotation,0deg));--wd-btn-hover-transform:translateY(-4px) rotate(var(--cta-rotation,0deg));--wd-btn-active-transform:scale(.95) rotate(var(--cta-rotation,0deg));border:2px solid #0000;min-width:11.5rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:800}.page-home__cta-btn--primary{--cta-rotation:-4deg}.page-home__cta-btn--secondary{--cta-rotation:4deg;color:var(--on-surface);border-color:var(--outline);background:#ffffffeb;box-shadow:0 16px 32px -16px #5e3f3b38}.page-home__cta-btn--active{box-shadow:0 28px 60px -18px #bb000f61}.page-home__panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;background:#ffffffd1;border:1px solid #916e6a33;width:min(24rem,100%);margin-top:1rem;padding:1.25rem;box-shadow:0 25px 50px -12px #00000029}.page-home__form{flex-direction:column;gap:1rem;display:flex}.page-home__field{flex-direction:column;gap:.45rem;display:flex}.page-home__label{color:var(--on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}.page-home__input{border-radius:var(--radius);width:100%;color:var(--on-surface);font-family:var(--font-body);box-sizing:border-box;background:#ffffffeb;border:1px solid #916e6a59;outline:none;padding:.95rem 1rem;font-size:1rem;transition:all .2s}.page-home__input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #bb000f1f}.page-home__input--error{border-color:var(--primary)}.page-home__error{color:var(--on-surface-variant);margin:0;font-size:.875rem;font-weight:600}.page-home__submit{border-radius:var(--radius-full);border:0;align-self:flex-end;padding:.9rem 1.4rem;font-size:1rem;font-weight:800}.page-home__submit:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.page-home__footer{z-index:1;justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 2.25rem 2rem;display:flex;position:relative}.page-home__footer-brand{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.page-home__footer-logo{width:4.2rem;height:auto;display:block}.page-home__footer-copy{color:#1b1b1b8f;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.page-home__footer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2rem;display:flex}.page-home__footer-link{color:#1b1b1b9e;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.page-home__footer-link:hover{color:var(--primary)}.page-home__footer-link:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:var(--radius)}@media (width<=900px){.page-home__main{padding-top:1rem}.page-home__footer{flex-direction:column;align-items:flex-start}}@media (width<=640px){.page-home__main{padding-inline:1rem}.page-home__hero{gap:.85rem}.page-home__hero-logo{width:min(100%,17rem)}.page-home__hero-tagline{font-size:.95rem}.page-home__cta{gap:1rem}.page-home__cta-btn{width:100%;min-width:0;font-size:.98rem}.page-home__panel{padding:1rem}.page-home__footer{padding-inline:1rem}.page-home__footer-nav{justify-content:flex-start;gap:1.25rem}}@keyframes float{0%,to{transform:translate(0, 0) rotate(var(--base-rotate,0deg)) scale(var(--base-scale,1))}25%{transform:translate(10px, -15px) rotate(calc(var(--base-rotate,0deg) + 2deg)) scale(var(--base-scale,1))}50%{transform:translate(-5px, -25px) rotate(calc(var(--base-rotate,0deg) - 2deg)) scale(var(--base-scale,1))}75%{transform:translate(-15px, -10px) rotate(calc(var(--base-rotate,0deg) + 1deg)) scale(var(--base-scale,1))}}.float-animation{animation:8s ease-in-out infinite float}.page-lobby{background:radial-gradient(circle at top left, #ffdf9d57, transparent 28%), radial-gradient(circle at bottom center, #ffdad56b, transparent 32%), var(--background)}.page-lobby__floating-letter{font-family:var(--font-headline);font-size:var(--fl-size);color:var(--fl-color);font-weight:800;line-height:1;display:block}.page-lobby__floating-letter--w{--fl-top:5rem;--fl-left:2.5rem;--fl-size:6rem;--fl-color:var(--primary-container);--fl-opacity:.1;--fl-blur:2px;--fl-rotate:12deg}.page-lobby__floating-letter--d{--fl-top:50%;--fl-right:-2.5rem;--fl-size:8rem;--fl-color:var(--secondary-container);--fl-opacity:.2;--fl-blur:4px;--fl-rotate:-6deg}.page-lobby__floating-letter--a{--fl-bottom:5rem;--fl-left:33%;--fl-size:5rem;--fl-color:var(--tertiary-fixed-dim);--fl-opacity:.15;--fl-blur:1px;--fl-rotate:45deg}.page-lobby__floating-letter--s{--fl-top:25%;--fl-right:25%;--fl-size:4.25rem;--fl-color:var(--primary-container);--fl-opacity:.1;--fl-blur:3px;--fl-rotate:-12deg}.page-lobby__floating-letter--h{--fl-bottom:25%;--fl-left:2.5rem;--fl-size:6rem;--fl-color:var(--secondary-container);--fl-opacity:.2;--fl-blur:5px;--fl-rotate:12deg}.page-lobby__topbar{z-index:5;background:color-mix(in srgb, var(--surface-container-lowest) 34%, transparent);box-shadow:0 20px 50px color-mix(in srgb, var(--primary-container) 6%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:.4rem;padding:.5rem .875rem;display:flex;position:sticky;top:0}.page-lobby__topbar-brand,.page-lobby__topbar-actions{align-items:center;gap:.5rem;display:flex}.page-lobby__nav-logo,.page-lobby__loading-logo{width:clamp(5rem,10vw,6.75rem);height:auto;display:block}.page-lobby__room-pill{background:color-mix(in srgb, var(--surface-container-low) 72%, transparent);border:2px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.38rem .72rem;display:none}.page-lobby__room-pill-label,.page-lobby__eyebrow,.page-lobby__player-status,.page-lobby__bottom-nav-label,.page-lobby__variation-caption,.page-lobby__start-note{letter-spacing:.22em;text-transform:uppercase}.page-lobby__room-pill-label{color:var(--on-surface-variant);font-size:.52rem;font-weight:700}.page-lobby__room-pill-value{font-family:var(--font-headline);letter-spacing:.08em;color:var(--primary);font-size:.84rem;font-weight:800}.page-lobby__bottom-nav-item{transition:all .2s}.page-lobby__copy-btn{border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container);letter-spacing:.04em;box-shadow:0 12px 20px color-mix(in srgb, var(--primary) 18%, transparent);border:0;padding:.56rem .95rem;font-size:.78rem;font-weight:700}.page-lobby__bottom-nav-icon,.page-lobby__player-check-icon,.page-lobby__timer-icon,.page-lobby__timer-step-icon,.page-lobby__preset-check-icon,.page-lobby__player-empty-icon-svg,.page-lobby__settings-ornament-icon{width:1.35rem;height:1.35rem}.page-lobby__main{padding:1.75rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom));align-content:center;justify-items:center;display:grid}.page-lobby__grid{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.78fr);align-items:start;gap:2rem;width:min(100%,84rem);margin:0;display:grid}.page-lobby__settings-card,.page-lobby__players-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.page-lobby__settings-card{background:color-mix(in srgb, var(--surface-container-lowest) 80%, transparent);border-radius:var(--radius-xl);min-height:100%;box-shadow:0 30px 60px color-mix(in srgb, var(--on-surface) 4%, transparent);padding:2rem;overflow:hidden}.page-lobby__settings-ornament{color:color-mix(in srgb, var(--on-surface) 10%, transparent);position:absolute;top:1rem;right:1rem}.page-lobby__settings-ornament-icon{width:5rem;height:5rem}.page-lobby__section-heading{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-lobby__section-bar{border-radius:var(--radius-full);background:var(--primary);width:.55rem;min-width:.55rem;height:2.5rem}.page-lobby__section-copy{flex-direction:column;gap:.4rem;display:flex}.page-lobby__section-title,.page-lobby__players-title,.page-lobby__timer-title,.page-lobby__panel-title,.page-lobby__player-name,.page-lobby__preset-button-label{font-family:var(--font-headline)}.page-lobby__section-title{letter-spacing:-.05em;color:var(--on-surface);margin:0;font-size:clamp(2rem,3.5vw,3.1rem);font-weight:800}.page-lobby__section-subtitle{color:color-mix(in srgb, var(--on-surface-variant) 78%, transparent);margin:0;font-size:.95rem}.page-lobby__variation{flex-direction:column;gap:1.25rem;display:flex}.page-lobby__variation-header,.page-lobby__custom-panel{flex-direction:column;gap:.65rem;display:flex}.page-lobby__eyebrow{color:color-mix(in srgb, var(--on-surface-variant) 56%, transparent);margin:0;font-size:.72rem;font-weight:700}.page-lobby__variation-caption,.page-lobby__custom-caption,.page-lobby__timer-subtitle{color:var(--on-surface-variant);margin:0;font-size:.92rem}.page-lobby__variation-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.page-lobby__variation-tab{border:2px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-container-lowest) 92%, transparent);color:var(--on-surface);padding:1rem 1.1rem;font-size:1rem;font-weight:700}.page-lobby__variation-tab--active{border-color:var(--primary);background:var(--primary);color:var(--on-primary);box-shadow:0 18px 28px color-mix(in srgb, var(--primary) 20%, transparent);transform:scale(1.03)}.page-lobby__variation-tab:hover:not(:disabled):not(.page-lobby__variation-tab--active){border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:var(--surface-container-low)}.page-lobby__variation-tab:disabled,.page-lobby__preset-button:disabled,.page-lobby__custom-apply-btn:disabled,.page-lobby__custom-input:disabled,.page-lobby__timer-step:disabled,.page-lobby__timer-input:disabled,.page-lobby__start-btn:disabled,.page-lobby__ready-btn:disabled{cursor:not-allowed;opacity:.56}.page-lobby__variation-panel{border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);background:color-mix(in srgb, var(--primary) 5%, var(--surface-container-lowest));border-radius:1.75rem;padding:1.5rem}.page-lobby__variation-panel--open{box-shadow:0 18px 32px color-mix(in srgb, var(--primary) 10%, transparent)}.page-lobby__panel-title{letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin:0 0 1rem;font-size:.78rem;font-weight:800}.page-lobby__preset-list,.page-lobby__custom-chips,.page-lobby__players-list{flex-wrap:wrap;gap:.75rem;display:flex}.page-lobby__custom-chips{align-items:center}.page-lobby__preset-button,.page-lobby__custom-chip{border-radius:var(--radius-full);align-items:center;gap:.5rem;display:inline-flex}.page-lobby__preset-button{background:color-mix(in srgb, var(--surface-container-lowest) 84%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--on-surface) 4%, transparent);border:2px solid #0000;padding:.9rem 1.4rem}.page-lobby__preset-button--selected{border-color:var(--primary);background:var(--surface-container-lowest)}.page-lobby__preset-button--current{cursor:default}.page-lobby__preset-button-check,.page-lobby__player-check,.page-lobby__timer-icon-wrap,.page-lobby__player-empty-photo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-lobby__preset-button-check,.page-lobby__player-check{border-radius:var(--radius-full);background:var(--primary);width:1.3rem;height:1.3rem;color:var(--on-primary)}.page-lobby__preset-button-label{letter-spacing:-.03em;color:var(--primary);font-size:1.05rem;font-weight:800}.page-lobby__custom-row{align-items:center;gap:.75rem;display:flex}.page-lobby__custom-field{flex:1}.page-lobby__custom-input{border:2px solid color-mix(in srgb, var(--outline-variant) 24%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-lowest) 92%, transparent);width:100%;color:var(--on-surface);font:inherit;box-sizing:border-box;padding:.9rem 1.1rem}.page-lobby__custom-input--error{border-color:color-mix(in srgb, var(--error) 50%, transparent)}.page-lobby__custom-input::placeholder{color:color-mix(in srgb, var(--on-surface-variant) 62%, transparent)}.page-lobby__custom-apply-btn,.page-lobby__ready-btn,.page-lobby__start-btn{border:0;padding:.95rem 1.45rem}.page-lobby__custom-apply-btn{border-radius:var(--radius-full);font-weight:700}.page-lobby__custom-chip{background:var(--surface-container-lowest);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);color:var(--primary);font-family:var(--font-headline);padding:.55rem .95rem;font-size:.95rem;font-weight:700}.page-lobby__custom-current-label{letter-spacing:.16em;text-transform:uppercase;color:var(--on-surface-variant);margin:0;font-size:.78rem;font-weight:800}.page-lobby__custom-error{color:var(--error);margin:0;font-size:.9rem}.page-lobby__timer-card{border-radius:var(--radius-lg);background:var(--surface-container-low);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:flex}.page-lobby__timer-copy,.page-lobby__players-header,.page-lobby__player-main,.page-lobby__player-name-row,.page-lobby__settings-footer{align-items:center;display:flex}.page-lobby__timer-copy{gap:1rem}.page-lobby__timer-icon-wrap{border-radius:var(--radius-full);background:var(--tertiary-fixed);width:3.75rem;height:3.75rem;color:var(--tertiary)}.page-lobby__timer-title{color:var(--on-surface);margin:0;font-size:1.2rem;font-weight:700}.page-lobby__timer-controls{border-radius:var(--radius-full);background:var(--surface-container-lowest);box-shadow:inset 0 1px 4px color-mix(in srgb, var(--on-surface) 6%, transparent);align-items:center;gap:.75rem;padding:.45rem;display:flex}.page-lobby__timer-step{border-radius:var(--radius-full);background:var(--surface-container);width:3rem;height:3rem;color:var(--on-surface);border:0}.page-lobby__timer-step:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 10%, var(--surface-container));color:var(--primary)}.page-lobby__timer-display{grid-template-columns:auto auto auto;align-items:center;gap:0;min-width:7rem;display:grid}.page-lobby__timer-input{color:var(--on-surface);font-family:var(--font-headline);letter-spacing:-.05em;appearance:textfield;background:0 0;border:0;padding:0;font-size:2rem;font-weight:800}.page-lobby__timer-input--minutes{text-align:right}.page-lobby__timer-input--seconds{text-align:left}.page-lobby__timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-lobby__timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-lobby__timer-input:focus{outline:none}.page-lobby__timer-separator{font-family:var(--font-headline);color:var(--on-surface);font-size:2rem;font-weight:800}.page-lobby__settings-footer{border-top:1px solid color-mix(in srgb, var(--outline-variant) 32%, transparent);justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.25rem}.page-lobby__ready-btn,.page-lobby__start-btn{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:800}.page-lobby__ready-btn{min-width:9rem}.page-lobby__start-btn{min-width:10rem}.page-lobby__start-note{color:color-mix(in srgb, var(--on-surface-variant) 72%, transparent);margin:0;font-size:.72rem;font-weight:700}.page-lobby__players-card{border:2px dashed color-mix(in srgb, var(--outline-variant) 30%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-container-lowest) 40%, transparent);flex-direction:column;gap:1.5rem;min-height:100%;padding:1.5rem;display:flex}.page-lobby__players-header{justify-content:space-between;gap:1rem}.page-lobby__players-title{letter-spacing:-.05em;color:var(--on-surface);text-transform:uppercase;align-items:center;gap:.65rem;margin:0;font-size:1.55rem;font-weight:800;display:flex}.page-lobby__players-count{border-radius:var(--radius-full);background:var(--secondary-container);color:var(--secondary);justify-content:center;align-items:center;padding:.35rem .6rem;font-size:.86rem;font-weight:700;display:inline-flex}.page-lobby__players-list{flex-direction:column}.page-lobby__player-card{background:var(--surface-container-lowest);box-shadow:0 10px 30px color-mix(in srgb, var(--on-surface) 4%, transparent);border-radius:1.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.page-lobby__player-card--ready{border-bottom:4px solid var(--secondary)}.page-lobby__player-card--current{border:2px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, var(--surface-container-lowest));box-shadow:0 24px 40px color-mix(in srgb, var(--primary) 10%, transparent)}.page-lobby__player-card--disconnected{opacity:.7}.page-lobby__player-card--empty{border:2px dashed color-mix(in srgb, var(--outline-variant) 30%, transparent);background:color-mix(in srgb, var(--surface-container-low) 88%, transparent);opacity:.68;justify-content:center;min-height:7.5rem}.page-lobby__player-card:not(.page-lobby__player-card--empty):hover{transform:translateY(-4px)}.page-lobby__player-main,.page-lobby__player-copy,.page-lobby__player-empty{align-items:center;display:flex}.page-lobby__player-main,.page-lobby__player-empty{flex:1;gap:.95rem}.page-lobby__player-copy{flex-direction:column;align-items:flex-start;gap:.25rem}.page-lobby__player-name-row{gap:.55rem}.page-lobby__player-name{letter-spacing:-.04em;color:var(--on-surface);font-size:1.05rem;font-weight:800}.page-lobby__player-card--current .page-lobby__player-name{color:var(--primary);font-size:1.5rem}.page-lobby__player-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:.22rem .55rem;font-size:.65rem;font-weight:800;display:inline-flex}.page-lobby__player-status{font-size:.62rem;font-weight:800}.page-lobby__player-status--ready{color:var(--secondary)}.page-lobby__player-status--not-ready{color:var(--primary)}.page-lobby__player-status--disconnected{color:var(--error)}.page-lobby__player-avatar-wrap{position:relative}.page-lobby__player-avatar{border-radius:var(--radius-full);width:3.2rem;height:3.2rem;color:var(--on-primary);font-family:var(--font-headline);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-container-lowest) 30%, transparent);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.page-lobby__player-avatar--current{border:2px solid var(--primary);width:3.75rem;height:3.75rem}.page-lobby__player-avatar--1{background:color-mix(in srgb, var(--secondary) 88%, transparent)}.page-lobby__player-avatar--2{background:color-mix(in srgb, var(--primary) 88%, transparent)}.page-lobby__player-avatar--3{background:color-mix(in srgb, var(--tertiary) 88%, transparent)}.page-lobby__player-avatar--4{background:color-mix(in srgb, var(--on-surface-variant) 86%, transparent)}.page-lobby__player-avatar-letter{font-size:1.1rem}.page-lobby__player-dot{border-radius:var(--radius-full);border:2px solid var(--surface-container-lowest);width:.95rem;height:.95rem;position:absolute;bottom:-.15rem;right:-.15rem}.page-lobby__player-dot--ready{background:var(--secondary)}.page-lobby__player-dot--not-ready{background:var(--primary)}.page-lobby__player-dot--disconnected{background:color-mix(in srgb, var(--on-surface-variant) 60%, transparent)}.page-lobby__player-dot--current{width:1.2rem;height:1.2rem}.page-lobby__player-actions{align-items:center;gap:.75rem;display:flex}.page-lobby__player-check{background:var(--secondary);width:2rem;height:2rem}.page-lobby__player-empty{justify-content:center;width:100%}.page-lobby__player-empty-photo{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-lowest) 88%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 36%, transparent);width:4.25rem;height:4.25rem;color:color-mix(in srgb, var(--on-surface-variant) 42%, transparent)}.page-lobby__player-empty-photo .page-lobby__player-empty-icon-svg{width:1.7rem;height:1.7rem}.page-lobby__footer{z-index:3;position:relative}.page-lobby__bottom-nav{padding:.85rem 1rem calc(1.1rem + env(safe-area-inset-bottom));background:var(--surface-container-lowest);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -10px 40px color-mix(in srgb, var(--on-surface) 8%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid;position:fixed;bottom:0;left:0;right:0}.page-lobby__bottom-nav-item{border-radius:var(--radius-lg);color:color-mix(in srgb, var(--on-surface-variant) 52%, transparent);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.75rem .5rem;display:flex}.page-lobby__bottom-nav-item--active{background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);transform:translateY(-4px)}.page-lobby__bottom-nav-label{font-size:.72rem;font-weight:800}.page-lobby__loading-shell{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.page-lobby__loading-text{font-family:var(--font-headline);color:var(--on-surface-variant);margin:0;font-size:1.1rem;font-weight:700}@media (width>=48rem){.page-lobby__room-pill{display:inline-flex}}@media (width<=70rem){.page-lobby__grid{grid-template-columns:1fr}.page-lobby__players-column{order:2}}@media (width<=48rem){.page-lobby__topbar,.page-lobby__main{padding-left:1rem;padding-right:1rem}.page-lobby__main{padding-top:1.25rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.page-lobby__topbar{flex-wrap:wrap}.page-lobby__settings-footer,.page-lobby__timer-card,.page-lobby__custom-row{width:100%}.page-lobby__timer-card,.page-lobby__settings-footer{flex-direction:column;align-items:stretch}.page-lobby__topbar-actions{margin-left:auto}.page-lobby__start-btn,.page-lobby__custom-apply-btn{width:100%}.page-lobby__variation-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.page-lobby__player-card{flex-direction:column;align-items:stretch}.page-lobby__player-actions{justify-content:flex-end}.page-lobby__bottom-nav{gap:.35rem;padding-left:.5rem;padding-right:.5rem}}@media (width<=36rem){.page-lobby__settings-card,.page-lobby__players-card{padding:1.25rem}.page-lobby__section-title{font-size:2.1rem}.page-lobby__players-title{font-size:1.3rem}.page-lobby__timer-display{min-width:5.75rem}.page-lobby__timer-input,.page-lobby__timer-separator{font-size:1.6rem}}.word-row{--row-valid-color:#2db89c;--row-invalid-color:#e8231a;--row-gap:8px;--row-padding:8px;--row-radius:10px;--row-transition:background-color .2s ease, box-shadow .2s ease;align-items:center;gap:var(--row-gap);padding:var(--row-padding);border-radius:var(--row-radius);transition:var(--row-transition);flex-direction:row;display:flex}.word-row--valid{box-shadow:0 0 0 2px var(--row-valid-color);background-color:#2db89c1a}.word-row--invalid{box-shadow:0 0 0 2px var(--row-invalid-color);background-color:#e8231a12}.word-slot{--slot-drag-color:#2db89c;--slot-border-width:2px;--slot-radius:8px;--slot-transition:background-color .15s ease, box-shadow .15s ease, border-color .15s ease;border-radius:var(--slot-radius);transition:var(--slot-transition);box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex;position:relative}.word-slot--empty{border:var(--slot-border-width) dashed #b0b0a0;aspect-ratio:2/3;width:80px}.word-slot--filled{border:var(--slot-border-width) solid transparent}.word-slot--drag-over{background-color:#2db89c14;box-shadow:0 0 0 3px #2db89c59;border-color:var(--slot-drag-color)!important}.word-slot__placeholder{border-radius:inherit;width:100%;height:100%}.card{--card-width:80px;--card-teal:#2db89c;--card-red:#e8231a;--card-face-bg:#fafaf0;--card-face-border:#deded4;--card-back-bg:#111;--card-radius:calc(var(--card-width) * .09);--card-shadow:0 2px 6px #00000038, 0 1px 2px #00000024;width:var(--card-width);aspect-ratio:2/3;border-radius:var(--card-radius);box-shadow:var(--card-shadow);-webkit-user-select:none;user-select:none;cursor:default;box-sizing:border-box;border:2px solid #0000;outline:none;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.card--face-up{background:var(--card-face-bg);border-color:var(--card-face-border)}.card--face-down{background:var(--card-back-bg);border-color:#0000}.card--empty{border:2px dashed var(--card-face-border);box-shadow:none;background:0 0}.card__placeholder{width:100%;height:100%}.card--drawn{border-color:var(--card-teal);border-width:2.5px}.card--selected{box-shadow:var(--card-shadow), 0 0 0 3px #f5a623;transform:translateY(-5px)scale(1.04)}.card--draggable{cursor:grab}.card--draggable:active{cursor:grabbing}.card--readonly{cursor:default;pointer-events:none}.card[role=button]:focus-visible{outline:3px solid var(--card-teal);outline-offset:2px}.card--vowel .card__letter{color:var(--card-red)}.card__letter{color:var(--card-teal);font-family:inherit;font-weight:800;line-height:1;position:absolute}.card__letter--top{font-size:clamp(8px,.85em,13px);top:8%;left:9%}.card__letter--center{font-size:clamp(22px,2.6em,48px);font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.card__letter--bottom{font-size:clamp(8px,.85em,13px);bottom:8%;right:9%;transform:rotate(180deg)}.card__back{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.card__back-waves{width:100%;height:100%;position:absolute;inset:0}.card__back-logo{z-index:2;width:auto;height:clamp(7px,9%,13px);position:absolute;top:5%;right:5%}.card__back-logo--inverted{inset:auto auto 5% 5%;transform:rotate(180deg)}.card__back-pattern{color:#ffffffe0;word-break:break-all;word-spacing:-.15em;z-index:1;padding:4%;font-size:clamp(11px,1.35em,20px);font-weight:900;line-height:1.05;position:absolute;inset:23% 0;overflow:hidden}.card__back-pattern:before{content:"th ngeac bkoc slo meow yafs rth ngeac bkoc slo meow yafs rth ngeac bkoc slo meow yafs";text-transform:lowercase;max-height:100%;display:block;overflow:hidden}.card__back-brand{z-index:2;color:#0d0d0d;letter-spacing:.1em;text-transform:lowercase;white-space:nowrap;font-size:clamp(6px,.6em,9px);font-weight:700;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.page-game{--primary:#bb000e;--primary-container:#e51c1e;--primary-fixed:#ffdad5;--secondary:#406925;--secondary-container:#c0f19d;--secondary-fixed:#c0f19d;--secondary-fixed-dim:#a4d483;--tertiary:#765700;--tertiary-fixed-dim:#fabd00;--background:#fcf9f8;--surface:#fcf9f8;--surface-container-low:#f6f3f2;--surface-container-lowest:#fff;--surface-container-highest:#e5e2e1;--outline-variant:#e7bdb7;--on-primary:#fff;--on-surface:#1b1b1b;--on-surface-variant:#5e3f3b;--radius:1rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--font-headline:"Plus Jakarta Sans", sans-serif;--font-body:"Be Vietnam Pro", sans-serif;--page-game-card-width:5rem;--page-game-nav-shadow:0 10px 40px -15px color-mix(in srgb, var(--primary-container) 8%, transparent);--page-game-panel-shadow:0 25px 50px -12px color-mix(in srgb, var(--on-surface) 16%, transparent);--page-game-card-shadow:0 10px 15px -3px color-mix(in srgb, var(--on-surface) 12%, transparent), 0 4px 6px -2px color-mix(in srgb, var(--on-surface) 8%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary-fixed) 60%, transparent), transparent 28%), radial-gradient(circle at right 86%, bottom 12%, color-mix(in srgb, var(--secondary-container) 30%, transparent), transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--surface-container-lowest) 90%, transparent), var(--background));min-height:100svh;color:var(--on-surface);font-family:var(--font-body);position:relative}.page-game__floating-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.page-game__floating-letter{font-family:var(--font-headline);opacity:.15;filter:blur(1px);transform-origin:50%;font-weight:800;line-height:1;position:absolute}.page-game__floating-letter--a{color:color-mix(in srgb, var(--primary) 12%, transparent);font-size:6rem;top:10rem;left:2.5rem;transform:rotate(12deg)}.page-game__floating-letter--w{color:color-mix(in srgb, var(--secondary) 14%, transparent);font-size:8rem;top:60%;right:5rem;transform:rotate(-15deg)}.page-game__floating-letter--s{color:color-mix(in srgb, var(--tertiary) 14%, transparent);font-size:4.5rem;bottom:5rem;left:10rem;transform:rotate(8deg)}.page-game__nav{z-index:5;background:color-mix(in srgb, var(--surface-container-lowest) 72%, transparent);box-shadow:var(--page-game-nav-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;position:sticky;top:0}.page-game__nav-start,.page-game__nav-end,.page-game__nav-links,.page-game__nav-actions,.page-game__status-main,.page-game__status-copy,.page-game__status-count,.page-game__hand-heading,.page-game__hand-header,.page-game__overlay-actions{align-items:center;display:flex}.page-game__nav-start,.page-game__nav-end{gap:1rem}.page-game__nav-brand{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.page-game__nav-brand:focus-visible,.page-game__state-btn:focus-visible,.page-game__overlay-btn:focus-visible,.page-game__draw-pile[role=button]:focus-visible,.page-game__discard-pile[role=button]:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.page-game__nav-logo,.page-game__state-logo{height:auto;display:block}.page-game__nav-logo{width:clamp(6.6rem,12vw,8rem)}.page-game__nav-divider{background:var(--surface-container-highest);width:1px;height:1.65rem}.page-game__nav-timer{border-radius:var(--radius-full);background:color-mix(in srgb, var(--secondary-container) 44%, transparent);color:var(--secondary);align-items:center;gap:.5rem;padding:.7rem 1.1rem;display:inline-flex}.page-game__nav-timer--urgent{background:color-mix(in srgb, var(--primary-fixed) 75%, var(--surface-container-lowest));color:var(--primary)}.page-game__nav-timer-icon,.page-game__nav-icon,.page-game__status-count-icon{flex:none;width:1.15rem;height:1.15rem}.page-game__nav-timer-text,.page-game__nav-link,.page-game__status-name,.page-game__board-title,.page-game__hand-title,.page-game__overlay-heading,.page-game__overlay-btn,.page-game__state-title{font-family:var(--font-headline)}.page-game__nav-timer-text{letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.page-game__nav-links,.page-game__nav-actions{gap:1.25rem}.page-game__nav-link{color:color-mix(in srgb, var(--on-surface-variant) 72%, transparent);font-size:1rem;font-weight:700}.page-game__nav-link--active{color:var(--primary)}.page-game__nav-icon-btn{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-lowest) 76%, transparent);width:2.5rem;height:2.5rem;color:color-mix(in srgb, var(--on-surface-variant) 76%, transparent);box-shadow:0 12px 30px -20px color-mix(in srgb, var(--on-surface) 18%, transparent);justify-content:center;align-items:center;display:inline-flex}.page-game__main{z-index:1;width:min(100%,96rem);padding:2rem 1.5rem calc(18rem + env(safe-area-inset-bottom));flex-direction:column;gap:2.75rem;margin:0 auto;display:flex;position:relative}.page-game__status-strip{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.page-game__status-card{border:1px solid color-mix(in srgb, var(--surface-container-highest) 36%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-container-lowest) 78%, transparent);box-shadow:0 12px 30px -22px color-mix(in srgb, var(--on-surface) 24%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.25rem;display:flex;position:relative}.page-game__status-card--local{background:color-mix(in srgb, var(--primary-fixed) 32%, var(--surface-container-lowest))}.page-game__status-card--active{border:2px solid color-mix(in srgb, var(--primary) 18%, transparent);box-shadow:0 24px 44px -26px color-mix(in srgb, var(--primary) 34%, transparent);transform:scale(1.02)}.page-game__status-card--disconnected{opacity:.7}.page-game__status-badge{border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 28%, transparent);padding:.35rem 1rem;font-size:.78rem;font-weight:800;position:absolute;top:-.95rem;left:50%;transform:translate(-50%)}.page-game__status-main{gap:.9rem;min-width:0}.page-game__status-avatar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-highest) 84%, transparent);width:3rem;height:3rem;color:var(--on-surface);font-family:var(--font-headline);justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex}.page-game__status-avatar--local{background:var(--primary-fixed);color:var(--primary)}.page-game__status-copy{flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0}.page-game__status-name{letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.page-game__status-role,.page-game__board-subtitle,.page-game__state-copy,.page-game__loading-text,.page-game__hand-empty{color:color-mix(in srgb, var(--on-surface-variant) 86%, transparent)}.page-game__status-role{font-size:.92rem;font-weight:500}.page-game__status-role--active{color:var(--primary);font-weight:700}.page-game__status-role--disconnected{color:var(--on-surface-variant)}.page-game__status-count{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-highest) 84%, transparent);color:var(--on-surface);flex-shrink:0;gap:.45rem;padding:.55rem .9rem}.page-game__status-count--active{background:var(--primary);color:var(--on-primary)}.page-game__status-count-value{font-family:var(--font-headline);font-size:1rem;font-weight:800}.page-game__board-section{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.page-game__board-copy{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.page-game__board-title,.page-game__pile-label,.page-game__overlay-eyebrow,.page-game__hand-count{letter-spacing:.22em;text-transform:uppercase}.page-game__board-title{color:color-mix(in srgb, var(--on-surface-variant) 56%, transparent);font-size:.92rem;font-weight:800}.page-game__board-subtitle{max-width:36rem;font-size:.95rem;font-weight:500}.page-game__board{flex-direction:column;gap:1rem;width:min(100%,42rem);display:flex}.page-game__board-row{justify-content:center;display:flex}.page-game .word-row{background:0 0;gap:1rem;padding:.2rem}.page-game .word-row--valid{background:color-mix(in srgb, var(--secondary-container) 26%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--secondary) 24%, transparent)}.page-game .word-row--invalid{background:color-mix(in srgb, var(--primary-fixed) 54%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent)}.page-game .word-slot{width:var(--page-game-card-width);border-radius:calc(var(--radius-lg) - .35rem)}.page-game .word-slot--empty{width:var(--page-game-card-width);aspect-ratio:20/28;border:2px dashed color-mix(in srgb, var(--on-surface) 18%, transparent);background:color-mix(in srgb, var(--surface-container-lowest) 45%, transparent)}.page-game .word-slot--filled{border:2px solid #0000}.page-game .word-slot--drag-over{border-color:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb, var(--secondary-container) 48%, transparent);background:color-mix(in srgb, var(--secondary-container) 24%, transparent)}.page-game .card{--card-width:var(--page-game-card-width);--card-face-bg:color-mix(in srgb, var(--surface-container-lowest) 96%, var(--tertiary-fixed-dim) 4%);--card-face-border:color-mix(in srgb, var(--surface-container-highest) 92%, var(--outline-variant));--card-shadow:var(--page-game-card-shadow);border-radius:calc(var(--radius-lg) - .35rem)}.page-game .card--face-up{border-width:1px}.page-game .card__letter{color:var(--primary-container);font-family:var(--font-headline)}.page-game .card--vowel .card__letter{color:var(--secondary)}.page-game .card__letter--top,.page-game .card__letter--bottom{font-size:clamp(.7rem,1.25vw,.9rem)}.page-game .card__letter--center{font-size:clamp(2.3rem,4vw,3rem)}.page-game .card--draggable{transition:all .2s}.page-game__piles{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3.75rem;display:flex}.page-game__pile{flex-direction:column;align-items:center;gap:.8rem;display:flex}.page-game__pile-label{color:color-mix(in srgb, var(--on-surface-variant) 56%, transparent);font-size:.8rem;font-weight:700}.page-game__draw-pile,.page-game__discard-pile{width:var(--page-game-card-width);aspect-ratio:20/28;border-radius:calc(var(--radius-lg) - .35rem);transition:all .2s;position:relative}.page-game__draw-pile{border:2px solid color-mix(in srgb, var(--surface-container-lowest) 24%, transparent);background:var(--on-surface);box-shadow:var(--page-game-card-shadow);overflow:hidden}.page-game__draw-pile--interactive,.page-game__discard-pile--interactive{cursor:pointer}.page-game__draw-pile--interactive:hover,.page-game__discard-pile--interactive:hover{transform:translateY(-4px)}.page-game__draw-pile--interactive:active,.page-game__discard-pile--interactive:active{transform:scale(.95)}.page-game__draw-pile--empty{opacity:.55}.page-game__draw-pile-stack{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.page-game__draw-pile-letter{font-family:var(--font-headline);font-weight:800;line-height:1;position:absolute}.page-game__draw-pile-letter--w{color:var(--primary-container);opacity:.9;font-size:2rem;top:10%;left:5%;transform:rotate(-12deg)}.page-game__draw-pile-letter--d{color:var(--secondary-fixed-dim);opacity:.8;font-size:1.35rem;top:5%;right:10%;transform:rotate(45deg)}.page-game__draw-pile-letter--a{color:var(--primary);opacity:.95;font-size:3rem;top:30%;left:40%;transform:rotate(15deg)}.page-game__draw-pile-letter--s{color:var(--secondary);opacity:.7;font-size:2rem;bottom:20%;left:10%;transform:rotate(-25deg)}.page-game__draw-pile-letter--h{color:var(--primary-container);opacity:.9;font-size:2.4rem;top:50%;right:5%;transform:rotate(-12deg)}.page-game__draw-pile-letter--k{color:var(--secondary-container);opacity:.85;font-size:1.15rem;bottom:35%;left:30%;transform:rotate(30deg)}.page-game__draw-pile-letter--z{color:var(--primary);opacity:.9;font-size:1.7rem;bottom:5%;right:20%;transform:rotate(10deg)}.page-game__draw-pile-letter--x{color:var(--secondary-fixed);opacity:.6;font-size:.85rem;top:40%;left:15%;transform:rotate(-45deg)}.page-game__draw-pile-letter--d2{color:var(--primary-container);opacity:.4;font-size:2.8rem;top:70%;left:50%;transform:rotate(20deg)}.page-game__draw-pile-letter--w2{color:var(--secondary);opacity:.5;font-size:1.4rem;bottom:10%;left:5%;transform:rotate(12deg)}.page-game__draw-pile-letter--s2{color:var(--primary);opacity:.6;font-size:.85rem;top:20%;right:30%;transform:rotate(-12deg)}.page-game__draw-pile-letter--a2{color:var(--secondary-container);opacity:.85;font-size:2.2rem;top:65%;left:20%;transform:rotate(-6deg)}.page-game__draw-pile-letter--x2{color:var(--primary-container);opacity:.7;font-size:1.7rem;bottom:40%;right:30%;transform:rotate(45deg)}.page-game__draw-pile-sheen{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-container-lowest) 8%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.page-game__discard-pile{justify-content:center;align-items:center;display:flex}.page-game__discard-pile--drop-target{box-shadow:0 0 0 2px color-mix(in srgb, var(--secondary) 30%, transparent)}.page-game__discard-pile--drag-over{background:color-mix(in srgb, var(--secondary-container) 24%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--secondary) 26%, transparent)}.page-game__discard-pile>.card{box-shadow:var(--page-game-card-shadow)}.page-game__discard-pile--empty{border:2px dashed color-mix(in srgb, var(--on-surface) 16%, transparent);background:color-mix(in srgb, var(--surface-container-lowest) 42%, transparent)}.page-game__discard-empty{border-radius:inherit;width:100%;height:100%}.page-game__hand-footer{z-index:4;position:fixed;bottom:0;left:0;right:0}.page-game__hand-shell{border-top:1px solid color-mix(in srgb, var(--surface-container-lowest) 55%, transparent);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-container-low) 96%, transparent);box-shadow:0 -20px 50px -15px color-mix(in srgb, var(--on-surface) 10%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-game__hand-content{width:min(100%,96rem);padding:1.75rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;gap:1.2rem;margin:0 auto;display:flex}.page-game__hand-header{justify-content:space-between;gap:1rem}.page-game__hand-heading{gap:.75rem}.page-game__hand-title{letter-spacing:-.06em;font-size:1.9rem;font-weight:800}.page-game__hand-count{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-highest) 86%, transparent);color:color-mix(in srgb, var(--on-surface-variant) 76%, transparent);justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.page-game__hand-sort{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-container-highest) 84%, transparent);color:var(--on-surface);font-family:var(--font-headline);justify-content:center;align-items:center;padding:.8rem 1.45rem;font-size:.92rem;font-weight:700;display:inline-flex}.page-game__hand-track{scrollbar-width:none;gap:.75rem;padding:.2rem 0 .6rem;display:flex;overflow-x:auto}.page-game__hand-track::-webkit-scrollbar{display:none}.page-game__hand-track--drag-over{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--secondary) 34%, transparent);border-radius:calc(var(--radius-lg) - .35rem);background:color-mix(in srgb, var(--secondary-container) 18%, transparent)}.page-game__hand-track>.card{flex:none}.page-game__hand-track>.card:hover{transform:translateY(-1rem)}.page-game__hand-track>.card:active{transform:scale(.95)}.page-game__hand-empty{margin:0;padding:1rem 0}.page-game__overlay{z-index:20;background:color-mix(in srgb, var(--on-surface) 34%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.page-game__overlay-card,.page-game__state-panel{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-container-lowest) 94%, transparent);width:min(100%,32rem);box-shadow:var(--page-game-panel-shadow);padding:1.75rem}.page-game__overlay-card{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.page-game__overlay-eyebrow{color:var(--primary);margin:0;font-size:.78rem;font-weight:800}.page-game__overlay-heading{letter-spacing:-.06em;text-align:center;margin:0;font-size:2rem;font-weight:800}.page-game__overlay-words{pointer-events:none;flex-direction:column;gap:.8rem;width:100%;display:flex}.page-game__overlay-actions{flex-wrap:wrap;justify-content:center;gap:.85rem}.page-game__overlay-btn,.page-game__state-btn{border-radius:var(--radius-full);cursor:pointer;border:0;padding:.9rem 1.35rem;font-size:.95rem;font-weight:800;transition:all .2s}.page-game__overlay-btn:hover,.page-game__state-btn:hover{transform:translateY(-4px)}.page-game__overlay-btn:active,.page-game__state-btn:active{transform:scale(.95)}.page-game__overlay-btn--primary,.page-game__state-btn{background:var(--primary);color:var(--on-primary);box-shadow:0 18px 35px color-mix(in srgb, var(--primary) 24%, transparent)}.page-game__overlay-btn--secondary{background:color-mix(in srgb, var(--surface-container-highest) 84%, transparent);color:var(--on-surface)}.page-game__state-shell{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100svh;padding:1.5rem;display:flex;position:relative}.page-game__state-logo{width:min(18rem,78vw)}.page-game__state-panel{flex-direction:column;align-items:center;gap:.75rem;display:flex}.page-game__state-title{letter-spacing:-.05em;margin:0;font-size:1.6rem;font-weight:800}.page-game__state-copy,.page-game__loading-text{margin:0;font-size:1rem;font-weight:500}.page-game__error{color:var(--primary);margin:0;font-size:1rem;font-weight:700}@media (width<=1100px){.page-game{--page-game-card-width:4.6rem}.page-game__nav-links{display:none}.page-game__main{padding-bottom:calc(16rem + env(safe-area-inset-bottom))}}@media (width<=760px){.page-game{--page-game-card-width:4.2rem}.page-game__nav{padding:.9rem 1rem}.page-game__nav-start,.page-game__nav-end,.page-game__nav-actions{gap:.65rem}.page-game__nav-divider{display:none}.page-game__nav-timer{padding:.62rem .9rem}.page-game__main{padding:1.25rem 1rem calc(14.75rem + env(safe-area-inset-bottom));gap:2rem}.page-game__status-strip{grid-template-columns:1fr}.page-game__status-card--active{transform:none}.page-game .word-row{gap:.65rem}.page-game__piles{gap:2.5rem}.page-game__hand-content{padding:1.15rem 1rem calc(1rem + env(safe-area-inset-bottom))}.page-game__hand-title{font-size:1.45rem}.page-game__hand-sort{padding:.65rem 1rem;font-size:.84rem}}@media (width<=560px){.page-game{--page-game-card-width:3.7rem}.page-game__nav-timer-text{font-size:.98rem}.page-game__status-card{border-radius:calc(var(--radius-lg) - .35rem)}.page-game__status-avatar{width:2.6rem;height:2.6rem;font-size:.82rem}.page-game__status-name{font-size:1rem}.page-game__board-subtitle{font-size:.88rem}.page-game__piles{gap:1.5rem}.page-game__hand-header{flex-direction:column;align-items:flex-start}.page-game__overlay-card,.page-game__state-panel{padding:1.25rem}.page-game__overlay-heading{font-size:1.65rem}}