:root{color-scheme:dark;--ink:#ede5d5;--muted:#bcb9ac;--gold:#f2b879;--line:#ffffff23}*{box-sizing:border-box}body{margin:0;background:#101c1c;color:var(--ink);font:16px/1.55 system-ui,sans-serif}main{max-width:1060px;margin:auto;padding:40px 26px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font:clamp(36px,5vw,60px)/1.08 Georgia,serif;margin:12px 0}h2{font:30px/1.2 Georgia,serif;margin:9px 0}p{color:var(--muted);margin:8px 0 20px}.eyebrow{font-size:11px;letter-spacing:2.6px;color:var(--gold);font-weight:700}button,select{font:inherit;border-radius:9px;border:1px solid var(--line);padding:10px 16px;background:#233c39;color:var(--ink);cursor:pointer}button:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid #ffcc8a;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent;font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;margin:26px 0 18px;flex-wrap:wrap}.toolbar label{color:var(--muted);font-size:13px}.toolbar select{margin-left:7px;padding:8px}.scores{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:#182a28}.scores>div:not(.target){width:35%;font-size:13px}.scores>div:last-child{text-align:right}.scores strong{display:block;font:32px Georgia,serif}.scores .active{color:var(--gold)}.target{text-align:center;font-size:10px;letter-spacing:2px;color:var(--muted)}.target strong{font-size:17px;margin-top:3px}.table{position:relative;text-align:center;background:linear-gradient(#0b292c55,#08272c55),url('fox-tray.webp') center/cover;border:1px solid #b18155;border-radius:0 0 18px 18px;min-height:460px;padding:26px 35px 16px;box-shadow:0 20px 60px #0003}.tabletop{min-height:100px}.tabletop p{font-size:13px;color:#dfdcd0}.dice{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:700px;margin:20px auto 26px}.die{padding:0;aspect-ratio:1;border-radius:16%;position:relative;background:#f0e6cf;border:3px solid #cdb893;box-shadow:0 6px 0 #a68a60,0 10px 12px #0004;color:#233a35;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:15%;min-width:0}.pip{border-radius:50%;background:#263e37;visibility:hidden}.pip.on{visibility:visible}.die.selected{border-color:#ffc575;transform:translateY(-9px);box-shadow:0 6px 0 #ad7942,0 0 0 4px #f5b77855}.die.held{opacity:.28;box-shadow:none}.die.blank:after{content:'?';position:absolute;inset:0;display:grid;place-items:center;font:32px Georgia,serif}.pot{display:flex;gap:24px;justify-content:center;align-items:center;font-size:10px;letter-spacing:1.7px;color:#d5d3c3}.pot strong{display:block;font:30px Georgia,serif;color:var(--ink);margin-top:3px}.pot>span{font-size:24px;color:var(--gold)}#selection{min-height:30px;font-size:13px;color:#ffcf96;margin:8px 0}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary{background:#f0b777;color:#182b28;font-weight:750;border-color:#f0b777;min-width:190px}.bank{background:#284e45;font-weight:650;min-width:170px}.textbtn{padding:10px;background:none;border:0;text-decoration:underline;font-size:12px;color:#ddd6c3}.shortcut{font-size:10px;letter-spacing:1px;margin:0;color:#e2d2b1}.below{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-top:24px}.below h3{font:22px Georgia,serif}.scoregrid{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:8px 22px}.scoregrid span{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:7px}.scoregrid b{color:var(--gold);font-weight:500;text-align:right}small{font-size:10px;color:var(--muted)}#log{font-size:12px;padding-left:20px;color:var(--muted)}#log li{padding-bottom:6px}footer{text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:28px;margin-top:30px}a{color:var(--gold)}footer p{font-size:10px}dialog{max-width:540px;width:calc(100% - 30px);max-height:90vh;overflow:auto;background:#172e2a;color:var(--ink);border:1px solid #aa8659;border-radius:16px;padding:28px}dialog::backdrop{background:#000b}dialog p{font-size:14px}#closeRules{float:right;margin-left:12px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 14px}.table{padding:24px 16px 16px;min-height:430px}.dice{gap:8px;margin:18px 0 25px}.die{gap:3px;border-width:2px}.scores{padding:14px}.scores strong{font-size:27px}.below{grid-template-columns:1fr;gap:0}header{align-items:start}header>button{padding:8px;white-space:nowrap}h2{font-size:25px}.toolbar{gap:7px}.quiet{padding:8px 10px}.primary,.bank{min-width:140px}h1{font-size:38px}.tabletop{min-height:115px}.shortcut{font-size:9px;letter-spacing:0}.scoregrid{gap:8px 14px}}
