@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203731;background:#f5f3ed;font-synthesis:none;--green:#203e35;--gold:#edce90}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #cc8428;outline-offset:3px}main{max-width:1280px;margin:auto;padding:32px 42px 20px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #d9ddd3}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font:500 30px 'Fraunces',Georgia,serif}.brand-tile{display:block;position:relative;background:var(--gold);border-radius:8px;width:48px;height:50px;text-align:center;padding-top:6px;box-shadow:0 3px 0 #bea368}.brand-tile small{font:11px 'DM Sans',sans-serif;position:absolute;bottom:5px;right:6px}.brand-caption{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:2.1px;margin-top:5px}nav{display:flex;gap:12px}nav button{padding:10px 15px;border:1px solid #d2d7cd;border-radius:30px;font-size:14px}nav button:hover{background:#e8eade}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;margin-top:30px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:600}.subtle{font-size:10px;letter-spacing:1.3px;color:#66796d}.board-frame{padding:14px;background:#24483e;border-radius:10px;box-shadow:0 12px 28px #18382b1a}#board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px}.cell{aspect-ratio:1;border-radius:3px;background:#e6ebdf;color:#5d7869;font-size:clamp(7px,.85vw,12px);padding:0;position:relative;min-width:0}.cell:hover{filter:brightness(.92)}.cell.tw,.tw{background:#b95944;color:#fff6ea}.cell.dw,.dw{background:#dca98a;color:#613c2c}.cell.tl,.tl{background:#4f8990;color:white}.cell.dl,.dl{background:#a1c6c0;color:#2b5650}.cell.center{font-size:22px}.cell.tile,.tile{background:#f0d59d;color:#293e33;border:1px solid #d3b47c;box-shadow:0 2px 0 #b69a68;font:500 clamp(12px,1.8vw,25px) 'Fraunces',Georgia,serif}.cell.pending{background:#ffe5a5;outline:2px solid #d99b35;outline-offset:-2px}.tile small{font:500 10px 'DM Sans',sans-serif;position:absolute;bottom:2px;right:3px}.tile.blank{color:#776347}.legend{display:flex;justify-content:center;gap:16px;margin-top:18px;font-size:11px;color:#68776c}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:9px;height:9px;border-radius:2px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c806f}.intro h1{font:400 36px/1.15 'Fraunces',Georgia,serif;margin:10px 0 22px;letter-spacing:-1px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scores>div{border:1px solid #d5dcd1;border-radius:10px;padding:15px;display:grid;gap:5px}.scores>div.active{background:var(--green);color:#f9f4e9;border-color:var(--green)}.scores span{font-size:13px}.scores strong{font:400 36px 'Fraunces',Georgia,serif}.scores small{font-size:10px;letter-spacing:.5px;opacity:.7}.rack-area{margin-top:26px}.rack-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:14px;font-weight:600;margin:0}.rack-heading button{font-size:12px;color:#647563;padding:8px 0}#rack{display:flex;gap:6px;margin-top:10px;min-height:49px}.rack-tile{position:relative;flex:1;height:44px;border-radius:5px;font-size:24px}.rack-tile.selected{transform:translateY(-7px);outline:2px solid #b97521;outline-offset:2px}.rack-tile.used{opacity:.2;box-shadow:none}#status{font-size:13px;line-height:1.5;min-height:40px;color:#677565;margin:17px 0 12px}#status.error{color:#a33e2b}.primary{display:flex;justify-content:center;gap:12px;width:100%;background:var(--green);color:white;padding:14px;border-radius:7px;font-size:14px;font-weight:600}.primary:hover:not(:disabled){background:#315947}.secondary-actions{display:flex;justify-content:space-between;margin-top:9px}.secondary-actions button{font-size:12px;padding:10px 4px}.bag{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8ddd2;border-bottom:1px solid #d8ddd2;padding:16px 0;margin:15px 0 20px}.bag>span{font-size:10px;letter-spacing:1.5px}.bag strong{font:24px 'Fraunces',Georgia,serif}.bag small{font:12px 'DM Sans',sans-serif;color:#72816e}.history ol{list-style:none;margin:10px 0 0;padding:0;max-height:150px;overflow:auto}.history li{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;border-bottom:1px solid #e1e4da}.history .empty{font-size:13px;color:#8b9587;font-style:italic;border:0}footer{display:flex;justify-content:space-between;border-top:1px solid #d9ddd3;margin-top:30px;padding-top:18px;font-size:11px;color:#7a8877}dialog{border:0;border-radius:15px;padding:30px;width:min(440px,90vw);color:#203731;background:#faf8f0;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#0b251ec9;backdrop-filter:blur(5px)}dialog h2{font:30px 'Fraunces',Georgia,serif;margin-bottom:16px}dialog p,dialog li{font-size:15px;line-height:1.6}dialog ul{padding-left:20px}dialog button{margin-top:10px}dialog input{width:100%;font:24px inherit;padding:12px;text-align:center;text-transform:uppercase}dialog .cancel{display:block;margin:12px auto 0;font-size:14px}
@media(min-width:1400px){.cell{font-size:12px}.cell.tile{font-size:25px}}@media(max-width:900px){main{padding:20px}.layout{gap:25px;grid-template-columns:minmax(0,1fr) 275px}.board-frame{padding:8px}#board{gap:2px}.legend{gap:8px;font-size:9px}.intro h1{font-size:30px}.subtle{display:none}.tile small{font-size:8px}}@media(max-width:700px){main{padding:18px 12px}.brand{font-size:25px}.brand-tile{width:42px;height:44px}.brand-caption{font-size:8px}header{padding-bottom:20px}nav{gap:5px}nav button{font-size:12px;padding:8px}.layout{display:flex;flex-direction:column;margin-top:20px;gap:22px}.cell{font-size:8px}.cell.tile{font-size:19px}.board-frame{padding:7px}.cell.center{font-size:17px}.legend{font-size:10px;gap:12px}.intro{display:none}aside{display:grid;grid-template-columns:1fr;gap:0}.scores>div{grid-template-columns:1fr auto;align-items:center;padding:11px 14px}.scores strong{grid-row:span 2;font-size:29px}.scores small{grid-column:1;grid-row:2}.rack-area{margin-top:18px}.rack-tile{height:49px;font-size:28px}#rack{gap:8px}.tile small{font-size:9px}#status{min-height:20px}.bag{margin-top:15px}.history ol{max-height:130px}footer{gap:12px;font-size:10px}.board-heading{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}}