/* Perfect Dice · v20260830_1315 */ .luck-game-screen[data-game="dice"]{background:#07101d;color:#f6f8fc} .luck-game-screen[data-game="dice"] .luck-bg{background:radial-gradient(circle at 18% 18%,rgba(66,135,235,.15),transparent 31%),radial-gradient(circle at 82% 74%,rgba(222,169,72,.13),transparent 32%),linear-gradient(145deg,#0f1a2e 0%,#07101d 56%,#151524 100%)} .luck-game-screen[data-game="dice"] .luck-stage{grid-template-columns:minmax(0,1fr) minmax(238px,24%);gap:1.35%;padding:1.1% 1.45% 1.35%} .luck-game-screen[data-game="dice"] .luck-main{border-radius:24px;background:linear-gradient(160deg,rgba(18,28,48,.97),rgba(7,12,22,.98));box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)} .luck-game-screen[data-game="dice"] .luck-main::before{background:radial-gradient(circle at 50% 46%,rgba(224,181,92,.10),transparent 42%)} .luck-game-screen[data-game="dice"] .luck-game-content{height:100%;padding:clamp(8px,1.1vw,15px);display:block;overflow:hidden} .luck-game-screen[data-game="dice"] .luck-side{gap:10px;min-height:0} .luck-game-screen[data-game="dice"] .luck-rule-card,.luck-game-screen[data-game="dice"] .luck-score-card{padding:clamp(12px,1.25vw,18px);border-radius:19px;background:linear-gradient(150deg,rgba(20,29,48,.95),rgba(10,15,27,.95));border-color:rgba(225,190,116,.14);min-height:0;overflow:hidden} /* top nickname / record */ .dice-record-btn{min-width:0;max-width:150px;height:44px;padding:7px 11px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#fff;color:#182950;font-weight:900;box-shadow:0 5px 18px rgba(12,27,60,.10)} .dice-record-btn .dice-record-user{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e4bd62,#9b6c22);color:#fff;font-size:9px;box-shadow:inset 0 1px rgba(255,255,255,.5)} .dice-record-btn b{min-width:0;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dice-record-btn small{font-size:9px;color:#71809b;font-weight:850} .dice-record-panel{position:absolute;z-index:420;top:72px;right:16px;width:min(330px,calc(100% - 32px));padding:16px;border:1px solid rgba(222,190,121,.26);border-radius:18px;background:linear-gradient(155deg,#17243a,#0b1321 72%);box-shadow:0 24px 65px rgba(0,0,0,.42);color:#f6f8fc} .dice-record-panel{max-height:min(78vh,760px);overflow:auto;scrollbar-width:thin}.dice-record-panel[hidden]{display:none!important}.dice-record-panel>small{display:block;color:#d8b65e;font-size:8px;font-weight:1000;letter-spacing:.15em}.dice-record-panel h3{margin:4px 32px 12px 0;font-size:18px}.dice-record-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:20px;line-height:1}.dice-record-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.dice-record-grid>div{padding:8px 4px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035)}.dice-record-grid span{display:block;color:#8f9db5;font-size:7px;font-weight:800}.dice-record-grid b{display:block;margin-top:3px;font-size:17px}.dice-record-grid .first b{color:#ffd865}.dice-record-grid .second b{color:#9dc7ff}.dice-record-grid .third b{color:#e4a868}.dice-record-grid .miss b{color:#98a2b4}.dice-record-panel h4{margin:13px 0 6px;font-size:10px;color:#aeb9cb}.dice-record-recent{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dice-record-recent li{display:grid;grid-template-columns:32px 54px minmax(0,1fr);gap:6px;align-items:center;padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.035);font-size:9px}.dice-record-recent li b{color:#f1c96c}.dice-record-recent li span{font-weight:900;color:#fff}.dice-record-recent li em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:#92a0b5}.dice-record-recent li.empty{display:block;color:#8c99ae;text-align:center}.dice-global-rank-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.dice-global-rank-head h4{margin:0}.dice-ranking-refresh{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#e6edf8;font-size:8px;font-weight:900}.dice-ranking-refresh:disabled{opacity:.55;cursor:default}.dice-global-rank-note{margin:6px 0 8px!important;color:#8fa1bc!important;font-size:8px!important;text-align:left!important}.dice-global-rank-table{border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.03);overflow:hidden}.dice-global-rank-list{display:grid}.dice-global-rank-row{display:grid;grid-template-columns:36px minmax(0,1fr) repeat(3,30px) 38px;gap:6px;align-items:center;padding:7px 8px;border-top:1px solid rgba(255,255,255,.06);font-size:8.5px}.dice-global-rank-row:first-child{border-top:0}.dice-global-rank-row.head{padding:7px 8px;background:rgba(255,255,255,.045);border-top:0;color:#8e9fba;font-size:7.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dice-global-rank-row b,.dice-global-rank-row em,.dice-global-rank-row strong{text-align:center;font-style:normal}.dice-global-rank-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850;color:#f5f8ff}.dice-global-rank-row strong{color:#f1ca6b;font-size:9px}.dice-global-rank-row.mine{background:rgba(222,182,84,.12)}.dice-global-rank-row.top-1 strong,.dice-global-rank-row.top-1 b{color:#ffd866}.dice-global-rank-row.top-2 strong,.dice-global-rank-row.top-2 b{color:#acd0ff}.dice-global-rank-row.top-3 strong,.dice-global-rank-row.top-3 b{color:#e7ad6d}.dice-global-rank-empty{padding:12px 10px;text-align:center;color:#8c99ae;font-size:8.5px}.dice-record-panel>p{margin:9px 0 0;color:#68768d;font-size:8px;text-align:right} /* right rail */ .dice-rule-card{flex:1.02!important}.dice-rule-summary{display:none}.dice-hand-list{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:8px}.dice-hand-list li{display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;padding:10px 10px 9px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.03)}.dice-hand-list li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#25344c;color:#fff;font-size:12px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.16)}.dice-hand-list .rank-first>b{background:linear-gradient(145deg,#f2d36f,#a97421);color:#111724}.dice-hand-list .rank-second>b{background:linear-gradient(145deg,#a9c9ef,#5d7fa9);color:#10213a}.dice-hand-list .rank-third>b{background:linear-gradient(145deg,#e4ad72,#9a5f2d);color:#2b1809}.dice-hand-list .rank-miss>b{background:linear-gradient(145deg,#566782,#24344f);color:#fff}.dice-hand-list li span{min-width:0}.dice-hand-list li strong{display:block;color:#fff;font-size:12px;line-height:1.16}.dice-hand-list li small{display:block;margin-top:2px;color:#9aa8c0;font-size:9px;line-height:1.25}.dice-hand-list li em{grid-column:2;font-style:normal;color:#e7ca79;font-size:9px;font-weight:900;white-space:normal;line-height:1.3} .dice-how-card{flex:.98!important}.dice-how-card ol{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:8px}.dice-how-card li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;color:#b1bdd0;font-size:10px;line-height:1.5}.dice-how-card li>b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#304b79,#17253e);color:#fff;font-size:11px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.16),0 4px 10px rgba(0,0,0,.16)}.dice-how-card li strong{color:#f0ca68}.dice-how-card>p{margin:10px 0 0;padding:9px 10px;border-radius:10px;background:rgba(226,185,87,.07);color:#aab6c8;font-size:8.5px;line-height:1.45} /* main game */ .dice-solo-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(7px,1vh,11px)} .dice-game-head{min-height:clamp(54px,7.5vh,68px);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(90deg,rgba(52,98,177,.12),rgba(255,255,255,.02) 55%,rgba(205,153,56,.08))}.dice-game-copy{min-width:0}.dice-game-copy small{display:block;color:#687994;font-size:8px;font-weight:1000;letter-spacing:.15em}.dice-game-copy strong{display:block;margin-top:2px;color:#121826;font-size:clamp(16px,1.6vw,23px)}.dice-game-copy span{display:block;margin-top:2px;color:#4f5f79;font-size:clamp(9px,.78vw,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-steps{display:flex;align-items:center;gap:5px;flex:0 0 auto}.dice-steps i{width:17px;height:1px;background:#35435a}.dice-step{min-width:34px;height:29px;padding:0 8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#121c2d;color:#65758f;font-size:8px;font-weight:1000}.dice-step.active{background:linear-gradient(145deg,#e9c567,#a87729);color:#101725;border-color:rgba(255,230,170,.48);box-shadow:0 0 20px rgba(224,182,80,.18)}.dice-step.done{background:#243957;color:#9ec5ff;border-color:#34547e} .dice-solo-table{min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(5px,.7vh,8px);padding:clamp(9px,1.25vw,17px);border:1px solid rgba(255,255,255,.07);border-radius:22px;background:radial-gradient(circle at 50% 58%,rgba(48,85,145,.16),transparent 44%),linear-gradient(155deg,rgba(18,27,45,.90),rgba(8,13,23,.95));overflow:hidden;isolation:isolate} .dice-keep-bank{position:relative;z-index:7;width:min(92%,680px);justify-self:center;padding:9px 12px 11px;border:1px solid rgba(234,195,96,.20);border-radius:15px;background:linear-gradient(180deg,rgba(39,34,26,.82),rgba(17,18,24,.88));box-shadow:inset 0 1px rgba(255,255,255,.04);overflow:visible}.dice-bank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#b8c1cf;font-size:8px;font-weight:950;letter-spacing:.12em}.dice-bank-head b{color:#edc866;font-size:9px}.dice-keep-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch;overflow:visible}.dice-bank-slot{height:clamp(76px,10.6vh,106px);min-width:0;display:grid;place-items:center;align-content:center;gap:4px;padding:8px 8px 6px;border:1px dashed rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.018);color:#5f6c80;overflow:visible}.dice-bank-slot.empty span{font-size:8px;font-weight:900;letter-spacing:.12em}.dice-bank-slot.filled{border-style:solid;border-color:rgba(238,198,94,.28);background:radial-gradient(circle,rgba(218,172,65,.10),rgba(255,255,255,.018));color:#e7c468}.dice-bank-slot.pending{cursor:pointer}.dice-bank-slot.pending:hover{border-color:rgba(238,198,94,.65)}.dice-bank-slot.locked{cursor:default}.dice-bank-slot>span{font-size:7px;font-weight:900}.dice-bank-slot .dice-die{--die-size:clamp(44px,4.8vw,60px);transform:scale(.82);transform-origin:center center} .dice-roll-stage{position:relative;min-height:0;display:grid;place-items:end center;padding-bottom:clamp(5px,.8vh,10px)}.dice-roll-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:4%;height:13%;border-radius:50%;background:rgba(0,0,0,.34);filter:blur(14px);z-index:0} .dice-solo-cup{position:absolute;left:50%;top:45%;width:clamp(190px,23vw,290px);height:clamp(220px,31vh,320px);transform:translate(-50%,-50%);transform-origin:50% 82%;z-index:3;filter:drop-shadow(0 22px 24px rgba(0,0,0,.46));transition:transform .45s cubic-bezier(.22,.8,.2,1),opacity .28s} .dice-solo-cup .dice-cup-body{position:absolute;inset:10% 10% 4%;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-radius:18% 18% 12% 12%;background:linear-gradient(100deg,#080e1c 0%,#40506c 18%,#0d182b 43%,#52617a 60%,#070c17 100%);border:1px solid rgba(255,255,255,.14);overflow:hidden}.dice-solo-cup .dice-cup-body::after{content:"";position:absolute;inset:7% 9%;border:1px dashed rgba(232,204,143,.22);clip-path:inherit;border-radius:inherit}.dice-solo-cup .dice-cup-body i{position:absolute;left:18%;top:0;width:16%;height:100%;transform:skewX(-8deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.dice-solo-cup .dice-cup-body b{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-90deg);color:rgba(239,209,143,.82);font-size:clamp(12px,1.05vw,16px);letter-spacing:.25em}.dice-solo-cup .dice-cup-base{position:absolute;left:25%;top:5%;width:50%;height:12%;border-radius:50%;background:linear-gradient(180deg,#6d7b94,#171f32 70%);border:2px solid rgba(224,189,117,.46);z-index:2}.dice-solo-cup .dice-cup-mouth{position:absolute;left:5%;bottom:0;width:90%;height:14%;border-radius:50%;background:linear-gradient(180deg,#906a2c,#f5d895 31%,#4c3216 45%,#070a11 57%,#181e2d 80%,#070a11);box-shadow:inset 0 2px rgba(255,242,197,.62)} .dice-solo-cup.is-spinning{animation:diceSoloCupShake .56s cubic-bezier(.2,.7,.2,1)}.dice-solo-cup.parked{transform:translate(-50%,-50%) translateY(-20%) scale(.78) rotate(-8deg);opacity:.80} @keyframes diceSoloCupShake{0%{transform:translate(-50%,-50%) rotate(0)}13%{transform:translate(-60%,-54%) rotate(-9deg)}28%{transform:translate(-39%,-58%) rotate(11deg)}45%{transform:translate(-59%,-53%) rotate(-12deg)}63%{transform:translate(-40%,-57%) rotate(9deg)}80%{transform:translate(-55%,-52%) rotate(-6deg)}100%{transform:translate(-50%,-50%) rotate(0)}} .dice-choice-row{position:relative;z-index:6;width:min(96%,760px);display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,2vw,28px);opacity:0;transform:translateY(12px) scale(.94);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.dice-choice-row.revealed{opacity:1;transform:none;pointer-events:auto} .dice-choice{position:relative;width:clamp(112px,15vw,170px);min-width:0;padding:15px 8px 9px;display:grid;justify-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);border-radius:19px;background:linear-gradient(155deg,rgba(29,41,63,.94),rgba(11,18,30,.97));color:#a9b5c8;box-shadow:0 14px 26px rgba(0,0,0,.23);transition:transform .18s,border-color .18s,background .18s}.dice-choice:not(:disabled):hover{transform:translateY(-3px);border-color:rgba(124,171,239,.42)}.dice-choice>small{font-size:9px;font-weight:950;letter-spacing:.04em}.dice-keep-badge{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;background:#e8c15e;color:#111727;font-size:7px;font-weight:1000}.dice-choice.rerolling .dice-die{animation:diceCubeReroll .52s cubic-bezier(.2,.7,.2,1)} @keyframes diceCubeReroll{0%{transform:rotate(0) translateY(0)}35%{transform:rotate(130deg) translateY(-14px) scale(.86)}70%{transform:rotate(255deg) translateY(3px) scale(1.05)}100%{transform:rotate(360deg) translateY(0)}} .dice-die{--die-size:clamp(76px,8.5vw,112px);position:relative;width:var(--die-size);height:var(--die-size);perspective:820px;filter:drop-shadow(0 14px 16px rgba(0,0,0,.36))}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-10deg)}.dice-face{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:1px solid rgba(255,255,255,.92);background:linear-gradient(145deg,#fff 0%,#f2f0e8 56%,#d7d3c8 100%);box-shadow:inset 4px 4px 8px rgba(255,255,255,.84),inset -7px -7px 10px rgba(127,123,115,.19)}.dice-face-front{inset:0;padding:15%;border-radius:18%;transform:translateZ(calc(var(--die-size)*.075));z-index:3}.dice-face-top{left:5%;right:5%;top:-8%;height:18%;border-radius:35% 35% 12% 12%;transform:skewX(-22deg);background:linear-gradient(180deg,#fff,#e5e1d7);z-index:2}.dice-face-right{top:5%;right:-8%;bottom:5%;width:18%;border-radius:12% 35% 35% 12%;transform:skewY(-22deg);background:linear-gradient(90deg,#ded9cd,#c6c0b4);z-index:1}.dice-face i{width:clamp(8px,.88vw,12px);height:clamp(8px,.88vw,12px);border-radius:50%;align-self:center;justify-self:center;background:radial-gradient(circle at 34% 31%,#33425a 0%,#182337 46%,#090f18 100%);opacity:0;box-shadow:inset 0 1px 2px rgba(255,255,255,.16),0 1px 1px rgba(255,255,255,.08)}.dice-face i.on{opacity:1} .dice-solo-result{position:relative;z-index:8;justify-self:center;width:min(96%,700px);min-height:0;padding:14px 18px;display:grid;justify-items:center;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(180deg,rgba(11,18,30,.96),rgba(8,13,22,.92));box-shadow:0 16px 34px rgba(0,0,0,.28);opacity:0;max-height:0;overflow:hidden;transform:translateY(6px) scale(.98);pointer-events:none;transition:.24s}.dice-solo-result:empty{padding:0;border:0}.dice-solo-result.show{opacity:1;max-height:138px;transform:none}.dice-solo-result span{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.02em}.dice-solo-result strong{font-size:clamp(20px,2.1vw,30px);line-height:1.1;text-align:center}.dice-solo-result b{color:#fff;font-size:clamp(17px,1.5vw,22px);letter-spacing:.12em}.dice-solo-result.first{border-color:rgba(255,215,99,.55)}.dice-solo-result.first span{background:#f0c75f;color:#111827}.dice-solo-result.second span{background:#93b8e9;color:#10213a}.dice-solo-result.third span{background:#d99b5b;color:#2d1b0d}.dice-solo-result.miss span{background:#596578;color:#fff} .dice-keep-hint{position:relative;z-index:7;justify-self:center;margin:0;padding:7px 14px;border-radius:999px;background:rgba(5,9,16,.70);border:1px solid rgba(255,255,255,.06);color:#8d9cb4;font-size:clamp(9px,.78vw,12px);font-weight:750;text-align:center}.dice-keep-hint b{color:#f1ca6b} .dice-primary-btn{min-height:clamp(50px,7vh,66px);border:1px solid rgba(247,214,140,.38);border-radius:15px;background:linear-gradient(145deg,#edc968,#a97625);color:#111724;font-size:clamp(13px,1.1vw,17px);font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.45),0 9px 20px rgba(0,0,0,.22);transition:transform .16s,filter .16s}.dice-primary-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.dice-primary-btn:active:not(:disabled){transform:translateY(1px)}.dice-primary-btn:disabled{background:#1b2536;border-color:rgba(255,255,255,.07);color:#68778f;box-shadow:none} .luck-game-screen[data-game="dice"] .result-banner{display:none!important} /* expanded: game only */ body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-side{display:none!important} body[data-view="luck-game"].luck-expanded .dice-record-btn,body[data-view="luck-game"].luck-expanded .dice-record-panel{display:none!important} body[data-view="luck-game"].luck-expanded .dice-solo-shell{height:100%!important;max-width:1240px;margin:0 auto;width:100%} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-top-actions{top:12px!important;right:12px!important;display:flex!important;gap:6px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-game-head{padding-right:106px!important} body[data-view="luck-game"].luck-expanded .dice-solo-cup{width:clamp(230px,25vw,340px);height:clamp(260px,36vh,370px)} body[data-view="luck-game"].luck-expanded .dice-choice{width:clamp(135px,16vw,190px)} body[data-view="luck-game"].luck-expanded .dice-die{--die-size:clamp(92px,10vw,128px)} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot{overflow:hidden!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{--die-size:clamp(42px,6.2vw,58px)!important;transform:scale(.9)!important} @media(max-width:820px){ body[data-view="luck-game"] .app-shell{height:100svh!important} .luck-game-screen[data-game="dice"] .luck-topbar{height:8.5%;min-height:48px;padding:0 8px}.luck-game-screen[data-game="dice"] .luck-title{gap:6px;min-width:0}.luck-game-screen[data-game="dice"] .luck-title-icon{width:33px;height:33px;flex:0 0 auto}.luck-game-screen[data-game="dice"] .luck-title small{font-size:6px}.luck-game-screen[data-game="dice"] .luck-title h2{font-size:clamp(12px,3.5vw,17px);white-space:nowrap}.luck-game-screen[data-game="dice"] .luck-top-actions{gap:4px;min-width:0}.luck-game-screen[data-game="dice"] .luck-expand-btn,.luck-game-screen[data-game="dice"] .luck-back-btn{min-height:34px;padding:5px 7px;font-size:9px;border-radius:10px}.dice-record-btn{height:34px;padding:5px 7px;border-radius:10px;gap:4px;max-width:94px}.dice-record-btn .dice-record-user{width:19px;height:19px;font-size:6px}.dice-record-btn b{max-width:52px;font-size:8.5px}.dice-record-btn small{display:none} .dice-record-panel{top:52px;right:7px;width:min(312px,calc(100% - 14px));padding:12px;border-radius:14px}.dice-record-panel h3{font-size:15px;margin-bottom:9px}.dice-record-grid>div{padding:6px 3px}.dice-record-grid span{font-size:6px}.dice-record-grid b{font-size:14px}.dice-record-recent li{font-size:8px;grid-template-columns:28px 44px minmax(0,1fr)}.dice-global-rank-row{grid-template-columns:28px minmax(0,1fr) repeat(3,24px) 30px;padding:6px 5px;font-size:7.2px}.dice-global-rank-row.head{font-size:6.5px}.dice-ranking-refresh{padding:4px 7px;font-size:7px} body[data-page-kind="game"][data-view="luck-game"] .luck-game-screen[data-game="dice"] .luck-stage{height:91.5%;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(108px,30%)!important;gap:5px;padding:5px!important}.luck-game-screen[data-game="dice"] .luck-main{border-radius:14px}.luck-game-screen[data-game="dice"] .luck-side,body[data-page-kind="game"][data-view="luck-game"] .luck-game-screen[data-game="dice"] .luck-side{display:flex!important;gap:5px;min-width:0}.luck-game-screen[data-game="dice"] .luck-rule-card,.luck-game-screen[data-game="dice"] .luck-score-card{padding:7px;border-radius:12px}.luck-game-screen[data-game="dice"] .luck-rule-card>small,.luck-game-screen[data-game="dice"] .luck-score-card>small{font-size:6px;letter-spacing:.07em}.luck-game-screen[data-game="dice"] .luck-rule-card h3,.luck-game-screen[data-game="dice"] .luck-score-card h3{margin:3px 0 4px;font-size:10px}.dice-hand-list{gap:4px;margin-top:5px}.dice-hand-list li{grid-template-columns:20px minmax(0,1fr);gap:5px;padding:6px 5px;border-radius:8px}.dice-hand-list li>b{width:20px;height:20px;border-radius:6px;font-size:8px}.dice-hand-list li strong{font-size:8.5px}.dice-hand-list li small{font-size:6.4px}.dice-hand-list li em{font-size:6.2px;line-height:1.22}.dice-how-card ol{gap:5px;margin-top:5px}.dice-how-card li{grid-template-columns:20px minmax(0,1fr);gap:5px;font-size:7px;line-height:1.35}.dice-how-card li>b{width:20px;height:20px;border-radius:6px;font-size:7.2px}.dice-how-card>p{margin-top:5px;padding:5px;font-size:6.2px;line-height:1.35} .luck-game-screen[data-game="dice"] .luck-game-content{padding:5px}.dice-solo-shell{gap:5px}.dice-game-head{min-height:42px;padding:5px 7px;border-radius:10px;gap:5px}.dice-game-copy small{font-size:5px}.dice-game-copy strong{font-size:11px}.dice-game-copy span{font-size:6.5px}.dice-steps{gap:2px}.dice-steps i{width:5px}.dice-step{min-width:27px;height:20px;padding:0 4px;font-size:5.5px}.dice-solo-table{gap:3px;padding:5px;border-radius:12px}.dice-keep-bank{width:98%;padding:4px 5px 5px;border-radius:9px}.dice-bank-head{margin-bottom:3px;font-size:5.5px}.dice-bank-head b{font-size:6px}.dice-keep-row{gap:4px}.dice-bank-slot{height:54px;border-radius:8px;padding:2px}.dice-bank-slot .dice-die{--die-size:36px}.dice-bank-slot>span,.dice-bank-slot.empty span{font-size:5px} .dice-solo-cup{width:122px;height:142px;top:43%}.dice-solo-cup.parked{transform:translate(-50%,-50%) translateY(-15%) scale(.82) rotate(-7deg);opacity:.82}.dice-choice-row{width:99%;gap:7px}.dice-choice{width:clamp(72px,22vw,94px);padding:9px 3px 6px;gap:5px;border-radius:10px}.dice-choice>small{font-size:6px}.dice-keep-badge{top:4px;right:4px;padding:2px 4px;font-size:5px}.dice-die{--die-size:clamp(56px,16vw,70px)}.dice-face i{width:clamp(6px,1.9vw,8px);height:clamp(6px,1.9vw,8px)}.dice-solo-result{width:96%;padding:9px 10px;gap:5px;border-radius:12px}.dice-solo-result.show{max-height:92px}.dice-solo-result span{padding:4px 7px;font-size:8px}.dice-solo-result strong{font-size:13px}.dice-solo-result b{font-size:11px}.dice-keep-hint{padding:5px 7px;font-size:6.3px}.dice-primary-btn{min-height:36px;border-radius:10px;font-size:9px} } @media(max-width:430px){ body[data-page-kind="game"][data-view="luck-game"] .luck-game-screen[data-game="dice"] .luck-stage{grid-template-columns:minmax(0,1fr) 102px!important}.luck-game-screen[data-game="dice"] .luck-title small{display:none}.luck-game-screen[data-game="dice"] .luck-title h2{font-size:12px}.dice-record-btn{max-width:78px}.dice-record-btn b{max-width:46px;font-size:8px}.dice-hand-list li em{display:none}.dice-hand-list li small{display:none}.dice-how-card>p{display:none}.dice-how-card li{font-size:6px}.dice-solo-cup{width:116px;height:134px}.dice-choice{width:clamp(68px,21vw,84px)}.dice-die{--die-size:clamp(53px,15vw,64px)}.dice-bank-slot{height:50px}.dice-bank-slot .dice-die{--die-size:39px} } @media(max-width:350px){ body[data-page-kind="game"][data-view="luck-game"] .luck-game-screen[data-game="dice"] .luck-stage{grid-template-columns:minmax(0,1fr) 92px!important}.luck-game-screen[data-game="dice"] .luck-title h2{font-size:10px}.luck-game-screen[data-game="dice"] .luck-title-icon{width:28px;height:28px}.dice-record-btn{max-width:64px;padding:4px}.dice-record-btn .dice-record-user{display:none}.dice-record-btn b{max-width:54px;font-size:7px}.luck-game-screen[data-game="dice"] .luck-expand-btn,.luck-game-screen[data-game="dice"] .luck-back-btn{padding:4px 5px;font-size:7.5px}.dice-game-copy span{display:none}.dice-choice-row{gap:4px}.dice-choice{width:62px}.dice-die{--die-size:49px}.dice-solo-cup{width:105px;height:122px}.dice-bank-slot{height:46px}.dice-bank-slot .dice-die{--die-size:35px}.dice-primary-btn{font-size:8px} } @media(max-height:650px) and (max-width:820px){.luck-game-screen[data-game="dice"] .luck-topbar{height:8%;min-height:42px}.luck-game-screen[data-game="dice"] .luck-stage{height:92%}.dice-game-head{min-height:36px}.dice-solo-cup{height:112px;width:98px}.dice-bank-slot{height:42px}.dice-bank-slot .dice-die{--die-size:32px}.dice-choice{padding-top:6px}.dice-die{--die-size:45px}.dice-primary-btn{min-height:31px}.dice-how-card li{font-size:5.7px}.dice-hand-list li{padding:4px}.dice-hand-list li strong{font-size:7px}} @media(prefers-reduced-motion:reduce){.dice-solo-cup.is-spinning,.dice-choice.rerolling .dice-die{animation:none!important}.dice-solo-cup,.dice-choice-row,.dice-solo-result{transition:none!important}} /* Mobile expanded dice: hide guide rail and use the whole screen · v20260830_0645 */ @media(max-width:820px){ body[data-page-kind="game"][data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-stage{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:4px!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-side{display:none!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-main{grid-column:1/-1!important;width:100%!important;height:100%!important;min-width:0!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-game-content{padding:4px!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-game-head{padding-right:80px!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-solo-shell{max-width:none!important;width:100%!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-solo-cup{width:clamp(155px,42vw,220px)!important;height:clamp(180px,37vh,245px)!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-choice{width:clamp(92px,28vw,128px)!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-die{--die-size:clamp(68px,20vw,94px)!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-keep-bank{width:min(100%,760px)!important;padding:6px 8px 7px!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-keep-row{gap:5px!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-bank-slot{height:clamp(62px,12vh,82px)!important;padding:2px!important;overflow:hidden!important} body[data-page-kind="game"][data-view="luck-game"].luck-expanded .dice-bank-slot .dice-die{--die-size:clamp(34px,9.2vw,46px)!important;transform:scale(.88)!important} } /* Perfect Dice readability/expand hotfix · v20260830_1315 */ .luck-game-screen[data-game="dice"] .dice-rule-card>small, .luck-game-screen[data-game="dice"] .dice-how-card>small{font-size:10px!important;color:#53627a!important;-webkit-text-fill-color:#53627a!important;letter-spacing:.12em!important} .luck-game-screen[data-game="dice"] .dice-rule-card h3, .luck-game-screen[data-game="dice"] .dice-how-card h3{font-size:18px!important;color:#172944!important;-webkit-text-fill-color:#172944!important;line-height:1.15!important} .luck-game-screen[data-game="dice"] .dice-hand-list li>b, .luck-game-screen[data-game="dice"] .dice-how-card li>b{ opacity:1!important;visibility:visible!important;text-shadow:none!important; -webkit-text-fill-color:currentColor!important; } .luck-game-screen[data-game="dice"] .dice-hand-list li>b{ width:32px!important;height:32px!important;min-width:32px!important; font-size:13px!important;line-height:32px!important;font-weight:1000!important; } .luck-game-screen[data-game="dice"] .dice-hand-list .rank-first>b{color:#111724!important;-webkit-text-fill-color:#111724!important} .luck-game-screen[data-game="dice"] .dice-hand-list .rank-second>b{color:#10213a!important;-webkit-text-fill-color:#10213a!important} .luck-game-screen[data-game="dice"] .dice-hand-list .rank-third>b{color:#2b1809!important;-webkit-text-fill-color:#2b1809!important} .luck-game-screen[data-game="dice"] .dice-hand-list .rank-miss>b{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li strong{font-size:13px!important;line-height:1.2!important} .luck-game-screen[data-game="dice"] .dice-hand-list li small{font-size:9.5px!important;line-height:1.32!important} .luck-game-screen[data-game="dice"] .dice-hand-list li em{font-size:9.5px!important;line-height:1.3!important} .luck-game-screen[data-game="dice"] .dice-how-card li{font-size:11px!important;line-height:1.5!important;color:#56647b!important} .luck-game-screen[data-game="dice"] .dice-how-card li>b{ width:30px!important;height:30px!important;min-width:30px!important; border-radius:9px!important;background:#172944!important;color:#fff!important; -webkit-text-fill-color:#fff!important;font-size:13px!important;line-height:30px!important;font-weight:1000!important; box-shadow:0 4px 10px rgba(17,35,66,.20)!important; } .luck-game-screen[data-game="dice"] .dice-how-card li span{padding-top:5px!important;color:#526078!important} .luck-game-screen[data-game="dice"] .dice-how-card li strong{color:#9a6500!important;-webkit-text-fill-color:#9a6500!important} /* KEEP dice readability / no clipping */ .luck-game-screen[data-game="dice"] .dice-keep-bank, .luck-game-screen[data-game="dice"] .dice-keep-row, .luck-game-screen[data-game="dice"] .dice-bank-slot{overflow:visible!important} .luck-game-screen[data-game="dice"] .dice-bank-slot{contain:layout paint!important;box-sizing:border-box!important;padding-top:8px!important;padding-right:8px!important;padding-left:8px!important} .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{ --die-size:46px!important;width:46px!important;height:46px!important;max-width:68%!important;max-height:68%!important; transform:scale(.82)!important;transform-origin:center center!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))!important; } /* Expanded: remove decorative symbols and keep controls away from 1/2/3 step indicators */ body[data-view="luck-game"].luck-expanded .app-shell::before, body[data-view="luck-game"].luck-expanded .app-shell::after{display:none!important;content:none!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-game-head{padding-right:16px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-steps{margin-right:118px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-top-actions{ top:10px!important;right:10px!important;z-index:500!important } body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] #luckExpandBtn{ min-width:88px!important;height:44px!important;padding:0 14px!important;font-size:13px!important;border-radius:13px!important } body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-keep-bank{width:min(76%,760px)!important;max-width:760px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot{height:98px!important;padding:8px 8px 6px!important;overflow:visible!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{ --die-size:50px!important;width:50px!important;height:50px!important;max-width:66%!important;max-height:66%!important;transform:scale(.82)!important } @media(max-width:820px){ .luck-game-screen[data-game="dice"] .dice-rule-card>small,.luck-game-screen[data-game="dice"] .dice-how-card>small{font-size:7px!important} .luck-game-screen[data-game="dice"] .dice-rule-card h3,.luck-game-screen[data-game="dice"] .dice-how-card h3{font-size:12px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li{grid-template-columns:24px minmax(0,1fr)!important;gap:5px!important;padding:6px 5px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li>b{width:24px!important;height:24px!important;min-width:24px!important;font-size:10px!important;line-height:24px!important} .luck-game-screen[data-game="dice"] .dice-hand-list .rank-miss>b{font-size:13px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li strong{font-size:9px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li small{font-size:7px!important} .luck-game-screen[data-game="dice"] .dice-hand-list li em{font-size:6.8px!important} .luck-game-screen[data-game="dice"] .dice-how-card li{grid-template-columns:23px minmax(0,1fr)!important;gap:5px!important;font-size:8px!important;line-height:1.38!important} .luck-game-screen[data-game="dice"] .dice-how-card li>b{width:23px!important;height:23px!important;min-width:23px!important;font-size:10px!important;line-height:23px!important} .luck-game-screen[data-game="dice"] .dice-how-card li span{padding-top:3px!important} .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{--die-size:32px!important;width:32px!important;height:32px!important;max-width:66%!important;max-height:66%!important;transform:scale(.8)!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-steps{margin-right:76px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .luck-top-actions{top:5px!important;right:5px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] #luckExpandBtn{min-width:68px!important;height:34px!important;padding:0 9px!important;font-size:10px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-keep-bank{width:min(88%,620px)!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot{height:70px!important} body[data-view="luck-game"].luck-expanded .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{--die-size:36px!important;width:36px!important;height:36px!important;max-width:60%!important;max-height:60%!important;transform:scale(.8)!important} } /* Mobile stability patch · v20260830_1945 */ @media (max-width:760px){ .luck-game-screen[data-game="dice"] .luck-topbar{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:start!important; gap:10px!important; padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px!important; } .luck-game-screen[data-game="dice"] .luck-title{min-width:0!important} .luck-game-screen[data-game="dice"] .luck-title h2{font-size:clamp(24px,7vw,34px)!important;line-height:1.08!important} .luck-game-screen[data-game="dice"] .luck-top-actions{ position:static!important; width:100%!important; display:flex!important; flex-wrap:wrap!important; justify-content:flex-end!important; gap:8px!important; } .luck-game-screen[data-game="dice"] .dice-record-btn{ order:1;flex:1 1 100%;max-width:none!important;height:40px!important; justify-content:center!important; } .luck-game-screen[data-game="dice"] #luckExpandBtn, .luck-game-screen[data-game="dice"] .luck-back-btn{ height:38px!important;min-width:86px!important;padding:0 12px!important;font-size:12px!important;border-radius:12px!important; } .luck-game-screen[data-game="dice"] .luck-stage{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:10px!important} .luck-game-screen[data-game="dice"] .luck-side{display:none!important} .luck-game-screen[data-game="dice"] .luck-main{min-height:0!important} .luck-game-screen[data-game="dice"] .luck-game-content{padding:8px!important} .luck-game-screen[data-game="dice"] .dice-game-head{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; align-items:start!important; padding:12px!important; } .luck-game-screen[data-game="dice"] .dice-game-copy span{white-space:normal!important} .luck-game-screen[data-game="dice"] .dice-steps{justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important} .luck-game-screen[data-game="dice"] .dice-solo-table{padding:10px!important;gap:8px!important} .luck-game-screen[data-game="dice"] .dice-keep-bank{width:100%!important;padding:10px 8px 9px!important} .luck-game-screen[data-game="dice"] .dice-keep-row{gap:8px!important} .luck-game-screen[data-game="dice"] .dice-bank-slot{ min-height:88px!important;height:auto!important;padding:10px 6px 8px!important;overflow:visible!important; } .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{ --die-size:40px!important;width:40px!important;height:40px!important;transform:scale(.94)!important;max-width:none!important;max-height:none!important; } .luck-game-screen[data-game="dice"] .dice-choice-row{gap:10px!important} .luck-game-screen[data-game="dice"] .dice-choice{flex:1 1 0!important;width:auto!important;max-width:calc((100% - 20px)/3)!important;min-width:0!important;padding:10px 8px 12px!important} .luck-game-screen[data-game="dice"] .dice-choice .dice-die{--die-size:clamp(56px,18vw,70px)!important} } @media (max-width:430px){ .luck-game-screen[data-game="dice"] .luck-topbar{padding-right:10px!important;padding-left:10px!important} .luck-game-screen[data-game="dice"] #luckExpandBtn, .luck-game-screen[data-game="dice"] .luck-back-btn{min-width:72px!important;font-size:11px!important} .luck-game-screen[data-game="dice"] .dice-bank-slot{min-height:80px!important} .luck-game-screen[data-game="dice"] .dice-bank-slot .dice-die{--die-size:36px!important;width:36px!important;height:36px!important} }