:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f3eee0;background:#182924;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#31473b,transparent 60%)}main{max-width:1080px;margin:auto;padding:36px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}h1{font:600 42px Georgia,serif;margin:7px 0}h1 span{font:400 22px Georgia,serif;color:#b5c4b8}p{line-height:1.6;color:#c2cdc5}header p{margin:5px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#e9bd77;font-weight:700}.layout{display:grid;grid-template-columns:1fr 440px;gap:44px}.play{padding-top:18px}.topline{display:flex;justify-content:space-between;color:#e8bc75;font-size:13px;font-weight:700}h2{font-size:21px}#message{min-height:54px;line-height:1.45;margin:24px 0}button,select{font:inherit;border:1px solid #75847a;border-radius:8px;background:#2c4236;color:#f9f4e7;padding:11px 16px;cursor:pointer}button:hover:enabled{background:#415b48}button:disabled{opacity:.45;cursor:default}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #f5c777;outline-offset:3px}.primary{background:#efc17c;color:#28342a;border-color:#efc17c;font-weight:750}.primary:hover:enabled{background:#ffdcaa}#dice{display:flex;gap:12px;justify-content:space-between;margin:24px 0 38px}.die{position:relative;border:3px solid transparent;background:#f2ead7;color:#25382a;padding:0;width:70px;height:76px;box-shadow:0 5px 0 #b6b19c;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:12px;transition:transform .15s}.die:hover:enabled{background:#fff6df}.die:disabled{opacity:.65}.die[aria-pressed=true]{border-color:#eab974;transform:translateY(-9px)}.die small{position:absolute;top:82px;left:0;right:0;font-size:10px;color:#e8bd7c;letter-spacing:1px}.pip{border-radius:50%;background:#2a4233}.actions{display:flex;align-items:center;gap:18px}#rolls{font-size:13px;color:#cfdbd0}.hint{font-size:13px;margin:22px 0}.stats{display:flex;border-top:1px solid #536356;border-bottom:1px solid #536356;padding:24px 0;gap:60px;margin:26px 0}.stats span{display:block;font:36px Georgia,serif;color:#f0c583}.stats small{font-size:10px;letter-spacing:1px;display:block;margin-top:8px;color:#b6c6ba}details{font-size:13px}summary{cursor:pointer;font-weight:700}footer{margin-top:28px;font-size:11px;color:#9aafa1}a{color:#d8c294}footer p{font-size:11px}.card{background:#f4efdf;color:#29392c;border-radius:15px;padding:22px 24px;box-shadow:0 14px 50px #09181055}.cardhead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #304634;padding-bottom:10px}.cardhead h2{font:25px Georgia,serif;margin:4px 0}.cardhead span{font-size:12px;color:#6b7667}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:#65715f;padding:13px 4px 9px}td{border-bottom:1px solid #d5d8c6;padding:4px;font-size:13px}td:first-child{width:55%}td:not(:first-child),th:not(:first-child){text-align:right}.bank{padding:5px 10px;min-width:65px;background:#e2e5d2;border:1px solid #aebca0;color:#31472f;border-radius:5px;font-size:12px;height:31px}.bank:hover:enabled{background:#c9d9b8}.bank:disabled{opacity:1;background:transparent;border-color:transparent;color:#879080}.bank.locked:disabled{font-weight:750;color:#293d2b}.bank.active:enabled{color:#355b2d}.bank.zero:enabled{color:#7c7768}tfoot td{padding:10px 4px;font-weight:700}tfoot tr:last-child td{font-size:18px;border:0}dialog{width:min(430px,calc(100vw - 32px));background:#f4efdf;color:#29392c;border:0;border-radius:15px;padding:28px}dialog::backdrop{background:#071811aa}dialog p{color:#52634e}dialog select{width:100%;margin:10px 0 25px}dialog .actions{justify-content:flex-end;gap:8px}dialog button{font-size:13px}.rolling .die{transform:translateY(-5px) rotate(5deg)}@media(max-width:850px){main{padding:24px 18px}.layout{grid-template-columns:1fr;gap:24px}.play{padding:0}header{margin-bottom:24px}h1{font-size:33px}h1 span{display:block;font-size:18px}header button{font-size:12px;white-space:nowrap}.stats{padding:14px 0;margin:22px 0}#message{min-height:0;margin:18px 0}#dice{justify-content:flex-start;gap:13px}.die{width:62px;height:68px;padding:10px}.die small{top:73px}.card{padding:18px}.bank{min-width:54px}.hint{margin-bottom:10px}footer{margin-top:14px}}@media(max-width:370px){.die{width:54px;height:60px;padding:8px}#dice{gap:10px}.die small{top:66px}}