:root{--bg:#111827;--panel:#1f2937;--panel-2:#273449;--text:#f9fafb;--muted:#cbd5e1;--line:#374151;--green:#15803d;--yellow:#ca8a04;--gray:#4b5563;--blue:#2563eb;--red:#dc2626}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #1e3a8a 0, var(--bg) 42%);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}main{width:min(1100px,100vw - 24px);margin:0 auto;padding:28px 0 48px}a{color:inherit}.button-link{background:var(--accent,#2563eb);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.sso-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.sso-card p{margin:4px 0 0}@media (max-width:640px){.sso-card{flex-direction:column;align-items:stretch}.sso-card .button-link,.sso-card button{width:100%}}h1,h2,h3{margin-top:0}button,input,select{font:inherit}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172a;border-radius:10px;padding:10px 12px}label{color:var(--muted);gap:6px;font-size:.92rem;display:grid}.card{border:1px solid var(--line);background:#1f2937eb;border-radius:18px;padding:20px;box-shadow:0 16px 42px #00000038}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.board{grid-template-columns:repeat(var(--word-length), minmax(42px, 72px));justify-content:center;gap:8px;margin:22px 0;display:grid}.tile{aspect-ratio:1;border:2px solid var(--line);color:#fff;background:#0f172a;border-radius:12px;place-items:center;min-width:42px;font-size:clamp(1.3rem,6vw,2.2rem);font-weight:900;display:grid;position:relative}.tile.small{width:42px;height:42px;min-width:unset;font-size:1.1rem}.tile.green{background:var(--green);border-color:#22c55e}.tile.yellow{background:var(--yellow);border-color:#facc15}.tile.gray{background:var(--gray);border-color:#9ca3af}.tile.selected{outline:4px solid #60a5fa}.tile.disabled{opacity:.45}.tile .value{opacity:.9;font-size:.72rem;position:absolute;bottom:3px;right:6px}.letter-rack{flex-wrap:wrap;gap:8px;display:flex}.score-table{border-collapse:collapse;width:100%}.score-table th,.score-table td{border-bottom:1px solid var(--line);text-align:left;padding:8px}.score-table td:last-child,.score-table th:last-child{text-align:right}.notice{color:var(--muted);background:#2563eb21;border-left:4px solid #60a5fa;border-radius:10px;padding:12px 14px}.error{border-left-color:var(--red);color:#fecaca;background:#dc262621}.muted{color:var(--muted)}.move-log{gap:8px;max-height:340px;display:grid;overflow:auto}.move-item{border:1px solid var(--line);background:#0f172a;border-radius:12px;padding:10px}.god-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}@media (max-width:760px){.grid-2{grid-template-columns:1fr}main{width:min(100vw - 16px,1100px);padding-top:16px}.card{border-radius:14px;padding:14px}.board{grid-template-columns:repeat(var(--word-length), minmax(34px, 1fr));gap:5px}.tile{border-radius:8px;min-width:34px}}.warning{color:#fde68a;background:#f59e0b24;border-left-color:#f59e0b}.hero-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:.74rem;font-weight:900}.pill{border:1px solid var(--line);color:var(--muted);background:#0f172a;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-weight:800;display:inline-flex}.board-card{text-align:center}.tile .position-label{opacity:.55;font-size:.62rem;position:absolute;top:4px;left:6px}.tile.source-candidate{outline-offset:2px;outline:3px dashed #93c5fd}.tile.target{box-shadow:0 0 0 4px #60a5fa61}.tile.destination{outline-offset:2px;outline:4px solid #f97316}.compact-board{grid-template-columns:repeat(var(--word-length), minmax(30px, 44px));margin:10px 0}.compact-board .tile{border-radius:8px;min-width:30px;font-size:1rem}.turn-banner{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.turn-banner.my-turn{background:#22c55e29;border-color:#22c55e73}.turn-banner.waiting-turn{background:#2563eb1f}.preview-card{border:1px solid var(--line);background:#0f172a;border-radius:16px;padding:14px}.preview-card.legal{background:#16653438;border-color:#22c55e8c}.preview-card.not-ready{border-color:#f59e0b73}.move-builder-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.move-builder-grid>div{border:1px solid var(--line);background:#0f172a;border-radius:12px;gap:4px;padding:12px;display:grid}button.secondary{background:#334155}.legend{color:var(--muted);justify-content:center;font-size:.9rem}.legend-dot{vertical-align:middle;border-radius:999px;width:12px;height:12px;margin-right:6px;display:inline-block}.green-dot{background:var(--green)}.yellow-dot{background:var(--yellow)}.gray-dot{background:var(--gray)}.blue-dot{background:#60a5fa}.round-over-card{background:linear-gradient(135deg,#15803d61,#1f2937f5);border-color:#22c55e7a}.current-row{background:#60a5fa1f}.positive-score{color:#86efac;font-weight:900}.negative-score{color:#fca5a5;font-weight:900}.rules-note{font-size:.9rem}@media (max-width:760px){.hero-card{flex-direction:column;align-items:stretch}.turn-banner{flex-direction:column;align-items:flex-start}.move-builder-grid{grid-template-columns:1fr}.legend{justify-content:flex-start}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}button,.tile{touch-action:manipulation;-webkit-tap-highlight-color:#60a5fa47}button,input,select{min-height:44px;font-size:16px}.tile{-webkit-user-select:none;user-select:none;padding:0}.game-shell{padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (max-width:760px){body{background:#111827}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}.row{gap:8px}.hero-card .row,header.card .row{width:100%}.hero-card .row a,header.card .row a,.hero-card .row button,header.card .row button{flex:auto}.board-card{padding-left:8px;padding-right:8px}.board{grid-template-columns:repeat(var(--word-length), minmax(28px, 1fr));gap:4px;width:100%;margin:14px 0}.tile{border-width:1.5px;min-width:28px;font-size:clamp(1rem,8vw,1.75rem)}.tile .value{font-size:.58rem;bottom:1px;right:3px}.tile .position-label{font-size:.52rem;top:2px;left:3px}.letter-rack{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;display:grid}.letter-rack .tile.small{width:100%;min-width:44px;height:44px;min-height:44px;font-size:1.2rem}.score-table th,.score-table td{padding:7px 5px;font-size:.9rem}.move-log{max-height:260px}.move-item{padding:9px}.preview-card,.move-builder-grid>div{padding:11px}}@media (max-width:420px){main{width:calc(100vw - 10px);padding-top:10px}.card{padding:12px}.board{grid-template-columns:repeat(var(--word-length), minmax(25px, 1fr));gap:3px}.tile{border-radius:7px;min-width:25px;font-size:clamp(.95rem,7.4vw,1.45rem)}.legend{gap:6px;font-size:.8rem}.pill{padding:3px 8px}}.lobby-actions a,.lobby-actions button{min-width:110px}@media (max-width:760px){.lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lobby-actions a,.lobby-actions button{width:100%;min-width:0}}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}input,select{min-height:44px;font-size:16px}.secondary{background:#334155}.micro-warning{color:#fde68a;margin:-6px 0 0;font-size:.86rem}.join-card button{width:100%}@media (max-width:760px){button,.lobby-actions,.lobby-actions a{width:100%}.hero-card{align-items:stretch}}.small-status{margin:-4px 0 0;font-size:.86rem}@media (max-width:760px){button{touch-action:manipulation;width:100%;min-height:46px}.row button,.lobby-actions button,a button{width:auto}.join-card input{min-height:46px;font-size:16px}}.tile.source-candidate,.letter-rack .tile:not(.disabled),.tile.yellow,.tile.green{cursor:grab}.tile.source-candidate:active,.letter-rack .tile:not(.disabled):active,.tile.yellow:active,.tile.green:active{cursor:grabbing}body.is-dragging{-webkit-user-select:none;user-select:none;overflow:hidden}body.is-dragging *{cursor:grabbing!important}.drag-layer{z-index:9999;pointer-events:none;touch-action:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;filter:none!important;transform:none!important}.drag-ghost{color:#fff;pointer-events:none;will-change:left, top, transform;background:#2563ebf0;border:2px solid #bfdbfe;border-radius:14px;place-items:center;font-size:1.8rem;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 40px #0006}.tile.drop-hover{outline-offset:3px;outline:4px solid #fb923c;transform:translateY(-2px)}.tile.target{animation:1.15s ease-in-out infinite targetPulse}@keyframes targetPulse{0%,to{box-shadow:0 0 0 3px #60a5fa4d}50%{box-shadow:0 0 0 6px #60a5fa7a}}.board .tile,.letter-rack .tile{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:760px){.drag-ghost{font-size:1.55rem}.board .tile,.letter-rack .tile{touch-action:none}}.tile-logo{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logo-tile{color:#fff;background:linear-gradient(145deg,#1d4ed8,#0f172a);border:2px solid #bfdbfe;border-radius:10px;place-items:center;width:clamp(34px,7vw,52px);height:clamp(34px,7vw,52px);font-size:clamp(1.05rem,3vw,1.65rem);font-weight:950;display:grid;box-shadow:0 8px 18px #0000003d}.logo-gap{width:clamp(8px,2vw,16px)}.game-code-display{letter-spacing:.08em;margin-bottom:4px;font-size:clamp(2rem,8vw,4rem)}.lobby-share-panel{justify-items:end;gap:12px;min-width:min(280px,100%);display:grid}.qr-code{background:#fff;border:1px solid #ffffff47;border-radius:14px;width:148px;height:148px;padding:8px}.large-action{background:#16a34a;padding:12px 16px;font-size:1.03rem}.god-dot{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));z-index:2000;color:#0000;min-width:16px;height:16px;min-height:16px;box-shadow:none;background:#94a3b861;border:1px solid #e2e8f047;border-radius:999px;padding:0;position:fixed;width:16px!important}.god-dot:hover,.god-dot:focus-visible{outline-offset:3px;background:#60a5fab8;outline:2px solid #93c5fde6}.tile.drop-illegal{outline-offset:3px;filter:saturate(.6);outline:4px solid #dc2626d9}.game-winner{color:#bbf7d0;font-size:1.25rem;font-weight:900}@media (max-width:760px){.tile-logo{justify-content:center}.lobby-share-panel{justify-items:stretch}.qr-code{justify-self:center;width:132px;height:132px}.large-action{width:100%}.god-dot{min-width:14px;height:14px;min-height:14px;width:14px!important}}.turn-message{gap:4px;display:grid}.turn-timer{background:#0f172ab8;border:1px solid #e2e8f02e;border-radius:14px;grid-template-columns:auto auto;align-items:baseline;gap:3px 8px;min-width:128px;padding:8px 10px;display:grid}.timer-number{font-size:1.85rem;font-weight:950;line-height:1}.timer-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.timer-track{background:#94a3b840;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.timer-track i{border-radius:inherit;background:#22c55e;height:100%;transition:width .2s linear;display:block}.turn-timer.danger .timer-number{color:#fecaca}.turn-timer.danger .timer-track i{background:#ef4444}button.danger-button{background:#991b1b}button.danger-button:hover:not(:disabled){background:#b91c1c}@media (max-width:760px){.turn-timer{width:100%;min-width:0}}.is-my-turn-shell{animation:1.6s ease-in-out infinite shellPulse}@keyframes shellPulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 22px #22c55e4d}}.turn-banner{position:relative;overflow:hidden}.turn-banner.my-turn{border-width:2px;box-shadow:0 0 0 4px #22c55e1f,0 16px 38px #22c55e1f}.your-turn-burst{color:#052e16;letter-spacing:.1em;background:#22c55e;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:950;animation:1.25s ease-in-out infinite burstPop;position:absolute;top:8px;right:12px;transform:rotate(4deg);box-shadow:0 10px 24px #00000040}@keyframes burstPop{0%,to{transform:rotate(4deg)scale(1)}50%{transform:rotate(4deg)scale(1.06)}}.turn-timer.no-timer{text-align:center;grid-template-columns:1fr;justify-content:center;min-width:112px}.directions-page h1{margin:0}.directions-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.directions-links a{border:1px solid var(--line);color:#bfdbfe;background:#0f172a;border-radius:12px;padding:12px 14px;font-weight:800;text-decoration:none;display:block}.directions-links a:hover,.directions-links a:focus-visible{outline-offset:2px;outline:3px solid #60a5fa73}.directions-section{scroll-margin-top:18px}.directions-section li{color:var(--muted);margin:7px 0}.directions-section strong,.directions-section td:first-child{color:var(--text)}@media (max-width:760px){.your-turn-burst{justify-self:start;margin-bottom:2px;position:static;transform:none}.your-turn-burst,.your-turn-burst:hover{animation:1.25s ease-in-out infinite burstPopMobile}@keyframes burstPopMobile{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}}