:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#ecf2e7;background:#111e1b;--card:#1b302b;--muted:#a6bcb2;--line:#365248;--lime:#d9f27c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#315245,transparent 42%),#111e1b}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:min(720px,100%);margin:auto;padding:16px 16px 42px}.top{width:min(720px,100%);height:82px;margin:auto;padding:18px 18px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;font-size:21px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:12px}.logo{width:41px;height:41px;background:var(--lime);color:#24322a;border-radius:12px;display:grid;place-items:center;font:bold 27px Georgia}.iconBtn{border:1px solid var(--line);border-radius:12px;background:#203830;color:#eaf3e9;width:42px;height:42px;font-size:20px}.scoreboard{border:1px solid #426050;border-radius:20px;background:#213e33;padding:16px}.sectionHead{display:flex;justify-content:space-between;color:#b5cfc0;letter-spacing:.14em;font-size:10px;font-weight:800;margin:0 1px 13px}.players{display:flex;gap:9px;overflow:auto;padding-bottom:2px}.player{min-width:105px;padding:10px 12px;border:1px solid #476757;background:#244338;border-radius:13px}.player.active{background:#d9f27c;color:#1c3027;border-color:#d9f27c}.player b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.player strong{font-size:25px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:17px 0 16px;background:#1a3029;border-radius:13px;padding:5px}.tabs button{background:transparent;color:#b7c9bf;border:0;padding:12px 3px;border-radius:10px;font-size:12px;font-weight:700}.tabs button.selected{background:#405e4b;color:white}.panel{display:none}.panel.active{display:block}.card{border:1px solid #334b40;background:linear-gradient(135deg,#1d342c,#1b2d28);border-radius:22px;padding:21px;margin-bottom:15px;box-shadow:0 20px 50px #06140d22}.eyebrow,.fieldLabel,.boardControls label{color:#b6d27b;letter-spacing:.15em;font-size:10px;font-weight:800}.card h1{margin:8px 0 23px;font-size:27px;letter-spacing:-.035em}.fieldLabel{display:block;margin-bottom:9px}input,textarea,select{background:#142821;border:1px solid #4a6454;color:#f5f8ee;border-radius:12px;outline:none;padding:14px;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--lime)}.wordInput{font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hint{color:var(--muted);font-size:13px;line-height:1.5}.quickLetters{display:flex;flex-wrap:wrap;gap:6px;min-height:55px;margin:18px 0}.tile{position:relative;width:41px;height:48px;border:1px solid #79917b;border-radius:8px;color:#263528;background:#e3d9b8;box-shadow:0 3px 0 #a89c7f;font-weight:900;font-size:22px}.tile small{position:absolute;right:3px;bottom:2px;font-size:9px}.tile.letter2,.cell.letter2{background:#2b89c6;color:white}.tile.letter3,.cell.letter3{background:#f4d347;color:#2d311b}.tile.word2,.cell.word2{background:#63ad82;color:#102e23}.tile.word3,.cell.word3{background:#e95861;color:white}.tile.blank{outline:2px dashed white;outline-offset:-4px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:11px;color:#c8d4cc;font-size:11px;margin:15px 0 20px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:11px;height:11px;border-radius:100%}.blue{background:#2b89c6}.yellow{background:#f4d347}.green{background:#63ad82}.red{background:#e95861}.preview{border-top:1px solid #395349;padding:18px 1px;display:flex;align-items:center;justify-content:space-between;color:#cfdbd1}.preview strong{font-size:32px;color:var(--lime)}.preview small{font-size:13px;color:#b8c6b6}.primary,.secondary,.danger{display:block;text-align:center;width:100%;padding:15px;border-radius:12px;font-weight:800;text-decoration:none}.primary{background:var(--lime);color:#1e2c21;border:0}.secondary{background:transparent;border:1px solid #6a8973;color:#e4efdb}.danger{background:transparent;border:1px solid #925c5b;color:#ffaaaa;margin-top:10px}.primary:disabled{opacity:.5}.check{font-size:12px;line-height:1.4;color:#bdd2c1;margin:10px 0}.check.warn{color:#ffcf98}.boardCard{padding:19px 12px}.boardCard h1,.boardCard>.hint,.boardControls,.boardCard>.check,.boardCard>.preview,.boardCard>.primary,.coords{margin-left:7px;margin-right:7px}.boardWrap{overflow:auto;padding:6px;margin:12px -5px}.grid{display:grid;grid-template-columns:repeat(15,minmax(21px,1fr));width:100%;min-width:315px;aspect-ratio:1;gap:2px;background:#12251e;border:3px solid #486b54;border-radius:5px;padding:2px}.cell{display:grid;place-items:center;background:#315044;border:0;border-radius:2px;color:#e9f7e7;font-weight:800;font-size:clamp(10px,3.3vw,20px);padding:0;min-width:0;position:relative}.cell.occupied{background:#e4d8b1;color:#263628}.cell.pending{background:#ecf49f;color:#243528}.cell.origin{outline:2px solid white;outline-offset:-2px;z-index:1}.cell.center:not(.occupied):not(.pending)::after{content:'✦';opacity:.5}.cell small{position:absolute;right:1px;bottom:0;font-size:7px}.boardControls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boardControls label{display:block}.boardControls select,.boardControls input{margin-top:8px;font-size:13px;letter-spacing:0}.coords{font-size:12px;color:var(--muted);margin-top:13px}#historyList{margin-bottom:18px}.historyRow{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.historyRow em{font-style:normal;color:var(--muted);font-size:11px}.historyRow strong{color:var(--lime)}.rules summary{cursor:pointer;font-weight:800}.rules p{color:var(--muted);line-height:1.55;font-size:13px}dialog{width:min(460px,calc(100% - 32px));border:1px solid #627b66;border-radius:20px;background:#20362e;color:#f3f8ed;padding:24px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#08140dcc}.modalHead{display:flex;justify-content:space-between;align-items:start}.modalHead h2{margin:4px 0 18px}dialog textarea{resize:vertical;margin:8px 0 15px}.dialogActions{display:grid;gap:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e0f38b;color:#25352a;padding:12px 18px;border-radius:12px;font-weight:700;display:none;z-index:4;width:max-content;max-width:90vw;text-align:center}@media(min-width:650px){.boardCard{padding:24px}.cell{font-size:20px}.boardCard h1,.boardCard>.hint,.boardControls,.boardCard>.check,.boardCard>.preview,.boardCard>.primary,.coords{margin-left:0;margin-right:0}}

.boardTiles{margin:13px 7px 5px;min-height:40px}.boardTiles .tile{width:34px;height:39px;font-size:18px}.boardBlankHint{margin:0 7px}.boardBlankHint+.coords{margin-top:8px}
.skipAction{margin-top:10px}.seedSettings{margin:14px 0;padding:14px;border:1px solid #5b795e;border-radius:13px;background:#1b3028}.seedSettings summary{cursor:pointer;font-weight:800;color:#d9f27c}.seedSettings .boardControls{margin:15px 0}.seedSettings .secondary{margin-top:10px}.seedSettings[hidden]{display:none}.orderRow{display:flex;align-items:center;gap:7px;border:1px solid #49614e;border-radius:10px;padding:6px 7px;margin:6px 0;color:#edf4e7;font-size:13px}.orderRow span{flex:1}.orderRow button{width:36px;height:33px;border:1px solid #63846a;border-radius:8px;background:#2c4c38;color:#e9f3e6;font-size:19px}.orderRow button:disabled{opacity:.3}#historyFilter{margin:0 0 15px}
