#dice-poker-icon{position:relative;width:60px;height:60px;padding:0;border:none;cursor:pointer;background:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));transition:transform .2s ease,filter .2s ease}#dice-poker-icon .dice-poker-icon-frame{opacity:0}#dice-poker-icon .dice-poker-icon-frame--01{opacity:1}#dice-poker-icon:hover,#dice-poker-icon:focus-visible{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4)) brightness(1.12)}.dp-overlay{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:12px;background:#060916b8}.dp-overlay.hidden{display:none}.dp-dialog{position:relative;width:min(100%,480px);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 16px;border-radius:18px;border:3px solid #3a1480;background:url(./assets/slots/common/dice21_bg.webp) no-repeat center / 100% 100%,radial-gradient(ellipse at 50% 30%,#5a2aaa,#3a1480 35%,#1a0850 65%,#080318);box-shadow:0 18px 44px #0000008c;font-family:"Baloo 2",Outfit,Noto Sans KR,sans-serif}.dp-close{position:absolute;right:8px;top:8px;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;z-index:3}.dp-close img{width:100%;height:100%;object-fit:contain}.dp-title-row{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 32px;box-sizing:border-box;flex-shrink:0;z-index:4}.dp-info-btn{flex:0 0 auto;width:30px;height:30px;padding:0;border:none;background:transparent;cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));-webkit-tap-highlight-color:transparent}.dp-info-btn img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.dp-info-btn:active{transform:scale(.92)}.dp-info-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:min(340px,calc(100% - 8px));padding:12px 14px;border-radius:14px;background:#120824f7;border:1px solid rgba(255,215,0,.6);box-shadow:0 10px 28px #0009;color:#f4ecff;font-family:Outfit,Noto Sans KR,sans-serif;font-size:13px;font-weight:600;line-height:1.45;text-align:left}.dp-info-tooltip[hidden]{display:none}.dp-info-tooltip p{margin:0}.dp-info-heading{color:gold;font-weight:800}.dp-info-tooltip ul{margin:6px 0;padding-left:18px}.dp-info-tooltip li+li{margin-top:3px}.dp-info-combos{padding-top:6px;border-top:1px solid rgba(255,215,0,.25);color:#ffe9a8;font-size:12px}.dp-title{width:auto;min-width:0;margin:0;padding:4px 0;flex-shrink:0;font-family:Lilita One,Outfit,sans-serif;font-size:clamp(26px,7vw,38px);font-weight:900;line-height:1.1;letter-spacing:2px;text-align:center;color:gold;text-shadow:0 0 24px rgba(255,215,0,.8),0 4px 14px rgba(0,0,0,.9),0 -2px 0 #CC7000}.dp-status-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.dp-chip{margin:0;padding:3px 10px;border-radius:999px;background:#771d0052;color:#fff5de;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.dp-chip[hidden]{display:none}.dp-chip img{width:15px;height:15px;object-fit:contain}.dp-chip b{color:#ffe484}.dp-board{width:100%;border-radius:16px;border:5px solid #0f7c91;background:linear-gradient(180deg,#f3cd79,#ecbe5f);box-shadow:0 6px #00000040;padding:6px}.dp-grid{display:grid;grid-template-columns:1fr 2px 1fr;gap:0}.dp-divider{background:#a05a1440;border-radius:1px}.dp-col{display:flex;flex-direction:column;gap:3px;padding:2px}.dp-row{display:grid;grid-template-columns:56px 1fr 1fr;gap:4px;align-items:center;padding:3px 2px;background:#ffe9a38f;border-radius:8px}.dp-badge,.dp-score,.dp-reward{min-height:40px;border-radius:8px;border:2px solid rgba(169,98,20,.25);display:grid;place-items:center;font-weight:900;font-size:22px}.dp-badge{background:linear-gradient(180deg,#ff7876,#f13d4f);color:#fff;font-size:13px;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.2)}.dp-badge.is-top{background:linear-gradient(180deg,#ffe36f,#f2a621);color:#7d2f00;font-size:14px}.dp-score{border:2px solid #fff0bf;background:linear-gradient(180deg,#fff8df,#f7dfa9);color:#a34900;cursor:pointer;font-family:inherit;transition:transform .12s ease,filter .12s ease}.dp-score:hover:not(:disabled){transform:translateY(-1px)}.dp-score:disabled{cursor:not-allowed}.dp-score.is-hit:not(:disabled){background:linear-gradient(180deg,#fff0a8,#ffcf4d);border-color:#f0a800;color:#7d4000;box-shadow:0 0 0 2px #ffdc7880}.dp-score.is-used{background:linear-gradient(180deg,#b8f0b8,#6dd06d);color:#1a5c1a;border:2px solid #4caf50;cursor:default}.dp-score.is-used.is-missed{background:linear-gradient(180deg,#e6f8e3,#c3e8bf);border-color:#8dc98a;color:#4c7a49}.dp-score.is-last{animation:dpLastPick 1.5s ease-in-out 1}@keyframes dpLastPick{0%{transform:scale(1.15)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dp-reward{background:#fff6dcdb;color:#b14a00;font-size:15px;display:flex;align-items:center;justify-content:center;gap:3px}.dp-reward img{width:17px;height:17px;object-fit:contain}.dp-reward.is-empty{opacity:.45}.dp-reward.is-paid{background:linear-gradient(180deg,#ffe066,#fc0);color:#7d4000;border-color:#f0a800;animation:dpLastPick 1.5s ease-in-out 1}.dp-bonus{margin-top:3px;padding:4px 6px;display:flex;align-items:center;gap:6px;border-radius:10px;background:#da84144d;color:#8c3f00;font-weight:900;font-size:11px}.dp-bonus-title{font-size:11px;line-height:1.1;flex:1}.dp-bonus-value{display:flex;align-items:center;gap:3px;font-size:18px;line-height:1;color:#7d2f00}.dp-bonus-value img{width:18px;height:18px;object-fit:contain}.dp-bonus-progress{width:40px;height:40px;border-radius:50%;border:3px solid #c48020;display:grid;place-items:center;font-size:10px;font-weight:900;color:#7d2f00;background:#fff6dc99;flex-shrink:0}.dp-bonus-progress.achieved{border-color:#0f9c71;background:#b4f0b499;color:#1a5c1a}.dp-dice{width:100%;display:flex;justify-content:center;flex-wrap:nowrap;gap:6px;perspective:1000px;padding:4px 0;overflow-x:clip}.dp-slot{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.dp-slot .dice-cube{position:relative;width:100%;max-width:84px;height:auto;aspect-ratio:1 / 1;transform-style:preserve-3d}.dp-slot .dice-cube .dice-face{width:100%;height:100%;left:0;top:0}.dp-slot .bj-dice-canvas{display:block;position:absolute;width:145%;height:145%;left:-22.5%;top:-22.5%;pointer-events:none;filter:drop-shadow(0 7px 4px rgba(0,0,0,.35))}.dp-slot.is-held .dice-cube{border-radius:10px;box-shadow:0 0 0 3px #4fc8f0,0 0 14px #7de0ffd9;animation:dpHoldPulse 1.8s ease-in-out infinite}@keyframes dpHoldPulse{0%,to{box-shadow:0 0 0 3px #4fc8f0,0 0 14px #7de0ffd9}50%{box-shadow:0 0 0 3px #a0ecff,0 0 18px #a0ecfff2}}body.mobile-no-anim .dp-slot.is-held .dice-cube{animation:none}.dp-hold{margin:0;font-size:11px;color:#ffe9c2;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.25)}.dp-slot.is-held .dp-hold{color:#9ff0ff}.dp-slot.is-empty{cursor:default}.dp-slot.is-empty .dice-cube,.dp-slot.is-empty .dp-hold{visibility:hidden}.dp-slot.is-empty:before{content:"";position:absolute;top:0;width:100%;max-width:84px;aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,224,158,.3);background:#0c052266;box-shadow:inset 0 3px 8px #0000004d}.dp-collect-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.dp-collect-die{position:absolute;margin:0}.dp-collect-die .dice-cube{max-width:none}.dp-score.is-collecting{color:transparent;background:#fff4ba;box-shadow:0 0 16px 5px #ffda5ce6}@media(max-height:780px){.dp-slot.is-empty:before{max-width:68px}}.dp-controls{display:flex;justify-content:center;gap:8px;width:100%}.dp-roll,.dp-new{border:none;border-radius:12px;min-height:60px;cursor:pointer;box-shadow:0 5px #00000040;font-family:inherit}.dp-roll{flex:1;background:linear-gradient(180deg,#65f3ff,#19bfe5 70%,#039ac9);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.dp-roll-text{font-size:clamp(28px,7vw,46px);font-weight:900;color:#f2fbff;text-shadow:0 3px 0 #0075a7;letter-spacing:.04em}.dp-roll-dots{display:flex;gap:4px;align-items:center}.dp-dot{width:28px;height:28px;border-radius:6px;background:#00507880;color:#fff6;font-size:16px;font-weight:900;display:grid;place-items:center;transition:all .2s ease}.dp-dot.is-active{background:#ffffffe6;color:#0075a7}.dp-new{width:100px;background:linear-gradient(180deg,#6f76a8,#47507f);color:#fff;font-size:16px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1}.dp-new .dp-cost{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:800;color:#ffe484}.dp-new .dp-cost img{width:14px;height:14px;object-fit:contain}.dp-roll:disabled,.dp-new:disabled{filter:grayscale(.65) brightness(.82);cursor:not-allowed}.dp-hint,.dp-message{margin:0;text-align:center;color:#fff5de;font-weight:700;font-size:13px}.dp-message{min-height:20px}.dp-result{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;border-radius:18px;background:#782800eb;text-align:center;color:#fff5de}.dp-result.hidden{display:none}.dp-result h3{margin:0;font-size:26px;font-weight:900;letter-spacing:.06em;color:#ffe484;text-shadow:0 3px 0 rgba(0,0,0,.3)}.dp-result-score{font-size:14px;font-weight:800}.dp-result-score b{display:block;font-size:40px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.3)}.dp-result-bonus{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800}.dp-result-bonus img{width:20px;height:20px;object-fit:contain}.dp-result-bonus.is-empty{opacity:.75;font-size:13px}.dp-result button{min-height:52px;padding:0 32px;border:none;border-radius:12px;background:linear-gradient(180deg,#65f3ff,#19bfe5 70%,#039ac9);box-shadow:0 5px #00000040;color:#f2fbff;font-family:inherit;font-size:22px;font-weight:900;text-shadow:0 2px 0 #0075a7;cursor:pointer}@media(max-height:780px){.dp-row{grid-template-columns:48px 1fr 1fr}.dp-badge,.dp-score,.dp-reward{min-height:34px;font-size:18px}.dp-badge{font-size:11px}.dp-badge.is-top{font-size:12px}.dp-reward{font-size:13px}.dp-slot .dice-cube{max-width:68px}.dp-roll,.dp-new{min-height:50px}.dp-bonus-progress{width:34px;height:34px}}@media(max-width:480px){.dp-overlay{padding:calc(6px + var(--tg-total-top-inset, 0px)) 6px calc(6px + var(--tg-total-bottom-inset, 0px))}.dp-dialog{width:100%;height:100%;max-height:100%;overflow:hidden;justify-content:space-evenly;gap:clamp(2px,.9vh,8px);padding:8px 6px 10px}.dp-title{flex:0 0 auto;font-size:clamp(20px,4.6vh,34px)}.dp-status-row{flex:0 0 auto}.dp-chip{font-size:clamp(10px,1.7vh,13px);padding:2px 8px}.dp-chip img{width:clamp(11px,1.9vh,15px);height:clamp(11px,1.9vh,15px)}.dp-board{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dp-row{grid-template-columns:clamp(46px,15vw,56px) 1fr 1fr;padding:2px}.dp-badge,.dp-score,.dp-reward{min-height:clamp(26px,4.6vh,40px);font-size:clamp(14px,2.7vh,22px)}.dp-badge{font-size:clamp(9px,1.6vh,13px)}.dp-badge.is-top{font-size:clamp(9px,1.7vh,14px)}.dp-reward{font-size:clamp(10px,1.9vh,15px)}.dp-reward img{width:clamp(11px,2.1vh,17px);height:clamp(11px,2.1vh,17px)}.dp-bonus,.dp-bonus-title{font-size:clamp(9px,1.5vh,11px)}.dp-bonus-value{font-size:clamp(13px,2.3vh,18px)}.dp-bonus-value img{width:clamp(13px,2.3vh,18px);height:clamp(13px,2.3vh,18px)}.dp-bonus-progress{width:clamp(28px,4.8vh,40px);height:clamp(28px,4.8vh,40px);font-size:clamp(8px,1.4vh,10px);border-width:2px}.dp-dice,.dp-controls,.dp-hint,.dp-message{flex:0 0 auto}.dp-slot .dice-cube,.dp-slot.is-empty:before{max-width:clamp(40px,9.5vh,84px)}.dp-hold{font-size:clamp(9px,1.5vh,11px)}.dp-roll,.dp-new{min-height:clamp(42px,7.5vh,60px)}.dp-roll-text{font-size:clamp(24px,5vh,46px)}.dp-dot{width:clamp(20px,3.6vh,28px);height:clamp(20px,3.6vh,28px);font-size:clamp(12px,2.2vh,16px)}.dp-new{width:clamp(78px,22vw,100px);font-size:clamp(13px,2.2vh,16px)}.dp-new .dp-cost{font-size:clamp(10px,1.7vh,12px)}.dp-new .dp-cost img{width:clamp(11px,1.9vh,14px);height:clamp(11px,1.9vh,14px)}.dp-hint,.dp-message{font-size:clamp(10px,1.7vh,13px)}.dp-message{min-height:clamp(14px,2.2vh,20px)}}@media(max-width:360px){.dp-grid{grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr)}.dp-row{grid-template-columns:40px minmax(24px,.6fr) minmax(0,1fr);gap:3px}.dp-score{min-width:0;padding:0;font-size:16px}.dp-badge.is-top{font-size:10px}.dp-reward{font-size:11px;gap:2px}.dp-reward img{width:14px;height:14px}.dp-bonus{padding:4px 2px;gap:3px}.dp-bonus-value{font-size:14px}}
