:root{--serif:Georgia,serif;--sans:Arial,sans-serif;--line:#33474b;--muted:#b7c4c7;--gold:#d1b47b}*{box-sizing:border-box}body{margin:0;background:#111a1c;color:#f4f1ea;font:14px/1.5 Arial,sans-serif}main{max-width:620px;margin:auto;padding:24px}h1{font-size:22px;line-height:1.2;margin:8px 0 12px}.study-label{font-size:10px;letter-spacing:.1em;color:#b7ddd8}.study-description,.study-footnote,.study-empty{color:#bec8c9}.study-footnote{font-size:12px;margin-top:20px}button{cursor:pointer;border:0;background:transparent;color:inherit;font:inherit}.replay{background:#b7ddd8;color:#102020;padding:12px 16px;min-height:44px}.study-empty{padding:24px 0}button:focus-visible{outline:2px solid #b7ddd8;outline-offset:4px}.dice-hud{position:fixed;right:22px;bottom:24px;z-index:75;width:min(420px,calc(100vw - 28px));color:#f3e9cc;background:linear-gradient(125deg,#163237f5,#102126f5);border:1px solid #9b8055;border-radius:8px;box-shadow:0 8px 30px #0005,inset 0 0 0 3px #ffffff04;pointer-events:none;animation:dice-hud-arrive .22s ease-out}
.dice-hud-main{display:flex;align-items:center;min-height:150px;padding:8px 40px 8px 2px;gap:3px}.dice-hud canvas{display:block;width:156px;height:140px;flex:0 0 156px;pointer-events:none}.dice-hud-copy{flex:1;min-width:0;padding:12px 0}.dice-hud .eyebrow{font-size:10px;letter-spacing:1.5px;color:#d1b47b}.dice-hud-outcome{font:600 21px/1.18 var(--serif);margin:7px 0 2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dice-hud button{pointer-events:auto;touch-action:manipulation;color:#f3e9cc;min-width:44px;min-height:44px}.dice-hud-dismiss,.dice-hud-sound{position:absolute;right:0;display:flex;align-items:center;justify-content:center}.dice-hud-dismiss{top:0}.dice-hud-sound{bottom:0;color:#baa67d!important}.dice-hud.is-expanded .dice-hud-sound{bottom:auto;top:44px}.dice-hud-details-toggle{padding:5px 0;font-size:15px;text-decoration:underline;text-underline-offset:4px;text-align:left}.dice-hud-details{pointer-events:auto;max-height:min(45vh,360px);overflow:auto;overscroll-behavior:contain;padding:0 18px 18px;border-top:1px solid #a98d573d;font-size:16px;line-height:1.4}.dice-hud-details>p{margin:14px 0}.dice-hud-details .dice-breakdown{margin-bottom:8px}.dice-hud .dice-breakdown>div{border-color:#a98d574d}.dice-hud .dice-breakdown strong{color:#ecd29c}.dice-hud small{color:#bfc8b6}.dice-hud-main:has(> .dice-hud-copy:only-child){padding-left:20px;min-height:100px}.dice-hud button:focus-visible{outline:2px solid #edc887;outline-offset:-4px}
@keyframes dice-hud-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.dice-hud{right:14px;bottom:calc(94px + env(safe-area-inset-bottom));width:calc(100vw - 28px)}.dice-hud-main{padding-right:36px}.dice-hud canvas{width:148px;flex-basis:148px}.dice-hud-outcome{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dice-hud{animation:none}}
.dice-hud-total{display:block;font:600 40px/1 var(--serif);color:#f4d795;margin-bottom:8px}.dice-hud-outcome>span{display:block;font:500 15px/1.35 var(--sans)}.dice-hud{position:relative;right:auto;bottom:auto;margin:22px 0;width:100%}.dice-hud canvas{width:142px;flex-basis:142px}.dice-hud-copy{padding:12px 0}.dice-breakdown>div{display:grid;grid-template-columns:1fr auto}.dice-breakdown small{display:block}@media(max-width:400px){main{padding:18px}.dice-hud-main{padding-right:34px}.dice-hud canvas{width:110px;flex-basis:110px}}