:root{--gap:3px;--bg:#08111b;--panel:#0d1a28;--line:#24405c;--text:#eef5ff;--muted:#9db0c3;--accent:#2c91d0;--wood-a:#b7824f;--wood-b:#956037;--danger:#a43838;--gold:#d7a94d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#132a42 0,#07111b 48%,#05090d 100%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit}button{border:1px solid #39546d;background:#16283a;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:#24415b}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#166da3;border-color:#2d9ad9}.danger{background:#662a2a;border-color:#9c4545}.nudge{background:#5a4012;border-color:#b88b31}.wide{width:100%}.hidden{display:none!important}.panel{background:linear-gradient(180deg,rgba(14,31,48,.97),rgba(7,18,28,.97));border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 30px rgba(0,0,0,.24)}.muted,.hint,.build,.tiny{color:var(--muted)}.tiny{font-size:.72rem}.error,.message{min-height:1.3em;color:#ff9a9a}.build{font-size:.74rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head h2,.section-head h3{margin:0}.tier-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;border:1px solid #557}.tier-badge.free{background:#33414e;color:#d9e4ec}.tier-badge.premium{background:#173b68;color:#78c8ff;border-color:#2d79b5}.tier-badge.founder{background:#54246f;color:#f2b5ff;border-color:#a35ac0}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,96vw);padding:22px;text-align:center}.auth-logo{height:220px;max-width:100%;object-fit:cover;object-position:top;border-radius:12px;margin-bottom:8px}.auth-card h1{margin:0;color:#f4c36d;text-shadow:0 2px 8px #000}.auth-tabs{display:flex;justify-content:center;gap:8px;margin:16px 0 12px}.auth-card input,.dashboard input{display:block;width:100%;padding:11px 12px;margin:8px 0;border:1px solid #35506a;border-radius:7px;background:#07121d;color:white}.auth-card .build{text-align:center;margin-top:18px}
.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;border-bottom:1px solid #20364b;background:#08121d}.brand{display:flex;gap:9px;align-items:center}.brand>div{display:flex;flex-direction:column}.brand-logo{width:42px;height:42px;object-fit:cover;object-position:50% 20%;border-radius:7px}.brand strong{color:#f3c36d;font-family:Georgia,serif;font-size:1.08rem}.account-strip{display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#30353a;border:1px solid #57718b}.avatar.big{width:66px;height:66px}.dashboard{width:min(1180px,96vw);margin:16px auto;display:grid;grid-template-columns:300px 1fr;gap:14px}.dashboard .panel{padding:16px}.profile-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.games-panel,.friends-panel{grid-column:1/-1}.game-card{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #22384c}.game-card:last-child{border-bottom:0}.game-card.your-turn{background:linear-gradient(90deg,rgba(70,96,20,.45),transparent)}.game-card .game-players{color:var(--muted);font-size:.84rem}.turn-chip{font-size:.75rem;padding:5px 8px;border-radius:999px;background:#4b4a11;color:#fff69b}.nudge-chip{font-size:.76rem;color:#ffd164}.selected-people{display:flex;gap:5px;flex-wrap:wrap}.person-chip{background:#203b53;border:1px solid #396383;border-radius:999px;padding:4px 8px;display:flex;align-items:center;gap:5px}.person-chip button{padding:0 4px;border:0;background:transparent}.search-results,.friend-list{display:grid;gap:6px;margin-top:8px}.search-person,.friend-person{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #28445b;border-radius:8px;background:#0a1723}.search-person>div,.friend-person>div{flex:1}.compact .friend-person{padding:5px}.request{padding:8px;margin:5px 0;border-radius:8px;background:#132b3e}
.game-screen{height:calc(100vh - 56px);padding:7px;display:grid;grid-template-columns:minmax(205px,245px) minmax(0,1fr) minmax(215px,260px);gap:7px;overflow:hidden}.side{padding:10px;overflow:auto}.side h2{margin:9px 0 2px}.side h3{margin:13px 0 7px}.game-nav-head{display:flex;justify-content:space-between}.mini-profile{display:flex;gap:8px;align-items:center;margin:10px 0}.mini-profile>div{display:flex;flex-direction:column}.side-game-list{display:grid;gap:5px}.side-game{position:relative;padding:7px 9px;border:1px solid #294961;border-radius:8px;background:#091723;cursor:pointer}.side-game.active{outline:2px solid #4b94c6}.side-game.your-turn{border-color:#5a8e41;background:#102319}.side-game .row{display:flex;justify-content:space-between;gap:6px}.side-game .small{font-size:.72rem;color:var(--muted)}.side-game .bell{position:absolute;right:5px;top:4px;font-size:.8rem}.player{padding:8px;border:1px solid #263d51;background:#08131e;border-radius:8px;margin-bottom:6px}.player.current{outline:3px solid #e6cc45}.player.me{background:#11263a}.player.resigned{opacity:.45}.player-row{display:flex;gap:7px;align-items:center}.player-info{flex:1;min-width:0}.player-top,.score-row{display:flex;justify-content:space-between;gap:8px}.score-detail{font-size:.72rem;color:var(--muted)}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.side-actions{display:grid;gap:6px;margin-top:18px}
.play-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;align-items:center;overflow:hidden}.board-viewport{min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain;touch-action:none}.board{--board-size:min(calc(100vh - 178px),calc(100vw - 530px));width:max(315px,var(--board-size));aspect-ratio:1;flex:none;display:grid;grid-template-columns:repeat(17,minmax(0,1fr));grid-template-rows:repeat(17,minmax(0,1fr));gap:var(--gap);padding:var(--gap);background:#050708;border:2px solid #39230f;border-radius:5px;user-select:none;transform-origin:center center}.square{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:visible;background:linear-gradient(90deg,rgba(65,32,10,.14),transparent 12%,rgba(255,255,255,.05) 38%,transparent 62%,rgba(65,32,10,.12)),repeating-linear-gradient(88deg,transparent 0 5px,rgba(75,37,12,.08) 6px 7px),linear-gradient(90deg,var(--wood-a),var(--wood-b),var(--wood-a))}.square::after{content:attr(data-premium);font-weight:850;font-size:clamp(.42rem,1vw,.95rem);color:rgba(245,245,245,.85);pointer-events:none}.square[data-premium=QW]{background:#4100c9}.square[data-premium=TW]{background:#b40009}.square[data-premium=DW]{background:#0037c6}.square[data-premium=QL]{background:#9166ca}.square[data-premium=TL]{background:#bc7580}.square[data-premium=DL]{background:#5a8dce}.square[data-premium=START]{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.12),transparent 32%),linear-gradient(135deg,#3e3e3e,#242424)}.square[data-premium=START]::after{content:'✦';font-size:clamp(.65rem,1.6vw,1.4rem)}.square.has-tile::after{display:none}.square.drop-target{outline:4px solid rgba(255,238,89,.9);outline-offset:-4px;z-index:3}.square.mutation{outline:3px dashed #ffdd55;outline-offset:-3px}.rack-wrap{width:min(790px,94%);max-height:14vh;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin:5px auto 0;padding:5px;border-radius:11px;transition:.2s}.rack-wrap.my-turn{background:rgba(61,147,72,.28);box-shadow:0 0 0 2px rgba(94,230,109,.48)}.rack-wrap.waiting{background:rgba(150,46,46,.24);box-shadow:0 0 0 2px rgba(230,84,84,.4)}.rack{min-height:0;padding:5px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;background:linear-gradient(#5d3b25,#332114);border-radius:9px;box-shadow:inset 0 3px 5px rgba(255,255,255,.06),inset 0 -4px 7px rgba(0,0,0,.45)}.rack-slot{aspect-ratio:1;min-width:0;max-height:9.5vh;display:grid;place-items:center;border-radius:5px;background:rgba(0,0,0,.22)}.tile{--tint:rgba(255,255,255,0);width:91%;height:91%;min-width:0;min-height:0;border-radius:7px;display:grid;place-items:center;position:relative;cursor:grab;color:#171717;background:linear-gradient(var(--tint),var(--tint)),radial-gradient(circle at 25% 20%,rgba(255,255,255,.72),transparent 24%),repeating-linear-gradient(118deg,rgba(255,255,255,.10) 0 2px,rgba(0,0,0,.035) 2px 4px),linear-gradient(145deg,#e5e6e8 0%,#bfc2c5 43%,#969a9e 100%);border:1px solid rgba(30,30,30,.72);box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.8);font-family:Georgia,serif;font-size:clamp(.78rem,1.9vw,1.55rem);font-weight:850;z-index:2}.tile.mutable{color:#fff;background:linear-gradient(var(--tint),var(--tint)),linear-gradient(145deg,rgba(225,230,235,.52),rgba(76,84,92,.24));border-color:rgba(245,248,250,.75);opacity:.72;backdrop-filter:blur(1px)}.tile.mutable.preset::after{content:'✧';position:absolute;left:6%;top:2%;font-family:system-ui;font-size:.32em;color:#fff9b0}.tile.mutable.blank::after{content:'?';position:absolute;left:6%;top:2%;font-family:system-ui;font-size:.32em;color:#fff9b0}.tile.locked{cursor:default}.tile.locked.mutable{cursor:pointer}.tile .score{position:absolute;right:7%;bottom:4%;font-family:system-ui,sans-serif;font-size:.3em}.tile.exchange{outline:4px solid #f3ca3e;outline-offset:-2px}.actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:4px}.play-button:not(:disabled){box-shadow:0 0 0 2px rgba(91,193,255,.2),0 0 14px rgba(43,145,208,.25)}.message{text-align:center;font-size:.82rem;margin-top:2px}.mobile-zoom-controls{display:none}
.power-box{padding:4px 0 12px;border-bottom:1px solid #294057}.chilli-row{display:flex;gap:3px;font-size:1.35rem;margin:8px 0}.chilli-row span{filter:grayscale(1);opacity:.24;transition:.15s}.chilli-row span.on{filter:none;opacity:1;transform:translateY(-1px)}.power-track{height:10px;background:#09131d;border:1px solid #29445b;border-radius:999px;overflow:hidden}.power-track>div{height:100%;width:0;background:linear-gradient(90deg,#4ac75c,#e9d348,#f4902f,#df3c2f);transition:width .2s}.power-stats{display:flex;justify-content:space-between;font-size:.78rem;margin-top:5px}.score-preview{padding-bottom:8px;border-bottom:1px solid #294057}.score-row{padding:4px 0}.score-row.total{font-size:1.2rem;border-top:1px solid #30465a;margin-top:4px;padding-top:7px}.words{font-size:.88rem}.word{display:flex;justify-content:space-between;padding:5px 7px;border-radius:6px;margin:4px 0;background:#08131d}.word.valid{border-left:4px solid #53c879}.word.invalid{border-left:4px solid #dc5959}.word.unknown{border-left:4px solid #8c949b}.dict-status{font-size:.72rem;color:var(--muted);margin-top:6px}.moves{font-size:.8rem}.move{padding:5px 0;border-bottom:1px solid #233a4d}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:50;display:grid;place-items:center;padding:15px}.picker-card{width:min(430px,92vw);padding:18px;text-align:center}.letter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:12px 0}.letter-grid button{padding:10px 4px;font-size:1.05rem}.whats-new{position:relative;width:min(600px,94vw);max-height:88vh;overflow:auto;padding:20px 24px}.whats-logo{width:120px;height:150px;object-fit:cover;object-position:top;border-radius:9px;float:right;margin:0 0 10px 12px}.whats-new h2{color:#efbf67;font-family:Georgia,serif}.whats-new li{margin:7px 0}.modal-x{position:absolute;right:10px;top:10px;padding:3px 9px;font-size:1.2rem}
@media(max-width:1100px){.game-screen{grid-template-columns:185px minmax(0,1fr) 195px}.board{--board-size:min(calc(100vh - 175px),calc(100vw - 410px))}.side{padding:8px}.rack-wrap{width:97%}}
@media(max-width:800px){.app-header{height:50px}.brand .build,.account-strip #headerName{display:none}.game-screen{height:calc(100vh - 50px);grid-template-columns:1fr;padding:2px;overflow:hidden}.left-side,.right-side{display:none}.play-column{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto auto}.board-viewport{display:block;overflow:auto;padding:6px;touch-action:none}.board{width:720px;max-width:none;transform-origin:top left}.rack-wrap{width:99%;max-height:13vh;margin-top:1px}.rack-slot{max-height:9vh}.mobile-zoom-controls{display:flex;justify-content:center;gap:4px;margin:2px 0}.mobile-zoom-controls button{padding:4px 10px}.actions button{padding:6px 9px}.dashboard{grid-template-columns:1fr}.games-panel,.friends-panel{grid-column:auto}.game-card{grid-template-columns:1fr auto}.auth-logo{height:180px}:root{--gap:2px}}

/* v0.4 */
.app-header{grid-template-columns:minmax(250px,1fr) auto auto;gap:10px}.top-tools{display:flex;gap:6px}.account-menu-wrap{position:relative}.account-button{display:flex;align-items:center;gap:7px}.account-menu{position:absolute;right:0;top:48px;z-index:30;background:#0d1824;border:1px solid #294257;border-radius:9px;padding:6px;width:150px}.account-menu button{width:100%;text-align:left;border:0;background:transparent}.wizard-lockup{text-align:center;margin:6px 0 12px}.wizard-lockup img{width:min(180px,92%);aspect-ratio:1;object-fit:cover;border-radius:12px}.brand-under{font-family:Georgia,serif;letter-spacing:.12em;margin-top:4px}.brand-under strong{font-size:1.55rem}.board{--board-size:min(calc(100vh - 250px),calc(100vw - 570px));width:calc(max(320px,var(--board-size)) * .93)}.rack-wrap{position:relative;z-index:1;margin-top:2px}.icon-actions{gap:7px}.icon-action{min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.icon-action span{font-size:.65rem;margin-top:4px}.general-modal{width:min(820px,94vw);max-height:88vh;overflow:auto;padding:18px;position:relative}.bug-form input,.bug-form textarea{width:100%;padding:10px;margin:6px 0;background:#08121b;color:#fff;border:1px solid #2b4559;border-radius:7px}.bug-item{padding:10px 0;border-bottom:1px solid #284153}.bug-head{display:flex;justify-content:space-between;gap:10px}.rule-example{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:8px;margin:7px 0;background:#09141e;border:1px solid #263f51;border-radius:8px}.turn-sweep{animation:turnSweep .48s ease both}@keyframes turnSweep{0%,100%{transform:scale(1)}48%{transform:scale(1.16);filter:brightness(1.28)}}
@media(max-width:780px){html,body{user-select:none!important;-webkit-user-select:none!important}.tile,.board{user-select:none!important;-webkit-user-select:none!important}.top-tools{display:none}.board{width:700px;max-width:none}.rack{width:min(96vw,540px)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px!important}.rack-slot{aspect-ratio:1}.rack .tile{font-size:clamp(1.35rem,8vw,2.2rem)}.icon-actions{width:min(96vw,540px);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(5,1fr)}.icon-action{min-width:0;width:100%;height:50px}.wizard-lockup{display:none}}