:root{color-scheme:dark;--bg:#111210;--panel:#191a17;--panel2:#1d1e1a;--line:#2d2e29;--muted:#83847b;--text:#f1f0e9;--lime:#d3ff62;--lime-dark:#a9d93c;--orange:#ffb45c;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at 50% 5%,rgba(184,223,97,.055),transparent 42%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(100% - 48px,1020px);margin:0 auto}.topbar{height:76px;display:flex;align-items:center;border-bottom:1px solid #242520;gap:42px}.brand{display:flex;align-items:center;gap:9px;font:700 20px var(--display);letter-spacing:-1px;white-space:nowrap}.brand-mark{width:27px;height:27px;border-radius:8px;background:var(--lime);color:#171910;display:grid;place-items:center;font-size:16px;letter-spacing:-1px}.brand-soft{color:#96978d}.edition{font:500 9px var(--mono);letter-spacing:1.2px;color:var(--lime);padding:5px 7px;border:1px solid #3b4726;border-radius:4px;margin-left:3px}.top-links{display:flex;align-items:center;gap:28px;color:#a1a197;font-size:12px}.top-links a:hover{color:var(--lime)}.local-pill{margin-left:auto;font:10px var(--mono);letter-spacing:.7px;color:#a7a89d;display:flex;gap:8px;align-items:center}.live-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 9px #d3ff6260}.hero{text-align:center;padding:47px 0 38px}.eyebrow,.section-kicker{font:10px var(--mono);letter-spacing:1.65px;color:#a8a99e}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.eyebrow-line{height:1px;width:24px;background:#55564d}.hero h1{font:600 clamp(39px,6vw,57px)/1.04 var(--display);letter-spacing:-2.8px;margin:19px 0 13px}.hero h1 span{color:var(--lime)}.intro{color:#999a90;line-height:1.65;margin:0 0 27px;font-size:13px}.game-card{position:relative;text-align:left;margin:0 auto;width:min(100%,590px);padding:18px 27px 0;border:1px solid #373930;border-radius:11px;background:linear-gradient(145deg,#1d1f19,#181916 72%);box-shadow:0 20px 60px #0004;overflow:hidden}.card-topline{display:flex;justify-content:space-between;align-items:center;color:#9c9d91;font:10px var(--mono);letter-spacing:1px}.card-topline>span:first-child{display:flex;align-items:center;gap:8px}.roll-index{color:#83847b}.roll-index b{color:var(--lime);font-weight:500}.digits{display:flex;justify-content:center;gap:9px;margin:25px 0 9px}.digit{width:62px;height:74px;display:grid;place-items:center;border:1px solid #3b3c34;background:#151613;border-radius:7px;color:#e9eadf;font:500 42px var(--mono);text-shadow:0 0 20px #d3ff6217;transition:color .18s,border-color .18s,transform .18s}.digit.revealed{border-color:#515b3b;color:var(--lime)}.digit.spin{animation:spin .09s linear infinite;color:#b7b8a8}@keyframes spin{0%{transform:translateY(-2px);filter:blur(.7px)}50%{transform:translateY(2px);filter:blur(0)}100%{transform:translateY(-2px);filter:blur(.7px)}}.number-caption{text-align:center;color:#77786e;font:9px var(--mono);letter-spacing:1.3px;min-height:16px}.roll-actions{display:flex;justify-content:center;gap:9px;margin:17px auto 15px}.roll-button,.auto-button{height:44px;border:0;border-radius:6px;cursor:pointer;font:600 11px var(--mono);letter-spacing:1px;transition:transform .16s,background .16s,opacity .16s}.roll-button{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 17px;min-width:185px;background:var(--lime);color:#191c10;box-shadow:0 4px 20px #d3ff621c}.roll-button:hover{background:#dfff8b;transform:translateY(-1px)}.roll-button:disabled{opacity:.7;cursor:wait;transform:none}.button-die{font-size:16px}.button-arrow{font-size:16px;margin-left:auto}.auto-button{min-width:112px;padding:0 12px;background:#292a25;color:#e9eadf;border:1px solid #3a3b34}.auto-button:hover{border-color:#73765c}.auto-button.active{color:var(--lime);border-color:#66793d;background:#252a1e}.auto-icon{font-size:16px;vertical-align:-1px;margin-right:5px}.auto-state{font-size:9px;color:#898a7e;margin-left:6px}.settings{min-height:43px;border-top:1px solid #30312b;display:flex;align-items:center;justify-content:space-between;color:#a7a89d;font-size:10px}.setting{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.setting input{position:absolute;opacity:0;width:1px;height:1px}.switch{position:relative;width:26px;height:15px;border:1px solid #53544a;border-radius:20px;background:#30312b;transition:.2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#96978d;transition:.2s}.setting input:checked+.switch{background:#46582a;border-color:#758e43}.setting input:checked+.switch:after{left:13px;background:var(--lime)}.setting input:focus-visible+.switch{outline:2px solid white;outline-offset:2px}.tip{display:grid;place-items:center;width:13px;height:13px;border:1px solid #64655a;border-radius:50%;color:#98998f;font:9px var(--mono)}.secure-note{color:#828379;font:9px var(--mono)}.secure-note span{color:var(--lime);font-size:13px;vertical-align:-1px;margin-right:4px}.auto-progress{height:2px;background:transparent;margin:0 -27px}.auto-progress span{display:block;height:100%;width:0;background:var(--lime)}.auto-progress.running span{animation:progress 3s linear infinite}@keyframes progress{from{width:0}to{width:100%}}.quick-stats{margin:21px auto 0;width:min(100%,570px);display:flex;align-items:center;justify-content:space-around}.quick-stat{display:grid;grid-template-columns:19px auto;column-gap:7px;text-align:left;align-items:center}.quick-stat .stat-icon{grid-row:span 2;font-size:15px;color:#a1a295}.quick-stat .stat-icon.gold{color:var(--lime)}.stat-label,.muted-label{font:9px var(--mono);letter-spacing:.7px;color:#828378}.quick-stat b{font:500 16px var(--mono);margin-top:3px}.quick-stat small,.score-value small{color:#9b9c91;font-size:9px}.stat-divider{height:27px;width:1px;background:#30312b}.result-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:14px}.panel{background:var(--panel);border:1px solid #2f302a;border-radius:8px;padding:20px 22px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-kicker{font-size:9px;letter-spacing:1.4px;color:#85867b}h2{font:500 18px var(--display);letter-spacing:-.5px;margin:5px 0 0}.tier-badge{border:1px solid #42443a;border-radius:4px;padding:5px 8px;color:#a2a394;font:9px var(--mono);letter-spacing:.7px}.tier-badge.rare{color:var(--lime);border-color:#5d7039;background:#262c1d}.tier-badge.epic{color:#c6a5ff;border-color:#574b68;background:#292331}.score-row{display:flex;justify-content:space-between;align-items:end;margin:19px 0 11px}.score-value{font:500 28px var(--mono);margin-top:4px}.percentile{text-align:right}.percentile b{display:block;font:500 12px var(--mono);margin-top:6px;color:#ddd}.meter{height:4px;border-radius:8px;background:#30312b;overflow:hidden}.meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#a9d93c,var(--lime));transition:width .5s}.badge-heading{margin-top:19px;display:flex;justify-content:space-between;color:#a2a398;font:9px var(--mono);letter-spacing:.8px}.badge-heading span:last-child{color:#74756a}.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;min-height:29px}.badge{border:1px solid #393a33;background:#20211d;padding:6px 9px;border-radius:4px;color:#dedfd6;font-size:10px}.badge span{color:var(--lime);margin-right:5px}.empty-state{font-size:11px;color:#77786f;padding:3px 0}.side-panel{background:linear-gradient(155deg,#20221b,#191a17)}.index-icon{font-size:21px;color:var(--lime)}.side-copy{font-size:11px;color:#98998f;line-height:1.6;margin:14px 0}.lookup{display:flex;height:37px;background:#141512;border:1px solid #373830;border-radius:5px;overflow:hidden}.lookup:focus-within{border-color:#7e984d}.lookup input{min-width:0;flex:1;padding:0 10px;background:none;color:#eee;border:0;outline:0;font:11px var(--mono)}.lookup input::placeholder{color:#6d6e65}.lookup button{width:39px;background:#292b23;border:0;border-left:1px solid #373830;color:var(--lime);font-size:19px;cursor:pointer}.lookup-result{min-height:25px;padding-top:8px;color:#8a8b80;font-size:10px}.lookup-result strong{color:#e8e9df;font-family:var(--mono)}.index-note{display:flex;gap:8px;border-top:1px solid #30312b;padding-top:12px;margin-top:3px;color:#808176;font-size:9px;line-height:1.5}.index-note span:first-child{color:var(--lime);font-size:13px}.history-panel{margin-top:14px;padding-bottom:6px}.history-heading{margin-bottom:17px}.history-count{font:9px var(--mono);letter-spacing:.8px;color:#88897f}.history-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead th{padding:10px 9px;border-top:1px solid #30312b;border-bottom:1px solid #30312b;color:#7e7f74;font:9px var(--mono);letter-spacing:.8px}tbody td{padding:12px 9px;border-bottom:1px solid #2b2c26;color:#d2d3c9;font-size:11px}tbody tr:last-child td{border-bottom:0}td.index-cell,td.number-cell,td.score-cell{font-family:var(--mono)}td.index-cell{color:#96978c}td.number-cell{font-size:13px;color:var(--lime)}td.score-cell{text-align:right}.align-right{text-align:right}.mini-tags{display:flex;gap:5px}.mini-tag{font-size:9px;padding:4px 6px;background:#272820;border-radius:3px;color:#c2c3b7}.history-empty td{text-align:center;color:#77786e;padding:22px}footer{height:66px;margin-top:20px;border-top:1px solid #292a25;display:flex;align-items:center;justify-content:space-between;color:#74756c;font:9px var(--mono);letter-spacing:.5px}.footer-brand{font:700 14px var(--display);letter-spacing:-.5px;color:#e5e6dc}.footer-brand span{color:#929388}footer i{color:var(--lime);font-style:normal}.footer-local{display:flex;align-items:center;gap:7px;color:#9c9d92}.footer-local .live-dot{width:5px;height:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.shell{width:min(100% - 30px,540px)}.topbar{height:64px;gap:15px}.brand{font-size:18px}.edition{font-size:8px}.top-links{gap:15px;font-size:11px}.top-links a:first-child{display:none}.local-pill{font-size:0}.local-pill .live-dot{width:8px;height:8px}.hero{padding:40px 0 27px}.hero h1{letter-spacing:-2px}.result-grid{grid-template-columns:1fr}.panel{padding:18px}.history-panel{padding-bottom:4px}.quick-stat{grid-template-columns:auto;gap:3px}.quick-stat .stat-icon{display:none}.stat-label{font-size:8px}.quick-stat b{font-size:14px}.stat-divider{height:23px}.history-panel{margin-top:11px}footer{font-size:8px}.footer-local{font-size:0}.footer-local .live-dot{font-size:initial}.desktop-break{display:none}}
@media(max-width:440px){.shell{width:calc(100% - 24px)}.topbar{gap:8px}.top-links{margin-left:auto;gap:12px}.edition{display:none}.hero h1{font-size:41px}.intro{font-size:12px}.game-card{padding:16px 13px 0}.digits{gap:5px;margin-top:22px}.digit{width:calc((100vw - 72px)/6);max-width:52px;height:61px;font-size:32px}.roll-actions{gap:6px}.roll-button{min-width:155px;padding:0 12px}.auto-button{min-width:104px;padding:0 7px;font-size:10px}.settings{font-size:9px}.secure-note{font-size:8px}.auto-progress{margin:0 -13px}.quick-stats{width:100%}.stat-label{letter-spacing:.3px;font-size:7px}.panel{padding:16px}.history-panel{padding-bottom:3px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}