:root{color-scheme:dark;--gold:#f5d6a4;--muted:#afbed0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#264344,transparent 60%),radial-gradient(ellipse at 100% 50%,#322945,transparent 65%),#121b29;color:#f4eddf;font:16px/1.6 system-ui,sans-serif}main{max-width:1140px;margin:auto;padding:42px 28px}header{padding-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#a3dad1}h1{font:65px/1 Georgia,serif;margin:18px 0;color:#f7dfb7}h1 span{display:block;font:23px/1.5 Georgia;color:#bdcbd8;margin-top:12px}header p{color:#c6cdd5}nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}button{font:inherit;background:#29374a;color:#f5eee0;border:1px solid #657083;border-radius:10px;padding:9px 13px;cursor:pointer;min-height:44px}button:hover:not(:disabled){background:#40556b;border-color:#f1d6aa}button:focus-visible{outline:3px solid #e6c788;outline-offset:3px}button:disabled{opacity:.4;cursor:default}#daily,#place{background:#d7c59d;color:#1a2835;border-color:#d7c59d}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.table{border-radius:24px;border:1px solid #5b6c79;background:radial-gradient(ellipse at 50% 35%,#3b4a5b,#212d3b 70%);padding:20px;box-shadow:0 22px 55px #0004}.tablehead{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#cfdbd9}#board{width:100%;aspect-ratio:1;position:relative;margin:8px auto 0}.hex{position:absolute;transform:translate(-50%,-50%);width:22%;min-height:0;padding:0;border:0;background:none;aspect-ratio:1;box-shadow:none;border-radius:30%;filter:drop-shadow(0 4px 3px #0005)}.hex svg{width:100%;height:100%;display:block}.hex.filled:disabled{opacity:1}.hex:hover:not(:disabled){background:none;filter:drop-shadow(0 0 6px #fff5)}.hex.selected{filter:drop-shadow(0 0 5px #ffe3a6)}.hex.selected svg{opacity:.72}.hex.selected polygon{stroke:#ffdd8f;stroke-width:5}.hex:focus-visible{outline-offset:-4px}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}#status{min-height:62px;text-align:center;font-size:15px;color:#f0dbb7;margin:8px auto 16px;max-width:500px}.small{font-size:11px;color:var(--muted);text-align:center}.card{background:linear-gradient(120deg,#2b3a49,#212a3a);border:1px solid #4a5d6d;border-radius:18px;padding:20px}aside{display:flex;flex-direction:column;gap:16px}.card h2{font:23px/1.25 Georgia;margin:0 0 12px}.card p{font-size:13px;color:#bdc9d6;margin:8px 0}.next #current{max-width:140px;width:100%;margin:auto}#numbers{color:#f4dcab}.totals{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px}.totals span{font-size:10px;letter-spacing:.1em;color:#b9cfd0}.totals strong{display:block;font:48px/1.3 Georgia;color:#f7dfb7}.totals p{grid-column:1/-1;margin:0;font-size:11px}.ledger{margin-top:22px}#lines{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px}#lines h3{font-size:13px;color:#f2d6a2;grid-row:1;margin:10px 0}#lines .line{font-size:11px;color:#d2d9e0;padding:7px 0;border-bottom:1px solid #56607155}#lines h3:nth-of-type(2){grid-column:2}#lines h3:nth-of-type(3){grid-column:3}#lines .line:nth-child(n+2):nth-child(-n+6){grid-column:1}#lines .line:nth-child(n+8):nth-child(-n+12){grid-column:2}#lines .line:nth-child(n+14):nth-child(-n+18){grid-column:3}#lines .line:nth-child(2),#lines .line:nth-child(8),#lines .line:nth-child(14){grid-row:2}#lines .line:nth-child(3),#lines .line:nth-child(9),#lines .line:nth-child(15){grid-row:3}#lines .line:nth-child(4),#lines .line:nth-child(10),#lines .line:nth-child(16){grid-row:4}#lines .line:nth-child(5),#lines .line:nth-child(11),#lines .line:nth-child(17){grid-row:5}#lines .line:nth-child(6),#lines .line:nth-child(12),#lines .line:nth-child(18){grid-row:6}#lines .earned{color:#a9e2bf}#lines .broken{color:#c4a9a6}.rules{margin-top:22px}.rules p{font-size:15px;max-width:850px}footer{font-size:12px;color:#a8b6c9;margin:28px 0 0}a{color:#e7d3ae}footer p{margin:5px 0}.finished{font:100px Georgia;color:#f2d4a0;text-align:center}[hidden]{display:none!important}@media(max-width:760px){main{padding:26px 16px}h1{font-size:50px}h1 span{font-size:20px}header p{font-size:14px}.layout{grid-template-columns:minmax(0,1fr)}.table{padding:16px 9px}.tablehead{font-size:10px}nav button,.actions button{font-size:13px;padding:8px 10px}.card{padding:18px}.next{display:grid;grid-template-columns:105px 1fr;gap:16px}.next h2{font-size:20px}.next .eyebrow{font-size:8px;letter-spacing:.1em}#lines{display:block}#lines h3{margin-top:20px}#status{font-size:14px}.hex{width:22%}}