.dice-main{padding-top:38px;padding-bottom:34px}.dice-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.dice-heading h1{font-size:clamp(35px,4vw,53px);font-weight:900;line-height:1.25;letter-spacing:-1px;margin:8px 0}.dice-heading em{color:var(--gold);font-style:normal}.dice-heading p{font-size:15px;color:var(--muted);margin:12px 0 0}.dice-tag{color:#d6b078;border:1px solid var(--line);border-radius:100px;padding:8px 17px;font-size:12px}.dice-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.table-panel,.result-panel,.history-panel{border:1px solid #bd8a4640;background:linear-gradient(145deg,#342318,#25190f);border-radius:20px;overflow:hidden}.table-panel{padding:23px;box-shadow:0 24px 70px #0003}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.table-label{font-size:13px;color:#e8cda5;display:flex;gap:8px;align-items:center}.table-label i{width:6px;height:6px;background:#e4ad5f;border-radius:50%;box-shadow:0 0 12px #d6a25f66}.tool-actions{display:flex;gap:8px}.tool-btn{font:inherit;border:1px solid #c1945340;background:#24170f;border-radius:8px;padding:6px 10px;font-size:11px;color:#ccb18c;cursor:pointer}.tool-btn:hover,.tool-btn[aria-pressed=true]{border-color:#e2ad62;color:#f5d5a3}.dice-table{position:relative;min-height:355px;display:flex;align-items:center;justify-content:center;padding:48px 30px 50px;border-radius:24px;border:1px solid #bb8b494f;background:radial-gradient(ellipse at center,#68472799,#3a281b 70%),repeating-linear-gradient(0deg,#e4bc8310 0 1px,transparent 1px 4px),#35241a;box-shadow:inset 0 0 0 8px #271a12,inset 0 0 0 9px #ac7d3c40,inset 0 12px 30px #0006,inset 0 -10px 30px #bb7e1e0b}.dice-table:before{content:'';position:absolute;inset:18px;border:1px dashed #ac85443d;border-radius:14px;pointer-events:none}.table-ornament{position:absolute;left:50%;transform:translateX(-50%);color:#c79c5955;font-size:17px}.ornament-top{top:25px}.ornament-bottom{bottom:23px}.table-monogram{position:absolute;bottom:49px;right:42px;color:#c3a77e24;font-size:24px;font-weight:900;letter-spacing:1px;pointer-events:none}.table-monogram span{font-size:11px;display:block;text-align:center;letter-spacing:5px;margin-top:-5px}.dice-stage{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:42px 38px;max-width:530px;width:100%;min-height:170px;padding:12px 0 8px;perspective:950px}.die{--size:94px;width:var(--size);height:var(--size);position:relative;isolation:isolate;flex:none;margin:9px 6px;transform-style:preserve-3d}.die:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-32%;height:26%;background:#0c0705a8;filter:blur(9px);border-radius:50%;z-index:-1;transform:rotate(-9deg)}.die-view{width:100%;height:100%;transform:rotateX(-16deg) rotateY(-22deg);transform-style:preserve-3d}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);transition:transform .78s cubic-bezier(.19,.66,.21,1);will-change:transform}.dice-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;border:1px solid #d3a465aa;box-shadow:inset 0 0 0 3px #56321999,inset 0 0 0 4px #d7ac6655,inset 0 8px 17px #f4d4a123,inset 0 -8px 16px #210f0866;background:radial-gradient(ellipse at 30% 10%,#b1834d40,transparent 65%),repeating-linear-gradient(4deg,#d7a26a10 0 1px,transparent 1px 4px),linear-gradient(130deg,#946335,#674321 65%,#4e3019);padding:14px}.face-1{transform:translateZ(calc(var(--size)/2))}.face-2{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.face-3{transform:rotateY(90deg) translateZ(calc(var(--size)/2));filter:brightness(.92)}.face-4{transform:rotateY(-90deg) translateZ(calc(var(--size)/2));filter:brightness(.88)}.face-5{transform:rotateX(-90deg) translateZ(calc(var(--size)/2));filter:brightness(.94)}.face-6{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}.pip-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;gap:5px;align-items:center;justify-items:center;direction:ltr}.pip{height:12px;width:12px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffedba,#e8b76b 60%,#a97437);box-shadow:0 1px 2px #140904,inset 0 1px 1px #fff0d5aa,0 0 5px #c08b491f}.brand-pip{width:23px;height:23px;font-size:18px;color:#654121;font-weight:900;display:grid;place-items:center;line-height:1;padding-bottom:1px;border:1px solid #ffda93}.face-signature{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-family:Arial,sans-serif;font-size:6px;letter-spacing:2px;color:#ebc79360}.rolling .die{animation:die-hop .8s ease-in-out;animation-delay:var(--delay)}@keyframes die-hop{0%,100%{translate:0 0}28%{translate:0 -32px}55%{translate:0 6px}74%{translate:0 -9px}}.roll-controls{display:flex;gap:15px;align-items:end;margin-top:25px}.count-control{flex:1;min-width:0}.count-control label{display:block;font-size:12px;color:#cab08c;margin-bottom:7px}.count-control select{font-family:inherit;width:100%;height:50px;background:#1e140e;color:#edd5b2;border:1px solid #c194534d;border-radius:10px;padding:0 13px;font-size:14px;cursor:pointer}.roll-btn{height:50px;min-width:210px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:23px;background:linear-gradient(120deg,#efc583,#cb8e43);border:1px solid #f4cf8c66;border-radius:10px;font-family:inherit;font-size:19px;font-weight:900;color:#2c1b10;cursor:pointer;box-shadow:0 6px 22px #b47b2825;transition:filter .2s,translate .2s}.roll-btn span{font-size:29px;line-height:1}.roll-btn:hover:not(:disabled){filter:brightness(1.1);translate:0 -2px}.roll-btn:disabled{opacity:.65;cursor:wait;box-shadow:none}.keyboard-note{font-size:11px;color:#9d8361;margin:14px 0 0;text-align:center}.dice-sidebar{display:grid;gap:18px}.result-panel{padding:27px 24px;text-align:center;position:relative}.result-panel:before{content:'✦';position:absolute;top:17px;left:19px;color:#ce9d5140;font-size:18px}.total-value{color:#f1c782;font-size:90px;line-height:1.1;letter-spacing:-4px;font-weight:900;margin:20px 0 7px;text-shadow:0 4px 35px #c3953822;min-height:99px}.total-label{color:#ccb18b;font-size:13px;margin:0 0 15px}.result-values{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;min-height:30px}.result-values span{width:29px;height:29px;border:1px solid #c1945359;border-radius:8px;display:grid;place-items:center;background:#412b19;color:#f1d2a1;font-size:13px;font-weight:700}.result-divider{height:1px;background:var(--line);margin:23px 0 17px}.result-tip{color:#b79b76;font-size:12px;line-height:1.8;min-height:42px;margin:0}.history-panel{padding:19px 20px}.history-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-heading h2{font-size:17px;margin:0}.clear-history{border:0;background:none;color:#b8986a;font-family:inherit;font-size:10px;padding:5px;cursor:pointer}.clear-history:hover{color:#f5cea0}.roll-history{list-style:none;padding:0;margin:15px 0 0}.roll-history li{display:flex;align-items:center;gap:8px;font-size:11px;color:#bda380;padding:10px 0;border-bottom:1px solid #c1945320}.roll-history li:last-child{border:0}.roll-history .history-empty{color:#8f7659;font-size:12px;justify-content:center;padding:14px 0}.history-values{margin-inline-start:auto;color:#d0b085;font-size:11px}.roll-history strong{display:grid;place-items:center;min-width:26px;height:25px;border-radius:6px;background:#60402044;color:#ebc289;font-size:13px}.history-note{font-size:10px;color:#8a7154;margin:13px 0 0}.dice-footnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px;padding:24px 4px}.dice-footnotes>div{position:relative;padding-right:40px}.dice-footnotes>div>span{position:absolute;right:0;top:0;color:#d3a25c;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;width:28px;height:30px;font-size:16px}.dice-footnotes h2{font-size:16px;margin:0 0 6px}.dice-footnotes p{font-size:12px;color:#a98d69;margin:0;line-height:1.8}[hidden]{display:none!important}
@media(max-width:1050px){.dice-layout{grid-template-columns:minmax(0,1fr) 270px}.die{--size:80px}.dice-stage{gap:28px}.pip{width:10px;height:10px}.brand-pip{width:21px;height:21px}.dice-face{padding:11px}.dice-table{padding-inline:24px}.roll-btn{min-width:175px}.total-value{font-size:78px}}
@media(max-width:800px){.dice-layout{grid-template-columns:1fr}.dice-sidebar{grid-template-columns:1fr 1fr;align-items:start}.result-panel{padding:20px}.total-value{font-size:66px;min-height:73px;margin-top:12px}.result-divider{margin:15px 0}.history-panel{padding:20px}.dice-heading h1{font-size:42px}.dice-footnotes{gap:18px}.dice-tag{font-size:11px}.dice-stage{max-width:500px}.die{--size:90px}.pip{width:12px;height:12px}.brand-pip{width:23px;height:23px}}
@media(max-width:600px){.dice-main{padding-top:27px}.dice-heading{margin-bottom:22px}.dice-heading h1{font-size:36px}.dice-heading p{font-size:12px;margin-top:10px}.dice-tag{display:none}.table-panel{padding:16px;border-radius:17px}.table-toolbar{margin-bottom:15px}.table-label{font-size:11px}.tool-btn{font-size:10px;padding:5px 7px}.tool-actions{gap:5px}.dice-table{min-height:288px;padding:40px 22px 45px}.dice-stage{gap:25px 20px;max-width:350px;min-height:150px}.die{--size:72px;margin:10px 4px}.dice-face{padding:10px;border-radius:9px}.pip-grid{gap:3px}.pip{height:9px;width:9px}.brand-pip{height:19px;width:19px;font-size:15px}.face-signature{font-size:5px;bottom:3px}.dice-stage[data-count='1'] .die{--size:96px}.dice-stage[data-count='1'] .pip{height:12px;width:12px}.dice-stage[data-count='1'] .brand-pip{height:24px;width:24px;font-size:18px}.dice-stage[data-count='1'] .dice-face{padding:14px}.table-monogram{font-size:18px;right:28px;bottom:38px}.table-monogram span{font-size:8px}.roll-controls{gap:10px;margin-top:20px}.roll-btn{min-width:0;width:55%;font-size:16px;padding:0 16px}.count-control select{font-size:12px;padding:0 9px}.count-control label{font-size:11px}.keyboard-note{font-size:10px}.dice-sidebar{grid-template-columns:1fr;gap:15px}.result-panel{display:block;padding:21px}.total-value{font-size:75px;margin:10px 0 4px;min-height:82px}.result-tip{min-height:0}.result-divider{margin:15px 0 12px}.result-values{min-height:0}.history-panel{padding:19px 21px}.dice-footnotes{grid-template-columns:1fr;gap:22px;margin-top:12px}.dice-footnotes h2{font-size:15px}.history-note{font-size:11px}.guest-badge{white-space:nowrap}.dice-page .topbar nav{display:none}}
@media(max-width:380px){.dice-stage{gap:20px 16px}.die{--size:65px}.dice-table{padding-inline:17px}.dice-face{padding:8px}.pip{height:8px;width:8px}.brand-pip{height:17px;width:17px;font-size:14px}.tool-btn{padding:5px;font-size:9px}.table-toolbar{gap:5px}.table-label{font-size:10px}.roll-btn{font-size:15px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.dice-cube{transition:none}.rolling .die{animation:none}.roll-btn{transition:none}}

.table-toolbar,.tool-actions{flex-wrap:wrap}.result-tip{overflow-wrap:anywhere}
@media(min-width:601px){.dice-stage[data-count='1'] .die{--size:124px}.dice-stage[data-count='1'] .dice-face{padding:19px;border-radius:15px}.dice-stage[data-count='1'] .pip{width:17px;height:17px}.dice-stage[data-count='1'] .brand-pip{width:31px;height:31px;font-size:24px}.dice-stage[data-count='1'] .face-signature{font-size:8px;bottom:5px}}