:root{--bg: #0b1220;--panel: #111827;--muted: #6b7280;--primary: #2563eb;--ok: #10b981;--bad: #ef4444;--tile: #dbeafe;--tile-dim: #e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}html{background:linear-gradient(135deg,#0b1220,#1a2332,#0f172a 60%,#1e293b);min-height:100vh;min-height:100dvh;outline:none;border:none}body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:linear-gradient(135deg,#0b1220,#1a2332,#0f172a 60%,#1e293b);color:#e5e7eb;min-height:100vh;min-height:100dvh;outline:none;border:none}@media screen and (min-width: 1920px){html:not(:has(.host-shell)){zoom:1.96}body{outline:none!important;border:none!important;box-shadow:none!important}}@media screen and (min-width: 1920px){html:has(.host-shell){zoom:1.5}}@media screen and (min-width: 3840px){html:not(:has(.host-shell)){zoom:3.92}}@media screen and (min-width: 3840px){html:has(.host-shell){zoom:3}}.container{max-width:820px;margin:24px auto;padding:0 16px}.container:has(.host-shell){margin:0;padding:24px;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:none;box-sizing:border-box}@media screen and (min-width: 1920px){.container:has(.host-shell){min-height:calc(100vh / 1.5)}}@media screen and (min-width: 3840px){.container:has(.host-shell){min-height:calc(100vh / 3)}}@supports not selector(:has(*)){.container.host-container{margin:0;padding:24px;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:none;box-sizing:border-box}@media screen and (min-width: 1920px){.container.host-container{min-height:calc(100vh / 1.5)}}@media screen and (min-width: 3840px){.container.host-container{min-height:calc(100vh / 3)}}}.host-shell{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.host-columns{display:flex;gap:24px;align-items:stretch;flex:1;min-height:0}.host-column-left{flex:0 0 60%;min-width:0;display:flex;flex-direction:column;min-height:0}.host-column-right{flex:0 0 40%;min-width:0;padding-right:16px}.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;box-shadow:0 8px 24px #00000040}.host-shell.card{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 32px}.card.player-shell{background:transparent;box-shadow:none;border:none}.hstack{display:flex;gap:8px;align-items:center}.hstack.gap12{gap:12px}.hstack.space{justify-content:space-between}.vstack{display:flex;flex-direction:column;gap:8px}input,button,select{font:inherit;color:inherit}input,select{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}button{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;cursor:pointer}button.primary{background:var(--primary);border-color:#1d4ed8;color:#fff}button.warn{background:#7c2d12;border-color:#9a3412;color:#fff7ed}button:disabled{opacity:.5;cursor:not-allowed}.tile{display:inline-flex;padding:8px 12px;border-radius:10px;background:var(--tile);color:#111827;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;line-height:1}.tile.small{min-width:40px;height:40px;padding:0 10px;font-weight:700;letter-spacing:.02em}.muted{color:var(--muted)}.valid{background:#dcfce7;border:1px solid #16a34a}.invalid{background:#fee2e2;border:1px solid #dc2626}@keyframes equationGlow{0%,to{box-shadow:0 0 8px #fb923c99,0 0 12px #fb923c66}50%{box-shadow:0 0 12px #fb923ccc,0 0 18px #fb923c99}}.tile.duplicate,.tile.equation-duplicate{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;animation:equationGlow 2s ease-in-out infinite}.error-banner{margin:8px 0;padding:10px 12px;border-radius:12px;background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca;font-weight:500}.label{margin-top:10px;font-size:.9rem;color:#9ca3af}.player-shell{display:flex;flex-direction:column;gap:14px}.player-top{align-items:center}.big-timer{text-align:center;font-size:64px;line-height:1;font-weight:800;margin:6px 0 4px;border:none;outline:none;box-shadow:none}.big-timer.ok{color:#e5e7eb}.big-timer.warn{color:#fb923c}.big-timer.danger{color:var(--bad)}@keyframes timer-grace-pulsate{0%,to{opacity:1}50%{opacity:.35}}.big-timer.timer-grace-pulsate{color:var(--bad);animation:timer-grace-pulsate 1.2s ease-in-out infinite}.timer-phase{text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--muted)}.action-row{display:flex;justify-content:center;gap:10px}.letters-grid{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));gap:10px;justify-items:center;align-items:center;margin-top:8px}@media (min-width: 480px){.letters-grid{grid-template-columns:repeat(6,minmax(60px,1fr))}}@media (max-width: 413px){.letters-grid{grid-template-columns:repeat(5,minmax(48px,1fr));gap:8px}}@media (max-width: 360px){.letters-grid{grid-template-columns:repeat(5,minmax(40px,1fr));gap:6px}}.tile.lg{width:64px;height:64px;font-size:28px;font-weight:800;justify-content:center;align-items:center}.player-shell .game-grid .tile.lg,.player-shell .numbers-grid .tile.lg{width:77px;height:77px;font-size:34px}.tile.md{min-width:24px;width:48px;height:48px;font-size:20px;font-weight:700;flex-shrink:1;flex-grow:0}@media (max-width: 413px){.tile.lg{width:56px;height:56px;font-size:24px}.player-shell .game-grid .tile.lg,.player-shell .numbers-grid .tile.lg{width:67px;height:67px;font-size:29px}.tile.md{width:42px;height:42px;font-size:18px}.tile.small{min-width:36px;height:36px;font-size:14px}}@media (max-width: 360px){.tile.lg{width:48px;height:48px;font-size:20px}.player-shell .game-grid .tile.lg,.player-shell .numbers-grid .tile.lg{width:58px;height:58px;font-size:24px}.tile.md{width:36px;height:36px;font-size:16px}.tile.small{min-width:32px;height:32px;font-size:12px}}.tile.dim{background:var(--tile-dim);opacity:.85}.tile.taken{opacity:.4}.tile.locked{opacity:.6;background:#374151;color:#9ca3af;cursor:not-allowed!important}.tile.locked.taken{opacity:.8;background:#1f2937;color:#6b7280}.builder-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:center;width:100%}.submitted-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:100%;touch-action:pan-y;overflow-y:auto}.tile.selected{border:2px solid var(--primary);box-shadow:0 0 0 2px #2563eb33}.btn-big{width:100%;padding:16px 18px;font-size:18px;font-weight:800;border-radius:12px}.section-title{text-align:center;font-weight:700}.letters-rows{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.letters-row{display:flex;justify-content:center;gap:10px}@media (max-width: 413px){.letters-rows,.letters-row{gap:8px}}@media (max-width: 360px){.letters-rows,.letters-row{gap:6px}}:root{--control-h: 48px}button.primary-action{height:var(--control-h);padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;min-width:120px;background:var(--primary);border-color:#1d4ed8;color:#fff}button.icon-btn{height:var(--control-h);width:var(--control-h);display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;cursor:pointer}.icon-btn:hover{background:#ffffff0f}.icon-btn:active{background:#ffffff1a}.icon-btn svg{width:18px;height:18px;display:block}@media (max-width: 420px){.icon-btn .leave-text{display:none}}.prompt{text-align:center;color:var(--muted);font-size:.95rem;margin-top:-4px}.tile.word-lg{font-size:24px;font-weight:800;padding:10px 16px;border-radius:12px;min-height:44px;line-height:1}.timer-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:none;outline:none;box-shadow:none}.timer-actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}.x-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid #fecaca;color:#ef4444;background:transparent;font-weight:900;line-height:1;cursor:pointer}.x-btn:hover{background:#ef44441f}.x-btn:active{background:#ef44442e}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tile,.letters-rows,.letters-grid{-webkit-tap-highlight-color:transparent}.tile{touch-action:none;-webkit-user-select:none;user-select:none}.submitted-row .tile{touch-action:pan-y}.letters-rows,.letters-grid{touch-action:manipulation;overscroll-behavior:contain}body{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.player-row{padding:6px 0}.player-row.winner-glow{animation:winGlow 3.2s ease-in-out}@keyframes winGlow{0%{box-shadow:inset 0 0 #10b98100}20%{box-shadow:inset 0 0 0 9999px #10b9811a}80%{box-shadow:inset 0 0 0 9999px #10b9811a}to{box-shadow:inset 0 0 #10b98100}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;line-height:1;border:1px solid rgba(255,255,255,.1)}.badge.success{background:#dcfce7;color:#065f46;border-color:#86efac}.badge.wait{background:#fef3c7;color:#7c2d12;border-color:#fde68a}.popup-wrap{position:absolute;right:-4px;top:-6px;pointer-events:none}.points-popup{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.45);border-radius:999px;padding:2px 8px;font-weight:600;font-size:12px;animation:popRise 5s ease forwards;margin-top:4px}@keyframes popRise{0%{opacity:0;transform:translateY(6px) scale(.92)}15%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.98)}}.numbers-rows{display:flex;flex-direction:column;align-items:center;gap:8px}.numbers-row,.operators-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.operator-tile{background:var(--secondary);color:var(--secondary-text);font-weight:700;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:20px}.operator-tile:hover{background:var(--secondary-hover)}.wordcube-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3px;width:100%;max-width:50vh;max-height:50vh;aspect-ratio:1;margin:0;padding:4px;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.wordcube-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:0;z-index:2;pointer-events:auto}.wordcube-overlay-tile{background:transparent;cursor:pointer;margin:-1.5px;border-radius:0;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.wordcube-grid .tile{width:100%;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;font-size:min(10vw,calc(50vh / 4 * .55));font-weight:800;padding:0;line-height:1;text-stroke:.5px currentColor;-webkit-text-stroke:.5px currentColor;z-index:1;pointer-events:none}.wordcube-tile{display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:2px solid var(--border);border-radius:8px;font-size:1.5rem;font-weight:700;color:var(--text);transition:all .2s ease;-webkit-user-select:none;user-select:none}.wordcube-tile.dim{opacity:.3;background:var(--bg-muted)}.wordcube-tile.clickable:hover{border-color:var(--primary);transform:scale(1.05)}.wordcube-tile.in-path{background:var(--primary);color:#fff;border-color:var(--primary)}.wordcube-tile.last-in-path{background:var(--primary-dark, #1d4ed8);box-shadow:0 0 0 3px #3b82f64d}.tile.in-path{background:var(--primary);color:#fff;border-color:var(--primary)}.tile.last-in-path{background:var(--primary-dark, #1d4ed8);box-shadow:0 0 0 3px #3b82f64d}.tile.clickable:hover{border-color:var(--primary);transform:scale(1.05)}.wordcube-grid.idle{touch-action:pan-y}.wordcube-grid.idle .wordcube-overlay{pointer-events:none}.wordcube-grid.compact{max-width:300px;max-height:none}.wordcube-grid.compact .tile{font-size:clamp(1.2rem,6vw,3rem);font-weight:clamp(600,6vw,800)}@media (max-width: 480px){.wordcube-grid{gap:2px;padding:3px}.wordcube-overlay-tile{margin:-1px}.wordcube-tile{font-size:1.2rem}}.game-help-popup{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.game-help-popup .game-help-mock,.game-help-popup .game-help-mock *{pointer-events:none!important;touch-action:pan-y!important}