:root{--dice-bg:#080814;--dice-card:rgba(255,255,255,.055);--dice-border:rgba(255,255,255,.1);--dice-text:#eeeef8;--dice-muted:rgba(255,255,255,.45);--dice-gold:#f5c842;--dice-r:12px;--dice-red:#e74c3c;--dice-green:#2ecc71}.dice-wrapper{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--dice-text);min-height:100vh;background:var(--dice-bg);overflow-x:hidden;position:relative}.dice-wrapper *{margin:0;padding:0;box-sizing:border-box}.dice-bg{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(245,200,66,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(46,204,113,.04) 0%,transparent 50%),linear-gradient(180deg,#080814 0%,#0c0c20 40%,#0a0a1a 100%)}.dice-main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:30px 20px 60px}.dice-title{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:2.2rem;font-weight:900;text-align:center;margin-bottom:6px;background:linear-gradient(135deg,var(--dice-gold),#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dice-subtitle{text-align:center;color:var(--dice-muted);font-size:.9rem;margin-bottom:28px}.dice-selector{display:flex;justify-content:center;gap:8px;margin-bottom:28px;flex-wrap:wrap}.dice-selector-label{width:100%;text-align:center;font-size:.85rem;color:var(--dice-muted);margin-bottom:4px;font-weight:500}.dice-count-btn{width:48px;height:48px;border-radius:var(--dice-r);border:2px solid var(--dice-border);background:var(--dice-card);color:var(--dice-text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dice-count-btn:hover{border-color:var(--dice-gold);color:var(--dice-gold);background:rgba(245,200,66,.08)}.dice-count-btn.active{border-color:var(--dice-gold);color:#080814;background:linear-gradient(135deg,var(--dice-gold),#ff9f1c);box-shadow:0 0 20px rgba(245,200,66,.3)}.dice-stage{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin:10px auto 28px;min-height:180px;perspective:1200px}.dice-die-wrap{width:120px;height:120px;perspective:600px}.dice-die{width:120px;height:120px;position:relative;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(25deg);transition:transform .15s ease}.dice-die-wrap:hover .dice-die:not(.rolling){transform:rotateX(-30deg) rotateY(35deg)}.dice-face{position:absolute;width:120px;height:120px;border-radius:16px;background:linear-gradient(145deg,#fff,#f0ebe0);border:2px solid rgba(0,0,0,.08);display:grid;padding:18px;box-shadow:inset 0 2px 6px rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,0,.06);backface-visibility:hidden}.dice-face-front{transform:rotateY(0deg) translateZ(60px)}.dice-face-back{transform:rotateY(180deg) translateZ(60px)}.dice-face-right{transform:rotateY(90deg) translateZ(60px)}.dice-face-left{transform:rotateY(-90deg) translateZ(60px)}.dice-face-top{transform:rotateX(90deg) translateZ(60px)}.dice-face-bottom{transform:rotateX(-90deg) translateZ(60px)}.dice-face{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center}.dice-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#444,#1a1a1a);box-shadow:inset 0 2px 3px rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.3);visibility:hidden}.dice-dot.show{visibility:visible}.dice-val-1 .dice-dot:nth-child(5){visibility:visible}.dice-val-2 .dice-dot:nth-child(3){visibility:visible}.dice-val-2 .dice-dot:nth-child(7){visibility:visible}.dice-val-3 .dice-dot:nth-child(3){visibility:visible}.dice-val-3 .dice-dot:nth-child(5){visibility:visible}.dice-val-3 .dice-dot:nth-child(7){visibility:visible}.dice-val-4 .dice-dot:nth-child(1){visibility:visible}.dice-val-4 .dice-dot:nth-child(3){visibility:visible}.dice-val-4 .dice-dot:nth-child(7){visibility:visible}.dice-val-4 .dice-dot:nth-child(9){visibility:visible}.dice-val-5 .dice-dot:nth-child(1){visibility:visible}.dice-val-5 .dice-dot:nth-child(3){visibility:visible}.dice-val-5 .dice-dot:nth-child(5){visibility:visible}.dice-val-5 .dice-dot:nth-child(7){visibility:visible}.dice-val-5 .dice-dot:nth-child(9){visibility:visible}.dice-val-6 .dice-dot:nth-child(1){visibility:visible}.dice-val-6 .dice-dot:nth-child(3){visibility:visible}.dice-val-6 .dice-dot:nth-child(4){visibility:visible}.dice-val-6 .dice-dot:nth-child(6){visibility:visible}.dice-val-6 .dice-dot:nth-child(7){visibility:visible}.dice-val-6 .dice-dot:nth-child(9){visibility:visible}.dice-die-wrap::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:90px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 70%);filter:blur(3px);pointer-events:none;transition:all .3s ease}.dice-die.rolling~.dice-die-wrap::after,.dice-die-wrap:has(.rolling)::after{width:120px;height:20px;opacity:.5}@keyframes diceRoll{0%{transform:rotateX(0) rotateY(0) rotateZ(0) translateY(0)}15%{transform:rotateX(240deg) rotateY(120deg) rotateZ(60deg) translateY(-40px)}30%{transform:rotateX(480deg) rotateY(300deg) rotateZ(120deg) translateY(10px)}45%{transform:rotateX(600deg) rotateY(420deg) rotateZ(30deg) translateY(-25px)}60%{transform:rotateX(780deg) rotateY(540deg) rotateZ(90deg) translateY(5px)}75%{transform:rotateX(900deg) rotateY(660deg) rotateZ(45deg) translateY(-10px)}90%{transform:rotateX(1000deg) rotateY(720deg) rotateZ(15deg) translateY(2px)}100%{transform:rotateX(var(--land-x)) rotateY(var(--land-y)) rotateZ(0) translateY(0)}}@keyframes diceRoll2{0%{transform:rotateX(0) rotateY(0) rotateZ(0) translateY(0)}12%{transform:rotateX(-200deg) rotateY(150deg) rotateZ(-40deg) translateY(-35px)}28%{transform:rotateX(-400deg) rotateY(330deg) rotateZ(80deg) translateY(8px)}42%{transform:rotateX(-560deg) rotateY(480deg) rotateZ(-30deg) translateY(-30px)}58%{transform:rotateX(-720deg) rotateY(600deg) rotateZ(60deg) translateY(6px)}72%{transform:rotateX(-850deg) rotateY(700deg) rotateZ(-20deg) translateY(-12px)}88%{transform:rotateX(-960deg) rotateY(750deg) rotateZ(8deg) translateY(2px)}100%{transform:rotateX(var(--land-x)) rotateY(var(--land-y)) rotateZ(0) translateY(0)}}.dice-die.rolling{animation:diceRoll 2s cubic-bezier(.25,.1,.25,1) forwards}.dice-die.rolling-alt{animation:diceRoll2 2s cubic-bezier(.25,.1,.25,1) forwards}.dice-die.landed{transition:none}.dice-result{text-align:center;margin:20px 0;min-height:60px}.dice-result-sum{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:2.8rem;font-weight:900;color:var(--dice-gold);text-shadow:0 0 20px rgba(245,200,66,.4);line-height:1;opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dice-result-sum.show{opacity:1;transform:scale(1)}.dice-result-values{font-size:.95rem;color:var(--dice-muted);margin-top:4px}.dice-result-special{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.3rem;font-weight:800;color:var(--dice-red);margin-top:6px;opacity:0;transform:translateY(10px);transition:all .3s ease .2s}.dice-result-special.show{opacity:1;transform:translateY(0)}.dice-result-special.doi{color:var(--dice-gold);text-shadow:0 0 16px rgba(245,200,66,.5)}.dice-result-special.xingau{color:var(--dice-red);text-shadow:0 0 16px rgba(231,76,60,.5)}.dice-actions{display:flex;justify-content:center;gap:12px;margin:24px 0 30px;flex-wrap:wrap}.dice-btn-roll{padding:14px 40px;border-radius:var(--dice-r);border:none;background:linear-gradient(135deg,var(--dice-gold),#ff9f1c);color:#080814;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px rgba(245,200,66,.3);letter-spacing:.5px}.dice-btn-roll:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(245,200,66,.45)}.dice-btn-roll:active{transform:translateY(0)}.dice-btn-roll:disabled{opacity:.5;cursor:default;transform:none;box-shadow:0 2px 10px rgba(245,200,66,.15)}.dice-btn-reset{padding:14px 24px;border-radius:var(--dice-r);border:2px solid var(--dice-border);background:var(--dice-card);color:var(--dice-text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.dice-btn-reset:hover{border-color:var(--dice-red);color:var(--dice-red);background:rgba(231,76,60,.08)}.dice-stats{background:var(--dice-card);border:1px solid var(--dice-border);border-radius:var(--dice-r);padding:24px;margin-bottom:24px}.dice-stats-title{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:16px;color:var(--dice-gold)}.dice-stats-total{font-size:.9rem;color:var(--dice-muted);margin-bottom:16px}.dice-stats-total span{color:var(--dice-text);font-weight:700}.dice-dist{display:flex;flex-direction:column;gap:8px}.dice-dist-row{display:flex;align-items:center;gap:10px}.dice-dist-label{width:30px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:.95rem;text-align:center;flex-shrink:0}.dice-dist-bar-bg{flex:1;height:24px;background:rgba(255,255,255,.06);border-radius:6px;overflow:hidden;position:relative}.dice-dist-bar{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.25,.8,.25,1);min-width:0;position:relative}.dice-dist-bar[data-face="1"]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.dice-dist-bar[data-face="2"]{background:linear-gradient(90deg,#e67e22,#d35400)}.dice-dist-bar[data-face="3"]{background:linear-gradient(90deg,#f1c40f,#f39c12)}.dice-dist-bar[data-face="4"]{background:linear-gradient(90deg,#2ecc71,#27ae60)}.dice-dist-bar[data-face="5"]{background:linear-gradient(90deg,#3498db,#2980b9)}.dice-dist-bar[data-face="6"]{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.dice-dist-count{width:45px;font-size:.8rem;color:var(--dice-muted);text-align:right;flex-shrink:0}.dice-dist-pct{width:40px;font-size:.75rem;color:var(--dice-muted);text-align:right;flex-shrink:0}.dice-history{background:var(--dice-card);border:1px solid var(--dice-border);border-radius:var(--dice-r);padding:24px;margin-bottom:24px}.dice-history-title{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:16px;color:var(--dice-gold)}.dice-history-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto;padding-right:4px}.dice-history-list::-webkit-scrollbar{width:4px}.dice-history-list::-webkit-scrollbar-track{background:transparent}.dice-history-list::-webkit-scrollbar-thumb{background:var(--dice-border);border-radius:4px}.dice-history-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.03);font-size:.82rem;border:1px solid rgba(255,255,255,.04)}.dice-history-num{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:700;color:var(--dice-gold);width:24px;text-align:center;flex-shrink:0;font-size:.9rem}.dice-history-vals{flex:1;color:var(--dice-text);font-weight:500}.dice-history-sum{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:800;color:var(--dice-gold);font-size:.95rem}.dice-history-time{color:var(--dice-muted);font-size:.75rem;flex-shrink:0}.dice-history-special{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700;flex-shrink:0}.dice-history-special.doi{background:rgba(245,200,66,.15);color:var(--dice-gold)}.dice-history-special.xingau{background:rgba(231,76,60,.15);color:var(--dice-red)}.dice-history-empty{color:var(--dice-muted);font-size:.85rem;text-align:center;padding:20px 0}.dice-popup-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(4px)}.dice-popup-overlay.show{opacity:1;pointer-events:auto}.dice-popup{background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid var(--dice-gold);border-radius:20px;padding:40px 50px;text-align:center;transform:scale(.7);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(245,200,66,.15)}.dice-popup-overlay.show .dice-popup{transform:scale(1)}.dice-popup-emoji{font-size:3.5rem;margin-bottom:10px;line-height:1}.dice-popup-title{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:2rem;font-weight:900;margin-bottom:6px}.dice-popup-title.doi{color:var(--dice-gold)}.dice-popup-title.xingau{color:var(--dice-red)}.dice-popup-desc{color:var(--dice-muted);font-size:.95rem}.dice-popup-values{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.4rem;font-weight:800;color:var(--dice-text);margin-top:10px}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}.dice-confetti{position:fixed;width:10px;height:10px;z-index:1001;pointer-events:none;border-radius:2px;animation:confettiFall 3s ease-in forwards}@media(max-width:600px){.dice-title{font-size:1.6rem}.dice-main{padding:20px 14px 40px}.dice-die-wrap{width:90px;height:90px}.dice-die{width:90px;height:90px}.dice-face{width:90px;height:90px;padding:12px;border-radius:12px}.dice-face-front{transform:rotateY(0deg) translateZ(45px)}.dice-face-back{transform:rotateY(180deg) translateZ(45px)}.dice-face-right{transform:rotateY(90deg) translateZ(45px)}.dice-face-left{transform:rotateY(-90deg) translateZ(45px)}.dice-face-top{transform:rotateX(90deg) translateZ(45px)}.dice-face-bottom{transform:rotateX(-90deg) translateZ(45px)}.dice-dot{width:13px;height:13px}.dice-stage{gap:16px}.dice-result-sum{font-size:2.2rem}.dice-btn-roll{padding:12px 28px;font-size:1rem}.dice-popup{padding:28px 30px}.dice-popup-title{font-size:1.5rem}.dice-count-btn{width:40px;height:40px;font-size:1rem}.dice-die-wrap::after{bottom:-8px;width:70px;height:12px}}@media(max-width:400px){.dice-die-wrap{width:70px;height:70px}.dice-die{width:70px;height:70px}.dice-face{width:70px;height:70px;padding:8px;border-radius:10px}.dice-face-front{transform:rotateY(0deg) translateZ(35px)}.dice-face-back{transform:rotateY(180deg) translateZ(35px)}.dice-face-right{transform:rotateY(90deg) translateZ(35px)}.dice-face-left{transform:rotateY(-90deg) translateZ(35px)}.dice-face-top{transform:rotateX(90deg) translateZ(35px)}.dice-face-bottom{transform:rotateX(-90deg) translateZ(35px)}.dice-dot{width:10px;height:10px}.dice-stage{gap:10px}}