:root{--color-bg: #0a0e1a;--color-surface: #10182c;--color-panel: #16213a;--color-border: #2a3a5d;--color-text: #e6f0ff;--color-muted: #a7b6d9;--color-accent: #ffd166;--color-accent-2: #06b6d4;--color-success: #1fa26a;--color-tile: #0b1b2a;--shadow-soft: 0 6px 24px rgba(0,0,0,.38);--radius: 12px;--space-1: 4px;--space-2: 8px;--space-3: 14px;--space-4: 20px;--space-5: 28px;--space-6: 40px}body{background:radial-gradient(1200px 600px at 50% -10%,#162044 0%,var(--color-bg) 55%,#070a12 100%);color:var(--color-text)}.button{padding:12px 20px;border-radius:var(--radius);border:1.5px solid var(--color-border);background:linear-gradient(180deg,#1b2744,#0f182e);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-soft);font-size:1.08em;font-weight:700}.button.primary{border-color:#5a6fa5;background:linear-gradient(180deg,#1b2a4f,#152344)}.button.accent{border-color:#e6b657;background:linear-gradient(180deg,#ffdc80,#e5b54e);color:#1a1200;box-shadow:0 2px 12px #ffd16655}.button:active{filter:brightness(.95)}.button:focus{outline:2.5px solid var(--color-accent-2)}.panel{background:var(--color-panel);border:1.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.high-contrast{--color-bg: #000000;--color-surface: #050505;--color-panel: #0a0a0a;--color-border: #2a2a2a;--color-text: #ffffff;--color-muted: #d0d0d0;--color-accent: #ffeb3b;--color-accent-2: #00e5ff;--color-success: #2cff8f;--color-tile: #0e0e0e}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.title-screen{flex:1;display:grid;place-items:center;gap:24px}.primary{padding:12px 20px;font-size:18px;border-radius:var(--radius);box-shadow:0 2px 8px #0000002e}.game-layout{display:flex;flex-direction:column;height:100%}.hud{padding:var(--space-4) var(--space-5);border-bottom:1.5px solid var(--color-border);background:var(--color-surface);box-shadow:0 2px 12px #0000001a}.players{display:flex;gap:var(--space-4);justify-content:space-around}.player{padding:14px 18px;border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-panel);min-width:200px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:border .2s,box-shadow .2s,background .2s}.player.active{outline:3px solid var(--color-accent);border-color:var(--color-accent);background:#1a233a;box-shadow:0 0 0 4px #ffd16644}.name{font-weight:900;letter-spacing:.5px;font-size:1.15em;margin-bottom:2px}.scores{display:flex;gap:var(--space-4);opacity:.95;justify-content:center;font-size:1.08em}.scores .total{color:var(--color-accent-2);font-weight:700}.stage{display:grid;grid-template-columns:280px 1fr 420px;gap:24px;padding:20px;height:100%;align-items:start}.host-area{border-right:1.5px solid var(--color-border);padding-right:18px}.board-area{display:flex;flex-direction:column;gap:18px;align-items:center}.wheel-area{display:grid;place-items:center}.actions{margin-top:12px;display:flex;gap:12px}.letter-grid{display:grid;grid-template-columns:repeat(13,40px);gap:12px;justify-content:center;margin-top:8px}.letter-grid button{font-size:1.18em;font-weight:800;width:40px;height:48px;border-radius:8px;border:2px solid var(--color-border);background:linear-gradient(180deg,#1b2744,#0f182e);color:var(--color-text);box-shadow:0 2px 8px #0000001a;transition:background .18s,color .18s,border .18s,box-shadow .18s;cursor:pointer;outline:none;margin:0;padding:0;position:relative}.button:disabled,.letter-grid button:disabled{background:#232b3a;color:#6c7a99;border-color:#2a3a5d;cursor:not-allowed;opacity:.55;box-shadow:none}.letter-grid button:not(:disabled):hover,.letter-grid button:not(:disabled):focus{background:var(--color-accent-2);color:#fff;border-color:var(--color-accent-2);box-shadow:0 0 0 3px #06b6d455;z-index:1}.letter-grid button.vowel{background:linear-gradient(180deg,#ffdc80,#e5b54e);color:#1a1200;border-color:#e6b657;box-shadow:0 2px 12px #ffd16655}.letter-grid button.vowel:disabled{background:#bfae7a;color:#6c5a1a;border-color:#bfae7a}.letter-grid button.vowel:not(:disabled):hover,.letter-grid button.vowel:not(:disabled):focus{background:#ffe9a3;color:#1a1200;border-color:#ffd166;box-shadow:0 0 0 3px #ffd16655}.board-tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:linear-gradient(180deg,#0a1527,#0a1320);box-shadow:var(--shadow-soft)}.word{display:flex;gap:8px}.tile{width:46px;height:60px;border:2.5px solid var(--color-border);display:grid;place-items:center;border-radius:8px;background:var(--color-tile);color:var(--color-text);font-weight:900;letter-spacing:1.2px;font-size:1.25em;box-shadow:0 1px 4px #0000001a;transition:background .2s,color .2s,border .2s}.tile.revealed{background:var(--color-success);color:#061b0f;border-color:#2d8a58}.tile.space{background:transparent;border-color:transparent}.tile.punct{background:#122c4a}.host-bubble{padding:14px 18px;border:1.5px solid var(--color-border);border-radius:14px;background:var(--color-panel);box-shadow:0 2px 8px #0000001a;font-size:1.08em}canvas{max-width:100%;height:auto;border:1.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#0b0f1a}.wheel-canvas{display:block}.zoom-overlay{position:absolute;right:24px;bottom:24px;border:2.5px solid var(--color-accent);border-radius:var(--radius);box-shadow:0 10px 24px #00000080;background:#0a0e1aeb}.button,.player,.tile,.panel,.host-bubble{transition:box-shadow .2s,border .2s,background .2s,color .2s}.title-screen h1{font-size:2.8em;font-weight:900;letter-spacing:2px;color:var(--color-accent);text-shadow:0 2px 16px #ffd16655,0 1px 0 #fff2;animation:title-glow 2.5s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 2px 16px #ffd16655,0 1px 0 #fff2}to{text-shadow:0 4px 32px #ffd166aa,0 2px 0 #fff4}}.button:not(:disabled):active,.letter-grid button:not(:disabled):active{transform:scale(.96);box-shadow:0 1px 2px #0002}.button.primary:not(:disabled):hover{animation:wiggle .18s linear 1}@keyframes wiggle{0%{transform:rotate(-2deg) scale(1.04)}50%{transform:rotate(2deg) scale(1.08)}to{transform:rotate(0) scale(1.04)}}.host-bubble{animation:host-pop .4s cubic-bezier(.68,-.55,.27,1.55)}@keyframes host-pop{0%{transform:scale(.92) translateY(10px);opacity:.2}80%{transform:scale(1.04) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.confetti{pointer-events:none;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;animation:confetti-fade 2.5s linear forwards}@keyframes confetti-fade{0%{opacity:1}90%{opacity:1}to{opacity:0}}.app-shell,.game-layout,.board-area,.players,.actions{margin-bottom:8px}.panel,.host-bubble,.tile,.player,.board-tiles{border-radius:16px}.panel,.host-bubble{transition:box-shadow .25s,border .25s,background .25s,color .25s,transform .18s}.round-summary,.game-summary{background:linear-gradient(120deg,#ffd16622,#06b6d422);border-radius:18px;box-shadow:0 4px 32px #0002;padding:32px 24px;margin:32px auto;max-width:420px;text-align:center;animation:pop-in .7s cubic-bezier(.68,-.55,.27,1.55)}@keyframes pop-in{0%{transform:scale(.92) translateY(30px);opacity:.2}80%{transform:scale(1.04) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}h1,h2,h3,.label,.name,.host-bubble,.scores,.tile,.board-tiles,.player{font-family:Merriweather,Georgia,serif;letter-spacing:.5px}.board>div:first-child{font-family:Merriweather,Georgia,serif;font-size:1.08em;font-weight:700;color:var(--color-accent-2);letter-spacing:.5px;margin-bottom:10px;opacity:.92}.host-area>div:first-child,.host-bubble>div:first-child{font-family:Merriweather,Georgia,serif;font-size:1.1em;font-weight:900;color:var(--color-accent);letter-spacing:1px;margin-bottom:4px}.button,.letter-grid button{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:1.13em;letter-spacing:.5px}.player .name{font-family:Merriweather,Georgia,serif;font-weight:900;color:var(--color-text);font-size:1.18em;letter-spacing:1px}.player.active .name{color:var(--color-accent)}.tile{font-family:Merriweather,Georgia,serif;font-weight:900;font-size:1.28em;letter-spacing:1.2px}.host-bubble{font-family:Merriweather,Georgia,serif;font-size:1.13em;font-weight:700;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1220b8;z-index:10000;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-panel);border-radius:18px;box-shadow:0 8px 40px #0005;padding:32px 28px 24px;min-width:320px;max-width:90vw;color:var(--color-text);text-align:center;animation:pop-in .4s cubic-bezier(.68,-.55,.27,1.55)}.solve-modal h2{font-family:Merriweather,Georgia,serif;font-size:1.5em;margin-bottom:10px;color:var(--color-accent)}.solve-modal p{font-size:1.08em;margin-bottom:12px;color:var(--color-accent-2)}.solve-input{width:90%;max-width:340px;padding:12px 14px;font-size:1.18em;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;border-radius:8px;border:2px solid var(--color-border);margin-bottom:10px;background:#10182c;color:var(--color-text);outline:none;transition:border .18s}.solve-input:focus{border-color:var(--color-accent-2)}.solve-error{color:#e53935;font-size:.98em;margin-bottom:8px;font-weight:700}.modal-actions{display:flex;gap:16px;justify-content:center;margin-top:10px}@media (max-width: 600px){.modal{min-width:0;padding:18px 6vw 16px}.solve-input{font-size:1em}}@media (max-width: 1100px){.stage{grid-template-columns:1fr 420px}.host-area{display:none}}@media (max-width: 800px){.player{min-width:80px;padding:8px 10px}.player .name{font-size:.9em}.player .scores{font-size:.8em}.players{justify-content:center;gap:6px}.hud{padding:var(--space-4) 10px}.letter-grid{gap:4px}.letter-grid button{width:28px;height:36px;font-size:.75em}.stage{grid-template-columns:1fr;padding:8px;gap:8px}.board-area,.wheel-area{min-width:0}.wheel-area{margin-top:16px}.board-tiles{gap:4px;padding:var(--space-2) var(--space-3)}.tile{width:36px;height:48px;font-size:1em}.board>div:first-child{font-size:.95em}.letter-grid{grid-template-columns:repeat(8,1fr)}}.solve-board-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:0 auto 16px;max-width:95vw}.solve-board-cell{width:36px;height:48px;margin:2px;border-radius:8px;border:2px solid var(--color-border);background:var(--color-tile);color:var(--color-text);font-size:1.25em;font-family:Merriweather,Georgia,serif;font-weight:900;text-align:center;outline:none;box-shadow:0 1px 4px #0000001a;transition:border .18s,background .18s,color .18s}.solve-board-cell:focus{border-color:var(--color-accent-2);background:#1b2744}.solve-board-cell.revealed{background:var(--color-success);color:#061b0f;border-color:#2d8a58}.solve-board-cell.space{background:transparent;border-color:transparent;pointer-events:none}.solve-board-cell.punct{background:#122c4a;color:#a7b6d9;pointer-events:none}.button.primary.spinning-held{animation:spin-glow .7s linear infinite alternate;box-shadow:0 0 0 4px #ffd16688,0 0 16px 4px #ffd16644;background:linear-gradient(90deg,#ffd166,#ffb700);color:#1a1200;border-color:#ffd166}@keyframes spin-glow{0%{box-shadow:0 0 0 4px #ffd16688,0 0 16px 4px #ffd16644;filter:brightness(1.05)}to{box-shadow:0 0 0 8px #ffd166cc,0 0 32px 8px #ffd16688;filter:brightness(1.18)}}