:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#080c14;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #111827;--surface-raised: #182233;--border: #2b394d;--muted: #9aa8bc;--green: #22c55e;--green-dark: #15803d;--amber: #f59e0b;--red: #ef4444}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{min-height:44px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,a{outline:none}button:focus-visible,input:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #080c14,0 0 0 6px #86efac}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.9rem,8vw,3.6rem);line-height:1;letter-spacing:-.05em}h2{margin-bottom:.75rem;font-size:clamp(1.55rem,6vw,2.35rem);letter-spacing:-.035em}.shell{min-height:100vh;padding:.75rem;background:radial-gradient(circle at 50% 0,rgba(34,197,94,.13),transparent 27rem),#080c14}.setup-shell,.loading-shell{display:grid;place-items:center}.panel{width:100%;padding:1.25rem;background:#111827f5;border:1px solid var(--border);border-radius:1rem;box-shadow:0 1.5rem 4rem #0000004d}.setup-panel,.loading-panel{max-width:38rem}.setup-panel{padding:clamp(1.25rem,5vw,2.5rem)}.loading-panel{text-align:center}.eyebrow{margin-bottom:.55rem;color:#86efac;font-size:.73rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.lead,.muted{color:var(--muted)}.lead{margin:1rem 0 1.5rem;line-height:1.5}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:.8rem;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-fields{display:grid;gap:.85rem}.player-field label,.word-form label{display:block;margin-bottom:.35rem;color:#cbd5e1;font-size:.82rem;font-weight:700}.field-row,.word-row{display:flex;gap:.55rem}input{width:100%;min-height:48px;padding:.7rem .85rem;color:#f8fafc;background:#0b1220;border:1px solid #3a485d;border-radius:.65rem}input::placeholder{color:#66758c}.icon-button{flex:0 0 48px;color:#fca5a5;background:transparent;border:1px solid #4b2b35;border-radius:.65rem;font-size:1.5rem}.primary,.secondary,.ghost,.warning-button{padding:.7rem 1rem;border-radius:.65rem;font-weight:800}.primary{color:#04130a;background:var(--green);border:1px solid #4ade80}.primary:hover:not(:disabled){background:#4ade80}.secondary{color:#e2e8f0;background:#253247;border:1px solid #3b4b63}.ghost{color:#cbd5e1;background:transparent;border:1px solid #3b4b63}.warning-button{color:#1c1202;background:var(--amber);border:1px solid #fbbf24}.wide-button{width:100%}.setup-panel .secondary{margin-top:1rem}.start-button{margin-top:1.25rem}.message{margin:1rem 0 0;padding:.75rem .85rem;border-radius:.55rem;line-height:1.4}.error-message{color:#fecaca;background:#7f1d1d52;border:1px solid rgba(239,68,68,.45)}.game-layout{width:min(100%,70rem);margin:0 auto}.game-header{display:grid;gap:1rem;padding:.75rem .25rem 1rem}.game-header h1{font-size:clamp(1.8rem,7vw,3rem)}.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.score{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.55rem .7rem;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:.6rem}.score.active{border-color:var(--green);box-shadow:inset 3px 0 var(--green)}.score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score strong{margin-left:.5rem;font-size:1.25rem}.alphabet{display:grid;grid-template-columns:repeat(7,1fr);gap:.32rem;margin-bottom:.75rem}.letter{display:grid;place-items:center;min-width:0;aspect-ratio:1;color:#94a3b8;background:#151f2e;border:1px solid #334155;border-radius:.35rem;font-size:clamp(.72rem,3vw,.95rem);font-weight:850}.letter.completed{color:#dcfce7;background:var(--green-dark);border-color:#22c55e}.letter.current{color:#07120b;background:var(--green);border-color:#86efac;box-shadow:0 0 0 2px #22c55e40}.play-panel,.round-panel,.finish-panel{max-width:42rem;margin:0 auto;text-align:center}.turn-label{margin-bottom:.15rem;color:var(--muted);font-size:.85rem;font-weight:700;text-transform:uppercase}.prefix-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:1rem 0 1.4rem}.prefix-tiles span{display:grid;place-items:center;width:clamp(2.5rem,10vw,3.5rem);aspect-ratio:1;color:#07120b;background:var(--green);border:2px solid #86efac;border-radius:.45rem;font-size:clamp(1.3rem,6vw,1.8rem);font-weight:900}.word-form{text-align:left}.word-row{flex-direction:column}.word-composer{display:flex;align-items:center;width:100%;min-width:0;min-height:50px;overflow:hidden;background:#0b1220;border:1px solid #3a485d;border-radius:.65rem}.word-composer:focus-within{box-shadow:0 0 0 3px #080c14,0 0 0 6px #86efac}.fixed-prefix{align-self:stretch;display:flex;align-items:center;padding:0 .2rem 0 .85rem;color:#86efac;font-size:1.1rem;font-weight:900;letter-spacing:.04em}.word-composer input{min-width:0;padding-left:.1rem;font-size:1.1rem;text-transform:uppercase;background:transparent;border:0;border-radius:0}.word-composer input:focus-visible{box-shadow:none}.turn-actions{display:flex;justify-content:space-between;gap:.65rem;margin-top:1rem}.turn-actions button{flex:1}.centered-actions{justify-content:center}.point-award{margin:1rem 0;padding:1rem;color:#dcfce7;background:#15803d40;border:1px solid var(--green-dark);border-radius:.65rem}.history,.new-game-actions{max-width:42rem;margin:1.25rem auto 0}.history h2{font-size:1.1rem}.history ol,.ranking{margin:0;padding:0;list-style:none}.history li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem .2rem;border-bottom:1px solid #243044}.history li>span{color:var(--muted);font-size:.78rem;text-align:right}.manual-badge{margin-left:.45rem;padding:.17rem .35rem;color:#fde68a;background:#f59e0b2e;border-radius:.3rem;font-size:.65rem;text-transform:uppercase}.ranking{margin:1rem 0 1.25rem;counter-reset:rank}.ranking li{display:flex;justify-content:space-between;padding:.85rem;border-bottom:1px solid var(--border);counter-increment:rank}.ranking li span:before{content:counter(rank) ". ";color:var(--muted)}.validation-dialog{width:min(calc(100% - 1.5rem),32rem);padding:1.4rem;color:#f8fafc;background:#211a0d;border:1px solid #b7790b;border-radius:1rem;box-shadow:0 2rem 6rem #000000a6}.validation-dialog::backdrop{background:#02060ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-icon{display:grid;place-items:center;width:2.7rem;aspect-ratio:1;margin-bottom:.8rem;color:#1c1202;background:var(--amber);border-radius:50%;font-size:1.4rem;font-weight:900}.warning-eyebrow{color:#fbbf24}.warning-list{padding-left:1.3rem;color:#fde68a;line-height:1.5}.dictionary-link{display:inline-block;min-height:44px;padding:.7rem 0;color:#fcd34d;font-weight:700}.dialog-actions{display:flex;gap:.65rem;margin-top:.75rem}.dialog-actions button{flex:1}@media(min-width:36rem){.shell{padding:1.25rem}.panel{padding:2rem;border-radius:1.2rem}.game-header{grid-template-columns:auto 1fr;align-items:end}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.alphabet{grid-template-columns:repeat(13,1fr);gap:.4rem}.word-row{flex-direction:row}.word-row button{min-width:8rem}}@media(min-width:60rem){.game-shell{padding:2rem}.alphabet{grid-template-columns:repeat(25,1fr)}.letter{font-size:.72rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}