:root{color-scheme:dark;--cream:#f3e6cc;--muted:#aebbb0;--gold:#e8b56a;--green:#102a26}*{box-sizing:border-box}body{margin:0;background:#0b201e;color:var(--cream);font-family:ui-sans-serif,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0,#24433b66,transparent 65%);z-index:-1}main{max-width:1140px;margin:auto;padding:26px 36px}button,select{font:inherit}button{cursor:pointer;border:1px solid #a6b4a040;background:#ffffff06;border-radius:8px;color:var(--cream);padding:10px 15px;transition:background .18s,transform .18s}button:hover:enabled{background:#e8b56a22}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bdf3db;outline-offset:4px}button:disabled{opacity:.36;cursor:default}button:active:enabled{transform:translateY(1px)}button[hidden]{display:none!important}a{color:var(--gold)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16;padding-bottom:22px}.brand{text-decoration:none;color:var(--cream);font-size:13px;font-weight:700;letter-spacing:3px}.mark{color:var(--gold);font-size:27px;vertical-align:middle;margin-right:9px}header button{border:0;font-size:13px}header button span{border:1px solid #ffffff44;border-radius:50%;padding:1px 7px;margin-left:10px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:36px 0 32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:var(--gold);margin:0 0 12px}h1{font:normal 50px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:0 0 15px}h1 em{font-weight:normal;color:var(--gold)}.lede{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.session{width:295px;background:#ffffff04;padding:20px;border:1px solid #ffffff16;border-radius:12px}.session label{font-size:10px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:10px}select{background:#17362f;color:var(--cream);border:1px solid #ffffff25;padding:11px;width:100%;border-radius:6px}.session-actions{display:flex;gap:8px;margin-top:12px}.session-actions button{flex:1;font-size:11px;padding:10px 5px}.session p{font-size:10px;color:var(--muted);margin:12px 0 0}.table{border:1px solid #bd945a77;border-radius:20px;background:linear-gradient(#142620b0,#14262088),url('tavern.webp') center 54%/cover;box-shadow:0 26px 70px #0005;overflow:hidden}.table-top{display:flex;justify-content:space-between;padding:24px 30px 20px}.table-top .eyebrow{font-size:9px}.table-top h2{font:26px Georgia,serif;margin:4px 0}.remaining{display:flex;align-items:center;gap:14px}.remaining span{font-size:9px;letter-spacing:1.7px;color:#d4c5ad}.remaining strong{font:38px Georgia,serif}.tiles{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;padding:0 30px}.tile{height:100px;padding:0;border:1px solid #ddb77d;border-top:7px solid #483424;border-radius:9px;background:linear-gradient(110deg,#cba06b,#f1d09a 45%,#c29158);color:#382719;font:42px Georgia,serif;box-shadow:inset 0 2px 0 #ffebc2,0 6px 0 #3c2b1d,0 9px 12px #0007;position:relative;opacity:1!important}.tile:hover:enabled{background:linear-gradient(110deg,#dfb682,#ffe1ab,#d3a168);transform:translateY(-3px)}.tile.selected{border:3px solid #d1ffe3;border-top:7px solid #d1ffe3;background:linear-gradient(120deg,#286251,#448473);color:#fff3d7;transform:translateY(-7px);box-shadow:0 0 20px #c0f9b34a,0 6px 0 #163c32}.tile.closed{background:#152b26b3;border-color:#64726455;box-shadow:inset 0 3px 12px #0008;color:#a7b4a6;font-size:28px;border-top:7px solid #283b31}.tile.closed:after{content:'CLOSED';display:block;font:7px system-ui;letter-spacing:1px;margin-top:4px}.play-zone{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:225px;padding:30px}.dice-wrap{text-align:center}.dice{display:flex;gap:15px;justify-content:center}.dice>span{width:72px;height:72px;display:grid;place-items:center;background:#f4e9ce;border-radius:13px;color:#233b30;font-size:56px;line-height:1;box-shadow:inset -3px -4px 0 #cfbc97,0 8px 15px #0007}.dice>span.inactive{opacity:.22}.dice-wrap p{font-size:10px;color:#e1cfaf;margin:18px 0 0}.decision{border-left:1px solid #ffffff28;padding-left:30px}#message{font:18px/1.4 Georgia,serif;min-height:27px;margin:0 0 10px}#selection{font-size:12px;color:#c9d3c5;margin-bottom:17px}#selection strong{color:#ffe5b6;font-size:17px;margin:0 6px}#selection span{color:#cfb58c}.primary{background:#e8b56a;color:#243227;border-color:#e8b56a;font-weight:750;box-shadow:0 3px 0 #886339}.primary:hover:enabled{background:#ffcf88}.primary small{font-size:8px;opacity:.6;margin-left:24px}.primary-actions button{min-width:210px}.minor-actions{display:flex;gap:15px;margin-top:15px}.minor-actions button{padding:0;border:0;font-size:10px;text-decoration:underline;text-underline-offset:4px}.table-foot{display:flex;justify-content:space-between;padding:13px 30px;background:#05151299;border-top:1px solid #ffffff17;font-size:9px;letter-spacing:1px;color:#bec7b6}.table-foot span:first-child{color:var(--gold)}.below{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin:30px 0}.score-panel{padding:21px 24px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff03}.score-panel .eyebrow{display:flex;justify-content:space-between}.score-panel .eyebrow span{font-size:8px;color:var(--muted);letter-spacing:1px}.score-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12;font-size:12px;text-align:center}.score-row span:first-child{text-align:left;color:#c2cfbc}.score-row strong{color:var(--gold)}.score-head{font-size:8px;color:var(--muted);padding:6px 0}.score-row.active span:first-child{color:var(--gold)}#result{font:16px Georgia,serif;margin:12px 0 0;color:var(--gold)}aside{position:relative;padding:10px 0 0 38px}.spark{position:absolute;left:0;font-size:29px;color:var(--gold)}aside h3{font:21px Georgia,serif;margin:0 0 10px}aside p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 9px}#best{font-size:10px;color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;color:#91a499;font-size:10px;border-top:1px solid #ffffff15;padding:15px 0}footer button{font-size:10px;border:0;padding:4px}dialog{max-width:530px;width:calc(100% - 32px);background:#14332d;color:var(--cream);border:1px solid #b79154;border-radius:16px;padding:32px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#03130ee0;backdrop-filter:blur(4px)}dialog h2{font:32px Georgia,serif;margin:0 0 20px}dialog p,dialog li{font-size:14px;line-height:1.7;color:#d4decd}dialog li{margin-bottom:9px}dialog .dismiss:first-child{position:absolute;right:12px;top:10px;font-size:23px;border:0;padding:0 8px}@media(max-width:700px){main{padding:18px 15px}.intro{margin:25px 0;gap:23px}h1{font-size:37px}.lede{font-size:12px}.session{width:230px;padding:14px}.table-top{padding:20px}.tiles{padding:0 18px;gap:5px}.tile{height:80px;font-size:32px}.play-zone{padding:25px 20px;grid-template-columns:36% 64%}.decision{padding-left:20px}.dice>span{width:50px;height:50px;font-size:40px}.dice{gap:9px}.dice-wrap p{font-size:9px;line-height:1.5}.table-foot{padding:13px 20px;font-size:8px;letter-spacing:.2px}.below{gap:15px}aside{padding-left:25px}.score-panel{padding:16px}.score-panel .eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:500px){header{padding-bottom:15px}.brand{font-size:11px;letter-spacing:2px}.intro{display:block}h1{font-size:43px}.lede br{display:none}.session{width:100%;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:13px}.session label{margin:0;grid-column:1/-1}.session select{font-size:11px;padding:8px}.session-actions{margin:0;gap:5px}.session-actions button{font-size:9px;padding:6px}.session p{grid-column:1/-1;margin:0;font-size:9px}.tiles{padding:0 12px;gap:4px}.tile{height:70px;font-size:29px;border-top-width:5px}.tile.selected{border-width:2px;border-top-width:5px}.tile.closed{font-size:22px;border-top-width:5px}.tile.closed:after{font-size:5px;letter-spacing:.4px}.table-top{padding:18px}.table-top h2{font-size:22px}.remaining strong{font-size:31px}.remaining{gap:7px}.remaining span{font-size:7px}.play-zone{display:block;padding:26px 18px 22px}.dice-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:23px}.dice-wrap p{margin:0;max-width:100px;text-align:left}.dice>span{width:53px;height:53px;font-size:43px}.decision{padding:0;border:0;text-align:center}#message{font-size:17px}.primary-actions button{width:100%}.minor-actions{justify-content:center;gap:24px}.minor-actions button{font-size:11px}.table-foot{padding:12px 16px;display:block;text-align:center}.table-foot span{display:block}.table-foot span+span{margin-top:6px;font-size:7px}.below{display:block;margin-top:22px}.score-panel{padding:20px}aside{margin:24px 0 0;padding-left:35px}aside h3{font-size:20px}aside p{font-size:12px}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}