:root{--paper:#f7f1e5;--paper2:#efe5d2;--ink:#302a22;--muted:#71685d;--line:#d7cbb7;--green:#61755d;--sun:#d9a441;--wood:#d4ad72;--wood2:#bb8b4d;--red:#a45f56;--blue:#6e91a8;--purple:#8b7794;--shadow:0 16px 42px rgba(61,48,31,.12)}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0,#fffaf0 0,transparent 35%),var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px max(14px,env(safe-area-inset-left));background:rgba(247,241,229,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.back{color:var(--ink);text-decoration:none;font-weight:750}.wordmark{display:flex;align-items:center;gap:9px}.wordmark>div{display:grid}.wordmark strong{font:800 1.18rem/1.05 Georgia,serif}.wordmark small{font-size:.69rem;color:var(--muted)}.logo-tile{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:linear-gradient(145deg,#ebd2a5,#c99b60);font:900 1.4rem/1 Georgia,serif;box-shadow:inset 0 1px 0 #fff8,0 3px 7px #6b4b271f}.logo-tile small{position:absolute;right:4px;bottom:3px;font:800 .55rem/1 system-ui}.tier-badge{justify-self:end;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:.68rem;font-weight:850;letter-spacing:.08em;color:var(--muted)}main{width:min(1100px,100%);margin:auto;padding:24px 14px 70px}.setup-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.52);box-shadow:var(--shadow);padding:clamp(18px,4vw,38px)}.kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--green)}h1,h2{font-family:Georgia,serif}h1{margin:.25rem 0 .65rem;font-size:clamp(2rem,6vw,3.5rem);line-height:.95}.setup-copy p{max-width:760px;color:var(--muted);line-height:1.6}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}fieldset{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:18px}legend{padding:0 8px;font-weight:900}.choice{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:13px;cursor:pointer}.choice:hover{background:#fff8}.choice input{margin-top:4px;accent-color:var(--green)}.choice span{display:grid;gap:3px}.choice b{font-size:.96rem}.choice small{color:var(--muted);line-height:1.35}.choice em{margin-left:auto;font-style:normal;font-size:.6rem;font-weight:900;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:var(--paper2);color:var(--muted)}.choice.locked{opacity:.55}.choice.locked::after{content:'LOCKED';position:absolute;right:10px;top:10px;font-size:.58rem;font-weight:900;letter-spacing:.08em}.danger-choice:has(input:checked){background:#a45f5610;outline:1px solid #a45f5644}.pack-note{margin:7px 8px 2px;padding:9px 11px;border-radius:10px;background:#61755d12;color:var(--green);font-size:.8rem;font-weight:700}.loading{margin-top:18px;color:var(--muted)}.loading.ready{color:var(--green);font-weight:800}.loading.bad{color:var(--red)}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}button{font:inherit;border:1px solid var(--line);border-radius:12px;background:#fff8;color:var(--ink);padding:10px 14px;font-weight:800;cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{border-color:#465b43;background:linear-gradient(#6d8468,#586f54);color:white;box-shadow:0 8px 18px #3444322b}.secondary{background:var(--paper2)}.game-shell{display:grid;gap:16px}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}.player-score,.match-center{display:grid;justify-items:center;align-content:center;min-height:78px;border:1px solid var(--line);border-radius:16px;background:#fff8}.player-score span,.match-center span{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.player-score strong,.match-center strong{font:900 1.75rem/1 Georgia,serif}.player-score small,.match-center small{color:var(--muted);font-size:.72rem}.active-side{outline:2px solid #61755d66;background:#61755d0d}.board-wrap{overflow:auto;padding:6px;margin:0 auto;max-width:100%}.board{--size:15;display:grid;grid-template-columns:repeat(var(--size),1fr);width:min(94vw,760px);aspect-ratio:1;border:4px solid #755a3d;border-radius:8px;overflow:hidden;background:#ae8c61;box-shadow:0 12px 30px #4d39242a}.cell{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(84,65,43,.19);background:#e8dbc2;padding:0;aspect-ratio:1;border-radius:0;font-weight:900}.cell::after{position:absolute;inset:auto 1px 1px auto;font-size:clamp(.35rem,1.2vw,.58rem);font-weight:900;color:#3c3126aa}.cell.dl{background:#bcd1dd}.cell.dl::before{content:'DL'}.cell.tl{background:#7fa1b4;color:white}.cell.tl::before{content:'TL'}.cell.dw{background:#e0b9b4}.cell.dw::before{content:'DW'}.cell.tw{background:#b86c61;color:white}.cell.tw::before{content:'TW'}.cell.start::before{content:'★';font-size:clamp(.5rem,1.8vw,.9rem);color:#946c2b}.cell.dl::before,.cell.tl::before,.cell.dw::before,.cell.tw::before{font-size:clamp(.35rem,1.5vw,.64rem);font-weight:900;opacity:.78}.cell.cursor{outline:2px solid #3d5138;outline-offset:-2px;z-index:2}.board-tile{position:absolute;inset:2px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#f1ddb5,#d1aa70);color:#332718;font:900 clamp(.65rem,2.4vw,1.45rem)/1 Georgia,serif;box-shadow:inset 0 1px 0 #fff9,0 1px 2px #4e351f33}.board-tile.pending{background:linear-gradient(145deg,#fff0c9,#e6bd77);outline:2px solid #61755d}.board-tile small{position:absolute;right:3px;bottom:2px;font:800 clamp(.3rem,.9vw,.52rem)/1 system-ui}.rack-zone{width:min(760px,100%);margin:auto}.rack-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-weight:900}.direction button{padding:6px 9px;font-size:.74rem}.rack{display:flex;justify-content:center;gap:clamp(4px,1vw,9px);padding:12px;border:1px solid #97754f;border-radius:13px;background:linear-gradient(#b78e5f,#967148);box-shadow:inset 0 4px 0 #c9a477}.rack-tile{position:relative;width:clamp(38px,10vw,62px);aspect-ratio:1;border:0;border-radius:7px;background:linear-gradient(145deg,#f1ddb5,#d1aa70);color:#332718;font:900 clamp(1.1rem,4vw,1.9rem)/1 Georgia,serif;box-shadow:inset 0 1px 0 #fff9,0 3px 5px #563a2738;padding:0}.rack-tile small{position:absolute;right:5px;bottom:4px;font:800 .58rem/1 system-ui}.rack-tile.selected{outline:3px solid #61755d;transform:translateY(-5px)}.rack-tile.exchange-selected{outline:3px solid var(--sun);transform:translateY(-5px)}.rack-tile.used{visibility:hidden}.message,.preview{width:min(760px,100%);margin:auto;border-radius:12px;padding:10px 12px;background:#fff8;border:1px solid var(--line);color:var(--muted)}.message.good{color:var(--green);background:#61755d0d}.message.bad{color:var(--red);background:#a45f560d}.message.thinking{color:var(--purple)}.preview{display:flex;justify-content:space-between;color:var(--ink);font-weight:800}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.controls button{min-width:110px}.rules{width:min(760px,100%);margin:auto;color:var(--muted);font-size:.88rem}.rules summary{cursor:pointer;font-weight:850;color:var(--ink)}dialog{border:0;border-radius:22px;padding:0;background:transparent}dialog::backdrop{background:#302a2299;backdrop-filter:blur(4px)}.result-card{width:min(92vw,480px);padding:28px;border-radius:22px;background:var(--paper);box-shadow:0 25px 60px #0004}.result-card h2{font-size:2.2rem;margin:.3rem 0}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.result-scores span{display:grid;text-align:center;padding:13px;border:1px solid var(--line);border-radius:12px}.result-scores b{font-size:1.6rem}.result-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:720px){.topbar{grid-template-columns:auto 1fr auto}.wordmark{justify-self:center}.wordmark small{display:none}.tier-badge{font-size:.55rem;padding:5px 6px}.setup-grid{grid-template-columns:1fr}.scorebar{grid-template-columns:1fr .78fr 1fr}.player-score,.match-center{min-height:68px}.board{width:min(96vw,620px)}.controls button{flex:1 1 30%;min-width:0;padding:9px 7px;font-size:.78rem}.setup-actions{flex-direction:column}.setup-actions button{width:100%}}