:root{--paper:#eaf5ff;--paper-deep:#cfe7ff;--panel:#fbfdff;--panel-soft:#f3f8ff;--ink:#102a43;--muted:#5b7083;--line:#557fa8;--violet:#0756a8;--violet-deep:#063b75;--electric-blue:#0081fb;--action-blue:#0067c9;--blue-ink:#001a33;--sky:#d9edff;--blue-soft:#c6e1fb;--blue-board:#244d73;--danger:#0b4f75;--shadow:0 8px 0 #063b7529;--display:"Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--ink);background:var(--paper);font-family:var(--body);text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.55}button iconify-icon{flex:none;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--violet-deep);outline-offset:3px}.room-code-block button:focus-visible,.room-code-block a:focus-visible,.library-featured button:focus-visible,.library-featured a:focus-visible,.game-topbar button:focus-visible,.game-topbar a:focus-visible{outline-color:#fff}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100% - 48px);margin:0 auto;padding:22px 0 12px;display:flex}.language-switcher{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-left:0;font-size:.72rem;font-weight:800;display:inline-flex}.header-tools{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.sound-toggle{min-width:44px;min-height:44px;color:var(--muted);background:var(--panel);border:2px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:.76rem;font-weight:900;display:inline-flex}.sound-toggle.is-on{color:var(--violet-deep);background:var(--sky);border-color:var(--violet)}.sound-toggle:hover{color:var(--blue-ink);border-color:var(--electric-blue)}.language-switcher-control,.language-control{min-height:44px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:10px;align-items:center;gap:7px;padding:0 9px;display:inline-flex}.language-switcher-control iconify-icon,.language-control iconify-icon{flex:none;display:block}.language-switcher-control select,.field .language-control select{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;padding:8px 19px 8px 0;font-size:.82rem;font-weight:800}.language-switcher-control:focus-within,.language-control:focus-within{outline:3px solid var(--violet-deep);outline-offset:3px}.language-switcher-control select:focus-visible,.field .language-control select:focus-visible{outline:0}.language-switcher-control select{width:112px}.language-control,.field .language-control select{width:100%}.brand{align-items:center;gap:12px;min-height:44px;display:inline-flex}.brand-tile{color:#fff;background:var(--action-blue);border:3px solid var(--blue-ink);width:45px;height:45px;font-family:var(--display);border-radius:13px 8px;place-items:center;font-size:1.45rem;display:grid;transform:rotate(-5deg);box-shadow:4px 4px #063b7538}.brand-copy{gap:1px;display:grid}.brand-name{color:var(--violet-deep);font-family:var(--display);letter-spacing:.02em;font-size:1.15rem}.brand-subtitle{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:inline-flex}.status-chip{min-height:36px;color:var(--violet-deep);border:1px solid var(--line);background:#ffffffb8;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.status-chip:before{background:var(--electric-blue);content:"";border-radius:50%;width:8px;height:8px}.main-shell{gap:18px;width:min(1440px,100% - 48px);margin:0 auto;padding:20px 0 56px;display:grid}.library-page{grid-template-columns:228px minmax(0,1fr);gap:22px;width:min(1440px,100% - 48px);min-height:calc(100dvh - 92px);margin:0 auto;padding:10px 0 56px;display:grid}.library-sidebar{color:#fff;background:#06284e;border:2px solid #0a477f;border-radius:22px;flex-direction:column;gap:22px;min-height:calc(100dvh - 126px);padding:20px 14px;display:flex;position:sticky;top:18px;box-shadow:0 10px #063b752e}.library-sidebar-heading{font-family:var(--display);align-items:center;gap:9px;padding:0 8px;font-size:.95rem;display:flex}.library-sidebar-mark{color:#fff;background:var(--action-blue);border-radius:9px 6px;place-items:center;width:30px;height:30px;display:grid}.library-sidebar-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.library-nav{gap:5px;display:grid}.library-nav-link,.library-installed-game{color:#c8ddf4;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:9px 10px;font-size:.84rem;font-weight:850;display:flex}.library-nav-link:hover,.library-nav-link.active,.library-installed-game:hover{color:#fff;background:#0756a8}.library-sidebar-section{border-top:1px solid #dbedff33;gap:8px;padding-top:20px;display:grid}.library-sidebar-label{color:#9fc2e5;letter-spacing:.1em;text-transform:uppercase;padding:0 10px;font-size:.67rem;font-weight:900}.library-installed-game{gap:9px;padding:8px 10px}.library-installed-icon{width:36px;height:36px;color:var(--blue-ink);background:#9ed2ff;border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.library-installed-game strong,.library-installed-game small{display:block}.library-installed-game strong{font-size:.82rem}.library-installed-game small{color:#9fc2e5;margin-top:2px;font-size:.68rem;font-weight:700}.library-sidebar-foot{color:#9fc2e5;flex:1;align-items:flex-end;padding:10px;font-size:.7rem;line-height:1.4;display:flex}.library-sidebar-foot span{align-items:center;gap:6px;display:inline-flex}.library-content{align-content:start;gap:28px;min-width:0;display:grid}.library-topbar{grid-template-columns:minmax(160px,1fr) minmax(300px,1.5fr) minmax(160px,1fr);align-items:center;gap:18px;display:grid}.library-title-block{text-align:center;grid-column:2}.library-kicker{color:var(--violet);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:950}.library-featured-label{color:var(--electric-blue);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:950}.library-title-block h1,.library-section-heading h2,.library-featured-copy h2{color:var(--violet-deep);font-family:var(--display);letter-spacing:-.05em;margin:5px 0 0}.library-title-block h1{font-size:clamp(2rem,4vw,3.35rem)}.library-title-block p{max-width:500px;color:var(--muted);margin:8px auto 0;font-size:.9rem;line-height:1.45}.library-search{width:min(100%,250px);min-height:46px;color:var(--muted);background:var(--panel);border:2px solid var(--line);border-radius:12px;grid-column:3;justify-self:end;align-items:center;gap:8px;padding:0 13px;display:flex}.library-search:focus-within{outline:3px solid var(--violet-deep);outline-offset:3px}.library-search input{width:100%;min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:.82rem}.library-mobile-menu,.library-nav-backdrop{display:none}.library-featured{color:#fff;background:#0756a8;border:2px solid #0a477f;border-radius:22px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:22px;min-height:340px;padding:clamp(24px,4vw,42px);display:grid;overflow:hidden;box-shadow:0 10px #063b752e}.library-featured-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.library-featured-copy .library-featured-label{color:#b8ddff}.library-featured-copy h2{color:#fff;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.95}.library-featured-copy p{color:#e7f3ff;max-width:510px;margin:16px 0 0;font-size:.98rem;line-height:1.55}.library-featured-stats{flex-wrap:wrap;gap:8px 14px;margin:20px 0;display:flex}.library-featured-stats span,.library-card-meta span,.library-game-badge{align-items:center;gap:6px;font-size:.74rem;font-weight:850;display:inline-flex}.library-featured-stats span{color:#fff}.library-featured-copy .button{width:fit-content}.library-featured-visual{align-content:center;justify-items:center;min-width:0;padding:20px 10px 10px;display:grid;position:relative}.library-featured-glow{filter:blur(15px);background:#fff3;border-radius:50%;width:250px;height:250px;position:absolute}.library-board-preview{z-index:1;background:#d0d2db;border:4px solid #173c62;border-radius:13px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(100%,390px);padding:8px;display:grid;position:relative;transform:rotate(2deg);box-shadow:10px 10px #001a3338}.library-preview-cell{aspect-ratio:1;color:#536070;background:#f1f2f5;border-radius:4px;place-items:center;min-width:0;font-size:clamp(.52rem,1.2vw,.72rem);font-weight:950;display:grid}.library-preview-cell.preview-tw{color:#fff;background:#d51b63}.library-preview-cell.preview-dw{color:#3a1d20;background:#f47e68}.library-preview-cell.preview-tl{color:#12374c;background:#62b6d5}.library-preview-cell.preview-dl{color:#16384f;background:#bddff1}.library-preview-cell.preview-letter{color:var(--blue-ink);font-family:var(--display);background:#ffe2a2;border:2px solid #173c62;font-size:clamp(.72rem,1.55vw,.96rem)}.library-featured-rack,.library-card-tile-row{z-index:2;gap:5px;display:flex;position:relative}.library-featured-rack{margin-top:-5px;transform:rotate(-3deg)}.library-featured-rack span,.library-card-tile-row span{width:43px;height:43px;color:var(--blue-ink);font-family:var(--display);background:#ffe2a2;border:2px solid #173c62;border-radius:8px 5px;place-items:center;font-size:1.2rem;display:grid;box-shadow:0 3px #001a3333}.library-featured-rack small{font-family:var(--body);align-self:end;margin:0 4px 3px 0;font-size:.5rem;line-height:1}.library-section-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.library-section-heading h2{font-size:1.75rem}.library-catalog-count{color:var(--muted);font-size:.78rem;font-weight:850}.library-game-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.library-game-card{background:var(--panel);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 7px #063b751f}.library-card-art{background:#0b3f74;align-content:space-between;min-height:250px;padding:16px;display:grid;position:relative;overflow:hidden}.library-card-art:after{content:"";border:12px solid #0081fb59;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-55px;right:-40px}.library-card-art-topline{z-index:2;color:#e7f3ff;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:900;display:flex;position:relative}.library-card-art .library-board-preview{border-width:3px;gap:3px;width:min(100%,230px);padding:6px;transform:rotate(-2deg)}.library-card-tile-row{justify-content:center;margin-top:-4px}.library-card-tile-row span{width:32px;height:32px;font-size:.85rem}.library-game-card-body{gap:12px;padding:18px;display:grid}.library-card-title-row{justify-content:space-between;align-items:start;gap:10px;display:flex}.library-card-title-row h3{color:var(--violet-deep);font-family:var(--display);margin:0;font-size:1.35rem}.library-game-badge{color:var(--violet-deep);background:var(--sky);border-radius:8px;flex:none;padding:6px 8px}.library-game-card-body p{min-height:44px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.library-card-meta{color:var(--muted);flex-wrap:wrap;gap:8px 12px;display:flex}.library-card-button{width:100%;margin-top:2px}.library-sidebar a:focus-visible,.library-sidebar button:focus-visible{outline-color:#fff}.lobby-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:24px;display:grid}.hero-card,.panel,.game-panel,.room-hero{background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.hero-card{flex-direction:column;justify-content:space-between;min-height:560px;padding:clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";border:12px solid #0081fb29;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-34px;right:-30px}.hero-kicker{color:#fff;background:var(--action-blue);letter-spacing:.11em;text-transform:uppercase;border-radius:9px;align-items:center;width:fit-content;min-height:32px;padding:5px 11px;font-size:.72rem;font-weight:900;display:inline-flex}.hero-title{max-width:630px;color:var(--violet-deep);font-family:var(--display);letter-spacing:-.07em;margin:24px 0 16px;font-size:clamp(3.1rem,7vw,6.8rem);line-height:.9}.hero-title span{color:var(--electric-blue);-webkit-text-stroke:1px var(--violet-deep);display:block}.hero-copy{max-width:560px;color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.hero-bottom{flex-wrap:wrap;align-items:center;gap:10px;margin-top:38px;display:flex}.hero-note{max-width:280px;color:var(--muted);font-size:.8rem;line-height:1.45}.panel{padding:24px}.panel-header,.section-heading,.room-topline,.game-topline,.players-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading{align-items:end;margin-bottom:18px}.section-heading h2,.panel-header h2,.room-topline h1,.game-topline h1,.players-heading h2{color:var(--violet-deep);font-family:var(--display);letter-spacing:-.04em;margin:0}.section-heading h2,.panel-header h2,.players-heading h2{font-size:1.45rem}.panel-header p,.section-heading p,.room-topline p,.game-topline p{color:var(--muted);margin:5px 0 0;font-size:.85rem;line-height:1.45}.room-builder{gap:16px;margin-top:22px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.field input,.field select,.code-input{width:100%;min-height:48px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:11px;padding:10px 13px}.field input::placeholder{color:var(--muted)}.player-stepper{background:var(--panel);border:2px solid var(--line);border-radius:11px;justify-content:space-between;align-items:center;min-height:52px;padding:3px;display:flex}.player-stepper:focus-within{outline:3px solid var(--violet-deep);outline-offset:3px}.stepper-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--violet-deep);background:var(--sky);border:1px solid var(--line);border-radius:8px;place-items:center;padding:0;display:grid}.stepper-button:hover:not(:disabled){color:#fff;background:var(--violet)}.player-count-readout{flex:1;justify-content:center;align-items:baseline;gap:6px;min-width:0;display:flex}.field .player-count-input{width:48px;min-height:44px;color:var(--violet-deep);font-family:var(--display);text-align:center;background:0 0;border:0;border-radius:0;padding:5px 0;font-size:1.5rem;font-weight:900}.field .player-count-input:focus-visible{outline:0}.field .player-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field .player-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field .player-count-input{appearance:textfield}.stepper-unit{color:var(--muted);font-size:.82rem;font-weight:800}.segmented-control{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented-control button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-size:.85rem;font-weight:800;display:inline-flex}.segmented-control button.active{color:#fff;background:var(--violet)}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row>*{min-width:0}.button-row .code-input{flex:220px;width:auto}.button{border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 16px;font-weight:900;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{color:#fff;background:var(--violet);box-shadow:0 4px 0 var(--violet-deep)}.button.accent{color:#fff;background:var(--action-blue);border-color:var(--blue-ink);box-shadow:0 4px #001a3359}.button.accent:hover:not(:disabled){color:#fff;background:var(--violet-deep)}.room-code-actions .button.accent{border-color:#fff}.button.secondary{color:var(--violet-deep);background:var(--panel);border-color:var(--line)}.button.ghost{min-height:44px;color:var(--muted);background:0 0;border-color:#0000;padding-inline:11px;font-size:.82rem}.button.danger{color:#fff;background:var(--danger)}.public-rooms{margin-top:24px}.room-list{gap:10px;display:grid}.room-list-item{background:var(--panel);border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.room-list-item h3,.room-list-item p{margin:0}.room-list-item h3{color:var(--ink);font-size:.96rem}.room-list-item p{color:var(--muted);margin-top:5px;font-size:.78rem}.room-list-item .button{min-height:44px;padding-inline:12px}.empty-state,.loading-state,.error-state{border:1px dashed var(--line);color:var(--muted);background:#ffffffb8;border-radius:13px;padding:18px;font-size:.88rem;line-height:1.5}.error-state{color:var(--danger);border-color:var(--danger);background:#e2f1ffdb}.error-state strong{margin-bottom:4px;display:block}.room-hero{gap:22px;padding:clamp(22px,4vw,40px);display:grid}.room-topline h1,.game-topline h1{font-size:clamp(2rem,4vw,4rem)}.room-code-block{background:var(--violet);border-radius:15px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.room-code-label{color:#ffffffd6;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.room-code{color:#fff;font-family:var(--display);letter-spacing:.16em;font-size:clamp(1.7rem,4vw,2.5rem)}.room-code-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.room-code-actions .button{margin-left:0}.room-meta-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.meta-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:13px;min-height:88px;padding:14px}.meta-card span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:900;display:block}.meta-card strong{color:var(--violet-deep);font-size:1.05rem}.player-list{gap:8px;display:grid}.player-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.avatar{width:40px;height:40px;color:var(--violet-deep);background:var(--blue-soft);border:2px solid var(--violet-deep);font-family:var(--display);border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.player-info{flex:1;min-width:0}.player-info strong,.player-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-info strong{font-size:.92rem}.player-info span{color:var(--muted);margin-top:3px;font-size:.75rem}.host-badge{color:#fff;background:var(--action-blue);letter-spacing:.06em;text-transform:uppercase;border-radius:7px;padding:5px 8px;font-size:.66rem;font-weight:900}.game-screen{gap:18px;display:grid}.game-topbar{color:#fff;background:var(--violet);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:17px 20px;display:grid}.turn-copy{min-width:0}.turn-copy small,.timer-box small{color:#ffffffd6;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.turn-copy strong{font-family:var(--display);margin-top:3px;font-size:1.5rem;display:block}.timer-box{min-width:130px;color:var(--violet-deep);background:var(--blue-soft);text-align:center;border-radius:12px;justify-self:center;padding:8px 15px}.timer-box small{color:var(--violet-deep)}.timer-box strong{font-family:var(--display);margin-top:1px;font-size:2rem;line-height:1;display:block}.turn-alert{color:#fff;background:var(--action-blue);text-align:center;border:2px solid #fff;border-radius:11px;justify-self:end;max-width:250px;padding:11px 14px;font-weight:900}.game-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.game-panel{min-width:0;padding:clamp(14px,2vw,24px)}.board-panel{--board-surface:#f1f2f5;--board-cell-bg:#d0d2db;--board-grid:#5f6675;--board-ink:#242936;--board-tw:#d51b63;--board-tw-ink:#fff;--board-dw:#f47e68;--board-dw-ink:#3a1d20;--board-tl:#62b6d5;--board-tl-ink:#12374c;--board-dl:#bddff1;--board-dl-ink:#16384f;--board-center:#f2d37a;--board-tile:#ffe2a2;--board-tile-ink:#242936;--board-focus:#173c62;gap:14px;display:grid}.board-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.board-heading strong{color:var(--violet-deep);font-family:var(--display);font-size:1.2rem}.board-heading span{color:var(--muted);font-size:.8rem}.board-scroller{background:var(--board-surface);border:1px solid var(--board-grid);overscroll-behavior-inline:contain;scrollbar-color:var(--board-grid) var(--board-surface);border-radius:12px;width:100%;padding:8px 8px 12px;overflow:auto}.board-grid{--board-cell:clamp(38px, 4.25vw, 48px);grid-template-columns:repeat(15, var(--board-cell));grid-auto-rows:var(--board-cell);background:var(--board-grid);border:3px solid var(--board-grid);border-radius:10px;gap:2px;width:max-content;margin:0 auto;padding:6px;display:grid}.board-cell{min-width:var(--board-cell);min-height:var(--board-cell);color:var(--board-ink);background:var(--board-cell-bg);border:1px solid #2429364d;border-radius:3px;place-items:center;padding:0;font-size:clamp(.78rem,1.7vw,.98rem);font-weight:900;line-height:1;transition:transform .12s,border-color .12s;display:grid}.board-cell:hover:not(:disabled){border-color:var(--violet-deep);z-index:1;transform:scale(1.06)}.board-cell.bonus-TW{color:var(--board-tw-ink);background:var(--board-tw)}.board-cell.bonus-DW{color:var(--board-dw-ink);background:var(--board-dw)}.board-cell.bonus-TL{color:var(--board-tl-ink);background:var(--board-tl)}.board-cell.bonus-DL{color:var(--board-dl-ink);background:var(--board-dl)}.board-cell.center{color:var(--board-ink);background:var(--board-center)}.board-cell.is-pending{color:var(--board-tile-ink);background:var(--board-tile);border-color:var(--board-focus)}.board-cell.is-placed{color:var(--board-tile-ink);background:var(--board-tile);border:2px solid var(--board-focus);font-family:var(--display);font-size:clamp(.95rem,2vw,1.35rem)}.board-cell.is-drop-target{outline:4px solid var(--board-focus);outline-offset:1px;z-index:2;transform:scale(1.08);box-shadow:0 0 0 3px #fff}.board-cell.is-drop-invalid{outline:3px dashed var(--board-grid);outline-offset:1px;z-index:2}.board-cell[class*=bonus-]:not(.is-placed):not(.is-pending){letter-spacing:-.03em;font-size:clamp(.82rem,1.8vw,1rem)}.tile-rack{background:var(--blue-board);border-radius:13px;flex-wrap:wrap;justify-content:center;gap:9px;padding:12px;display:flex}.rack-tile{width:58px;height:58px;color:var(--blue-ink);border:2px solid var(--violet-deep);font-family:var(--display);background:#b9d8f4;border-radius:10px 7px;place-items:center;padding:0;font-size:1.55rem;transition:transform .12s,background .12s;display:grid;position:relative;box-shadow:0 4px #063b7547}.rack-tile:hover:not(:disabled),.rack-tile.selected{background:var(--blue-soft);transform:translateY(-5px)}.rack-tile.pending{opacity:.45;transform:translateY(3px)scale(.94)}.rack-tile{touch-action:none;-webkit-user-select:none;user-select:none}.rack-tile.is-dragging{opacity:.3;transform:scale(.92)}.drag-ghost{z-index:60;width:58px;height:58px;color:var(--blue-ink);border:3px solid var(--violet-deep);font-family:var(--display);pointer-events:none;background:#ffe2a2;border-radius:10px 7px;place-items:center;font-size:1.55rem;display:grid;position:fixed;transform:rotate(-4deg);box-shadow:5px 6px #001a333d}.drag-ghost small,.tile-points{font-family:var(--body);font-size:.62rem;font-weight:900;position:absolute;bottom:3px;right:5px}.action-bar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.action-bar .button{flex:120px}.side-stack{gap:18px;display:grid}.score-list{gap:8px;margin-top:15px;display:grid}.score-row{background:var(--panel-soft);border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;min-height:58px;padding:9px;display:flex}.score-row.active{background:var(--blue-soft);border-color:var(--violet-deep)}.score-row .avatar{flex-basis:32px;width:32px;height:32px;font-size:.8rem}.score-name{flex:1;min-width:0}.score-name strong,.score-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.score-name strong{font-size:.85rem}.score-name span{color:var(--muted);margin-top:3px;font-size:.72rem}.score-row.active .score-name span{color:var(--violet-deep)}.score-value{color:var(--violet-deep);font-family:var(--display);font-size:1.4rem}.move-log{gap:8px;margin-top:15px;display:grid}.move-log p{color:var(--muted);background:var(--panel);border-left:3px solid var(--electric-blue);margin:0;padding:9px 10px;font-size:.78rem;line-height:1.35}.results-banner{color:var(--violet-deep);background:var(--blue-soft);border:2px solid var(--violet-deep);border-radius:15px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);grid-template-areas:"summary rematch""back rematch";align-items:stretch;gap:16px 20px;padding:18px;display:grid}.results-banner strong{font-family:var(--display);font-size:1.5rem}.results-summary{grid-area:summary;align-content:center;gap:8px;padding:8px 4px;display:grid}.rematch-panel{color:var(--ink);background:#ffffffd1;border:1px solid #063b7547;border-radius:12px;grid-area:rematch;gap:12px;margin-top:0;padding:14px;display:grid}.rematch-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.rematch-heading h2{color:var(--violet-deep);font-family:var(--display);margin:0;font-size:1.15rem}.rematch-heading p{max-width:520px;color:var(--muted);margin:4px 0 0;font-size:.78rem;line-height:1.4}.rematch-heading>strong{color:var(--violet-deep);flex:none;font-size:.82rem}.rematch-panel .button{width:fit-content}.rematch-waiting{color:var(--muted);gap:5px;font-size:.76rem;font-weight:850;display:grid}.rematch-waiting ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rematch-waiting li{color:var(--violet-deep);background:var(--sky);border-radius:7px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.results-back{grid-area:back;place-self:end start;margin-top:0}.results-banner .results-back{color:var(--violet-deep)}.status-line{min-height:24px;color:var(--muted);font-size:.84rem}.toast{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:40;width:min(360px,100vw - 28px);color:var(--ink);background:var(--panel);border:2px solid var(--violet);border-radius:14px;align-items:center;gap:11px;padding:12px 10px 12px 13px;animation:.18s ease-out toast-in;display:flex;position:fixed;box-shadow:6px 6px #063b752e}.toast-info{border-color:var(--electric-blue)}.toast-icon{color:#fff;background:var(--electric-blue);border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.toast-info .toast-icon{background:var(--violet)}.toast-copy{flex:1;min-width:0;font-size:.85rem;font-weight:850;line-height:1.35}.toast-close{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.toast-close:hover{color:var(--violet-deep);background:var(--panel-soft)}.invite-dialog-layer{z-index:55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-dialog-backdrop{background:#001a33ad;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.invite-dialog{width:min(100%,460px);color:var(--ink);background:var(--panel);border:2px solid var(--violet-deep);border-radius:20px;padding:28px;position:relative;box-shadow:0 12px #001a3347}.invite-dialog-close{width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.invite-dialog-close:hover{color:var(--violet-deep);background:var(--panel-soft)}.invite-dialog-icon{color:#fff;background:var(--action-blue);border:2px solid var(--blue-ink);border-radius:12px 8px;place-items:center;width:46px;height:46px;display:grid}.invite-dialog-kicker{color:var(--violet);letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-size:.7rem;font-weight:950;display:block}.invite-dialog h2{max-width:340px;color:var(--violet-deep);font-family:var(--display);letter-spacing:-.04em;margin:6px 0 0;font-size:1.8rem;line-height:1.05}.invite-dialog>p{color:var(--muted);margin:10px 0 0;font-size:.9rem;line-height:1.5}.invite-dialog-form{gap:8px;margin-top:22px;display:grid}.invite-dialog-form label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.invite-dialog-form input{width:100%;min-height:48px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:11px;padding:10px 13px}.invite-dialog-form input::placeholder{color:var(--muted)}.invite-dialog-form .button{width:100%;margin-top:5px}.invite-dialog-error{color:var(--danger);margin:2px 0 0;font-size:.8rem;font-weight:800;line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-line.error{color:var(--danger);font-weight:800}.inline-label{color:var(--muted);font-size:.78rem;font-weight:800}.small-note{color:var(--muted);margin:0;font-size:.76rem;line-height:1.5}.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}@media (max-width:1100px){.library-page{grid-template-columns:1fr}.library-mobile-menu{width:fit-content;color:var(--violet-deep);background:var(--panel);border:2px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:900;display:inline-flex}.library-nav-backdrop{z-index:45;background:#001a3375;border:0;display:block;position:fixed;inset:0}.library-sidebar{z-index:50;width:min(300px,100vw - 28px);min-height:0;transition:transform .18s;position:fixed;top:92px;bottom:14px;left:14px;transform:translate(calc(-100% - 28px))}.library-sidebar.is-open{transform:translate(0)}.library-sidebar-close{place-items:center;width:44px;height:44px;display:grid}.library-topbar{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}.library-title-block{grid-area:1/1/auto/-1}.library-search{grid-area:2/2}.lobby-layout,.game-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.game-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.turn-alert{grid-column:1/-1;justify-self:stretch}}@media (max-width:680px){.site-header,.main-shell{width:min(100% - 28px,1440px)}.site-header{align-items:flex-start;gap:12px;padding-top:14px}.header-tools{width:100%;margin-left:0}.language-switcher-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-switcher-control select{width:112px}.main-shell{padding-top:10px}.library-page{width:min(100% - 28px,1440px);padding-top:4px}.library-topbar{grid-template-columns:1fr;gap:14px;display:grid}.library-title-block,.library-search{grid-area:auto}.library-search{justify-self:stretch;width:100%}.library-featured{grid-template-columns:1fr;gap:10px;padding:22px 18px 30px}.library-featured-visual{padding-top:26px}.library-board-preview{width:min(100%,310px)}.library-section-heading{flex-direction:column;align-items:start;gap:5px}.library-game-grid{grid-template-columns:1fr}.results-banner{grid-template-columns:1fr;grid-template-areas:"summary""rematch""back"}.results-summary{padding:0}.rematch-heading{flex-direction:column}.rematch-panel .button{width:100%}.hero-card{min-height:500px;padding:27px 22px}.hero-title{font-size:clamp(3rem,16vw,5rem)}.panel,.game-panel{border-radius:17px;padding:17px}.field-grid,.room-meta-grid,.side-stack{grid-template-columns:1fr}.field.full{grid-column:auto}.room-topline,.game-topline,.panel-header,.section-heading,.room-code-block{flex-direction:column;align-items:flex-start}.room-code-actions{width:100%;margin-left:0}.room-code-actions .button{flex:220px;width:100%;margin-left:0}.game-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:14px}.turn-copy strong{font-size:1.12rem}.timer-box{min-width:108px}.timer-box strong{font-size:1.65rem}.turn-alert{font-size:.84rem}.board-grid{--board-cell:44px;margin-inline:0}.board-heading span{width:100%}.rack-tile{width:50px;height:50px}.action-bar .button{flex-basis:calc(50% - 5px)}.button-row .code-input{flex-basis:100%;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}