:root{--sky-top: #070d24;--sky-bot: #3a3a7a;--red: #e0543f;--green: #5cc93a;--green-dark: #3d9a22;--cream: #16204a;--ink: #eef2ff;--muted: #9ba9d9;--gold: #ffc83a;--blue: #2f9bf0;--card: rgba(20, 30, 70, .78);--panel: #1f2c5e;--panel-2: #26356e;--line: rgba(160, 180, 255, .22);--safe-top: max(12px, env(safe-area-inset-top));--safe-bot: max(16px, env(safe-area-inset-bottom))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#050a1c;font-family:Fredoka,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit;color:inherit}#app{position:relative;height:100%;width:min(100vw,62.5dvh);margin:0 auto;overflow:hidden;background:radial-gradient(90% 40% at 50% 105%,rgba(150,110,230,.45),transparent 70%),radial-gradient(60% 30% at 75% 12%,rgba(120,150,255,.18),transparent 70%),linear-gradient(180deg,var(--sky-top) 0%,#111c47 40%,#24286a 75%,var(--sky-bot) 100%);box-shadow:0 0 60px #00000059}#stage,#stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.topbar{position:absolute;top:var(--safe-top);left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:5}.avatar{width:58px;height:58px;border-radius:50%;padding:0;cursor:pointer;border:4px solid #fff;background:#ffe7a8;overflow:hidden;box-shadow:0 5px #00000024,0 8px 18px #00000024}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.gram-card{display:flex;align-items:center;gap:10px;min-width:150px;padding:7px 18px 7px 8px;border-radius:22px;background:var(--card);border:3px solid #fff;box-shadow:0 5px #0000001f,0 8px 18px #0000001f}.gram-card.bump{animation:bump .45s ease}.gram-ico{width:40px;height:40px;display:inline-block;flex:none}.gram-ico svg,.gram-ico img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.gram-text{display:flex;flex-direction:column;line-height:1}.gram-text small{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.gram-text b{font-size:26px;font-weight:700;margin-top:3px}@keyframes bump{40%{transform:scale(1.12)}}.side{position:absolute;top:calc(var(--safe-top) + 84px);display:flex;flex-direction:column;gap:12px;z-index:4}.side.left{left:12px}.side.right{right:12px}.side-btn{position:relative;background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);transition:transform .12s}.side-btn:active{transform:scale(.92)}.sb-ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 5px #00000029,0 8px 16px #0000001f}.sb-ico svg{width:32px;height:32px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}.sb-ico img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25));transform:translateY(-1px)}.sb-ico.store{background:linear-gradient(160deg,#fff1d9,#ffc98a)}.sb-ico.bag{background:linear-gradient(160deg,#f1e6ff,#cfb0ff)}.sb-ico.tasks{background:linear-gradient(160deg,#e9fbe2,#aee79a)}.sb-ico.friends{background:linear-gradient(160deg,#e4f5ff,#9ed6fb)}.sb-ico.trophy{background:linear-gradient(160deg,#fff6d6,#ffd98a)}.sb-ico.gear{background:linear-gradient(160deg,#f0f4f6,#c6d3da)}.dot-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--red);border:3px solid #fff;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.2)}}.effects-row{position:absolute;top:calc(var(--safe-top) + 84px);left:90px;right:90px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:3;pointer-events:none}.effect-chip{background:#fff;border-radius:99px;padding:6px 14px;font-weight:700;font-size:15px;box-shadow:0 4px #0000001f;animation:pop .4s cubic-bezier(.3,1.6,.5,1)}.effect-chip{display:inline-flex;align-items:center;gap:6px}.effect-chip img{width:24px;height:24px;object-fit:contain}.effect-chip.shield{color:#1f86e0}.effect-chip.free{color:#2fa228}.effect-chip.lucky{color:#e59a0d}.dice-zone{position:absolute;left:50%;top:calc(var(--safe-top) + 150px);width:120px;height:120px;margin-left:-60px;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s}.dice-zone.show{opacity:1}.dice-persp{position:absolute;top:0;right:0;bottom:0;left:0;perspective:700px}.dice{position:relative;width:110px;height:110px;margin:5px;transform-style:preserve-3d}.dice.rolling{transition:transform 1.05s cubic-bezier(.15,.75,.3,1)}.dice-zone.drop .dice-persp{animation:diceDrop 1.05s cubic-bezier(.3,.7,.4,1)}.dice-zone.land .dice-persp{animation:diceSettle .35s ease-out}@keyframes diceDrop{0%{transform:translateY(-160px) scale(.6)}45%{transform:translateY(0) scale(1.08)}62%{transform:translateY(-34px) scale(1.02)}80%{transform:translateY(0) scale(1)}90%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes diceSettle{40%{transform:scale(1.14)}}.dice-shadow{position:absolute;left:12px;right:12px;bottom:-14px;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,40,40,.35),transparent)}.face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:radial-gradient(circle at 30% 25%,#fff,#f6f0e6 60%,#e6dccb);border:3px solid #eadfcd;display:grid;padding:17px;gap:3px;box-shadow:inset 0 -6px 12px #00000014,inset 0 4px 8px #ffffffe6;backface-visibility:hidden}.face i{width:20px;height:20px;border-radius:50%;background:#2f2a2a;box-shadow:inset 0 3px 3px #00000080;place-self:center}.f1{place-items:center}.f1 i{background:var(--red);width:30px;height:30px}.f1{transform:translateZ(55px)}.f6{transform:rotateY(180deg) translateZ(55px)}.f2{transform:rotateY(90deg) translateZ(55px)}.f5{transform:rotateY(-90deg) translateZ(55px)}.f3{transform:rotateX(90deg) translateZ(55px)}.f4{transform:rotateX(-90deg) translateZ(55px)}.f2{grid-template:1fr 1fr / 1fr 1fr}.f2 i:nth-child(1){grid-area:1/1}.f2 i:nth-child(2){grid-area:2/2}.f3{grid-template:repeat(3,1fr) / repeat(3,1fr)}.f3 i:nth-child(1){grid-area:1/1}.f3 i:nth-child(2){grid-area:2/2}.f3 i:nth-child(3){grid-area:3/3}.f4{grid-template:1fr 1fr / 1fr 1fr}.f5{grid-template:repeat(3,1fr) / repeat(3,1fr)}.f5 i:nth-child(1){grid-area:1/1}.f5 i:nth-child(2){grid-area:1/3}.f5 i:nth-child(3){grid-area:2/2}.f5 i:nth-child(4){grid-area:3/1}.f5 i:nth-child(5){grid-area:3/3}.f6{grid-template:repeat(3,1fr) / 1fr 1fr}#toasts{position:absolute;left:0;right:0;top:38%;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:7}.toast{display:flex;align-items:center;gap:10px;font-weight:700;font-size:28px;color:#fff;padding:8px 24px;border-radius:20px;background:var(--c, #ff9f2e);border:3px solid #fff;box-shadow:0 5px #0000002e,0 10px 24px #0000002e;text-shadow:0 2px 0 rgba(0,0,0,.2);animation:toastIn .45s cubic-bezier(.3,1.7,.5,1),toastOut .35s ease-in forwards;animation-delay:0s,var(--life, 1.3s)}.toast.small{font-size:20px;padding:6px 18px}.toast img{width:40px;height:40px}@keyframes toastIn{0%{transform:scale(.2) rotate(-8deg);opacity:0}}@keyframes toastOut{to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes pop{0%{transform:scale(0)}}.bottom{position:absolute;left:16px;right:16px;bottom:var(--safe-bot);z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px}.distance{display:flex;align-items:center;gap:6px;padding:7px 18px;border-radius:99px;background:var(--card);border:3px solid #fff;font-size:16px;color:var(--muted);box-shadow:0 4px #0000001a}.distance>b{font-size:22px;color:var(--ink)}.distance .unit{font-weight:600}.distance .sep{width:2px;height:18px;background:#e3e8e6;margin:0 6px}.distance .best b{color:var(--ink)}.flag-ico{width:20px;height:20px;display:inline-block}.flag-ico svg,.flag-ico img{width:100%;height:100%;object-fit:contain}.flag-ico{width:24px;height:24px}.btn-roll{position:relative;width:100%;max-width:360px;height:84px;cursor:pointer;border:4px solid #fff;border-radius:28px;background:linear-gradient(180deg,#7ee655,#4cbf2c 55%,#3a9f1f);box-shadow:0 8px #2b7a16,0 14px 26px #00000038,inset 0 3px #ffffff73;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:14px;transition:transform .1s,box-shadow .1s,filter .2s}.btn-roll:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #2b7a16,0 6px 12px #0003}.btn-roll:disabled{filter:saturate(.35) brightness(.97);cursor:default}.btn-roll.ready{animation:breathe 1.8s ease-in-out infinite}.btn-roll.free{background:linear-gradient(180deg,#6fd0ff,#2f9bf0 55%,#1f7fd0);box-shadow:0 8px #155f9e,0 14px 26px #00000038,inset 0 3px #ffffff73}@keyframes breathe{50%{transform:scale(1.035)}}.roll-label{font-size:36px;font-weight:700;letter-spacing:3px}.energy{display:flex;align-items:baseline;gap:3px;padding:5px 12px;border-radius:16px;background:#00000029;font-size:20px;text-shadow:none}.energy small{font-size:14px;opacity:.85}.energy em{font-style:normal;font-size:13px;opacity:.9;margin-left:4px}.die-mini{width:26px;height:26px;object-fit:contain;align-self:center;margin-right:2px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25))}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f323773;animation:fadeIn .25s ease}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:82%;background:var(--cream);border-radius:30px 30px 0 0;border-top:4px solid #fff;display:flex;flex-direction:column;padding-bottom:var(--safe-bot);animation:sheetUp .38s cubic-bezier(.2,1.2,.4,1);box-shadow:0 -10px 40px #00000040}.sheet.closing{animation:sheetDown .25s ease-in forwards}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes sheetDown{to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}}.sheet-grab{width:48px;height:6px;border-radius:3px;background:#e2d8c6;margin:10px auto 0}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 10px}.sheet-head h2{margin:0;font-size:28px}.sheet-close{width:44px;height:44px;border-radius:50%;border:0;background:#efe6d6;font-size:20px;font-weight:700;cursor:pointer}.sheet-body{overflow-y:auto;padding:4px 18px 18px;display:flex;flex-direction:column;gap:12px}.section-title{font-size:15px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:6px 2px 0}.row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border-radius:20px;box-shadow:0 3px #0000000f}.row .ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;flex:none}.row .ico img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.row .ico svg{width:34px;height:34px}.row .meta{flex:1;min-width:0}.row .meta b{display:block;font-size:18px}.row .meta small{display:block;font-size:14px;color:var(--muted)}.bar{height:10px;border-radius:5px;background:#eee6d8;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7ee655,#3a9f1f);border-radius:5px}.btn{border:0;border-radius:16px;padding:11px 18px;font-size:17px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(180deg,#7ee655,#3a9f1f);box-shadow:0 4px #2b7a16;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2b7a16}.btn.blue{background:linear-gradient(180deg,#6fd0ff,#1f86e0);box-shadow:0 4px #155f9e}.btn.gold{background:linear-gradient(180deg,#ffd84a,#e59a0d);box-shadow:0 4px #a86d05}.btn.red{background:linear-gradient(180deg,#ff8a70,#d9442c);box-shadow:0 4px #99301f}.btn.ghost{background:#efe6d6;color:var(--muted);box-shadow:none}.btn:disabled{filter:grayscale(.8);opacity:.6;cursor:default}.btn .g{width:20px;height:20px;display:inline-block}.btn .g svg,.btn .g img{width:100%;height:100%;display:block;object-fit:contain}.btn .g{width:22px;height:22px}.tabs{display:flex;gap:8px;background:#efe6d6;padding:5px;border-radius:18px}.tabs button{flex:1;border:0;background:none;padding:10px;border-radius:14px;font-size:16px;font-weight:700;color:var(--muted);cursor:pointer}.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px #00000014}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gift-cell{position:relative;background:#fff;border-radius:20px;padding:10px 6px 8px;text-align:center;cursor:pointer;border:3px solid var(--rc, #e6ddcc);box-shadow:0 3px #0000000f}.gift-cell img{width:72px;height:72px;display:block;margin:0 auto 4px}.gift-cell b{font-size:13px;display:block;line-height:1.15}.gift-cell .cnt{position:absolute;top:6px;right:8px;background:var(--rc);color:#fff;border-radius:10px;padding:1px 7px;font-size:13px;font-weight:700}.gift-cell.locked{border-color:#eee6d8;cursor:default}.gift-cell.locked img{filter:grayscale(1) brightness(1.4) opacity(.35)}.gift-cell.locked b{color:#bbb}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skin-cell{background:#fff;border-radius:20px;padding:10px 6px;text-align:center;border:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:6px}.skin-cell.on{border-color:var(--green)}.skin-dot{width:56px;height:56px;border-radius:50%;position:relative;box-shadow:inset 0 -6px #0000001a}.skin-dot:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#222;top:18px;right:12px;box-shadow:0 0 0 4px #fff}.skin-cell b{font-size:15px}.skin-cell .btn{padding:7px 12px;font-size:15px}.empty{text-align:center;color:var(--muted);padding:24px 10px;font-size:16px}.hero-card{border-radius:24px;padding:18px;color:#fff;text-align:center;background:linear-gradient(160deg,#6fd0ff,#1f86e0);box-shadow:0 4px #0000001a;display:flex;flex-direction:column;gap:10px;align-items:center}.hero-card h3{margin:0;font-size:22px}.hero-card p{margin:0;opacity:.92;font-size:15px}.hero-card .btn{background:#fff;color:#1f86e0;box-shadow:0 4px #00000026}.rank{width:36px;text-align:center;font-weight:700;font-size:20px;color:var(--muted)}.rank.r1{color:#e59a0d}.rank.r2{color:#8fa3ad}.rank.r3{color:#c07a3a}.toggle{width:60px;height:34px;border-radius:17px;background:#d8d0c2;border:0;position:relative;cursor:pointer;transition:background .2s;flex:none}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 3px #0003}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(26px)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#0f323780;animation:fadeIn .3s ease}.modal-card{width:100%;max-width:360px;background:var(--cream);border:4px solid #fff;border-radius:30px;padding:24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 10px #0000001f,0 24px 50px #00000040;animation:cardIn .5s cubic-bezier(.3,1.5,.5,1)}@keyframes cardIn{0%{transform:translateY(40px) scale(.8);opacity:0}}.modal-card h2{margin:0;font-size:32px}.modal-card p{margin:0;color:var(--muted);font-size:17px}.modal-card .btn{font-size:22px;padding:14px 40px;border-radius:20px}.modal-emoji{font-size:64px;line-height:1;animation:wobble 1.2s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(-8deg) scale(1.08)}}.gift-stage{position:relative;width:190px;height:190px}.gift-stage .rays{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:repeating-conic-gradient(from 0deg,var(--rc) 0 10deg,transparent 10deg 30deg);border-radius:50%;opacity:.35;animation:spin 8s linear infinite;mask:radial-gradient(closest-side,#000 40%,transparent);-webkit-mask:radial-gradient(closest-side,#000 40%,transparent)}.gift-stage .lottie,.gift-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.rarity{font-size:14px;font-weight:700;color:#fff;padding:3px 12px;border-radius:99px;background:var(--rc);text-transform:uppercase;letter-spacing:1px}.stat-row{display:flex;gap:10px;width:100%}.stat-row div{flex:1;background:#fff;border-radius:16px;padding:10px;display:flex;flex-direction:column}.stat-row span{font-size:14px;color:var(--muted)}.stat-row b{font-size:26px}.hero-img{width:170px;height:170px;object-fit:contain;margin:-8px 0 -6px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.2))}.modal-art{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18));animation:wobble 1.6s ease-in-out infinite}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:calc(var(--safe-bot) + 60px);background:#3db0b3;transition:opacity .55s ease}.splash.out{opacity:0;pointer-events:none}.splash-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50% 30%;animation:splashZoom 6s ease-out forwards}.splash-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(20,80,85,.65))}@keyframes splashZoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.splash-title{position:relative;font-size:68px;font-weight:700;color:#ffc53a;line-height:1;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 4px 0 #e07b10,0 8px 0 #b4580a,0 14px 20px rgba(0,0,0,.35);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px) rotate(-2deg)}}.splash-sub{position:relative;margin-top:14px;color:#fff;font-size:18px;font-weight:600;letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.3)}.splash-bar{position:relative;margin-top:18px;width:180px;height:12px;border-radius:6px;background:#ffffff59;overflow:hidden;border:2px solid #fff}.splash-bar i{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:6px;background:linear-gradient(90deg,#ffd35c,#ff9f2e);animation:load 1.1s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sky canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.moon{position:absolute;top:calc(var(--safe-top) + 64px);left:58%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffdf2,#f5eecd 45%,#d9cfa6);box-shadow:0 0 30px 8px #fff4c873,0 0 90px 30px #aabeff38,inset -10px -8px #a08c5a2e;animation:moonGlow 6s ease-in-out infinite}.moon i{position:absolute;border-radius:50%;background:#aa966447;box-shadow:inset 1px 1px 2px #0000001f}.moon i:nth-child(1){width:18px;height:18px;top:22px;left:46px}.moon i:nth-child(2){width:11px;height:11px;top:50px;left:26px}.moon i:nth-child(3){width:8px;height:8px;top:18px;left:22px}.moon i:nth-child(4){width:13px;height:13px;top:56px;left:52px}@keyframes moonGlow{50%{box-shadow:0 0 38px 12px #fff4c88c,0 0 110px 40px #aabeff42,inset -10px -8px #a08c5a2e}}.gram-card,.distance,.avatar{border-color:#ffffff47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gram-card,.distance{box-shadow:0 5px #0000004d,0 8px 18px #0000004d,inset 0 1px #ffffff1f}.avatar{background:#26356e;box-shadow:0 5px #0000004d,0 0 18px #8caaff59}.sb-ico{border-color:#ffffffd9;box-shadow:0 5px #00000059,0 0 16px #8caaff40}.sb-ico.store{background:linear-gradient(160deg,#ffe3b8,#f0a45c)}.sb-ico.bag{background:linear-gradient(160deg,#e2d0ff,#a57bf0)}.sb-ico.tasks{background:linear-gradient(160deg,#d8f7cc,#7fce66)}.sb-ico.friends{background:linear-gradient(160deg,#cfeaff,#6fb6f0)}.sb-ico.trophy{background:linear-gradient(160deg,#fff0bf,#f2c15a)}.sb-ico.gear{background:linear-gradient(160deg,#e3e9f5,#9fb0c9)}.side-btn{text-shadow:0 2px 4px rgba(0,0,0,.6)}.distance .sep{background:var(--line)}.effect-chip{background:var(--card);color:var(--ink);border:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.effect-chip.shield{color:#8fd0ff}.effect-chip.lucky{color:#ffd66a}.effect-chip.free{color:#9cf07a}.dice-shadow{background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}.btn-roll{box-shadow:0 8px #2b7a16,0 14px 30px #00000073,0 0 26px #7ee65540,inset 0 3px #ffffff73}.btn-roll:disabled{filter:saturate(.3) brightness(.7)}.sheet-backdrop,.modal{background:#03061499}.sheet{border-top-color:var(--line);box-shadow:0 -10px 40px #0000008c}.sheet-grab{background:var(--line)}.sheet-close{background:var(--panel-2);color:var(--ink)}.row,.stat-row div,.skin-cell,.gift-cell{background:var(--panel);box-shadow:0 3px #00000040}.gift-cell{border-color:var(--rc, var(--line))}.gift-cell.locked{border-color:var(--line)}.gift-cell.locked img{filter:grayscale(1) brightness(.6) opacity(.35)}.gift-cell.locked b{color:#5d6a9a}.bar,.tabs{background:#121a3d}.tabs button.on{background:var(--panel-2);color:var(--ink)}.btn.ghost{background:var(--panel-2);color:var(--muted)}.toggle{background:#3a4677}.modal-card{border-color:var(--line);box-shadow:0 10px #00000059,0 24px 60px #0009,0 0 40px #7896ff26}.hero-card{box-shadow:0 4px #0000004d}.splash{background:#0b1433}.splash-art:after{background:linear-gradient(180deg,transparent 45%,rgba(5,10,30,.75))}:root{--tg-blue: #2aabee;--tg-blue-2: #1c8fd6;--tg-blue-3: #1470b0}.balance{display:flex;align-items:center;gap:8px;height:52px;padding:0 6px 0 8px;border-radius:26px;background:var(--card);border:2px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 5px #0000004d,0 8px 18px #0000004d,inset 0 1px #ffffff1f}.balance.bump{animation:bump .45s ease}.balance-ico{width:36px;height:36px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.balance b{font-size:24px;min-width:40px;color:var(--ink);letter-spacing:.3px}.balance-add{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;margin-left:2px;background:linear-gradient(180deg,#5cc6ff,var(--tg-blue-2));color:#fff;font-size:28px;font-weight:700;line-height:1;box-shadow:0 3px 0 var(--tg-blue-3),0 0 14px #2aabee73;display:grid;place-items:center;padding-bottom:3px}.balance-add:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tg-blue-3)}.roll-row{display:flex;align-items:center;gap:10px;width:100%;max-width:420px}.btn-roll{flex:1;height:80px;border-color:#ffffffe6;background:linear-gradient(180deg,#5cc6ff 0%,var(--tg-blue) 45%,var(--tg-blue-2) 100%);box-shadow:0 8px 0 var(--tg-blue-3),0 14px 30px #00000073,0 0 26px #2aabee59,inset 0 3px #ffffff73;flex-direction:column;gap:2px}.btn-roll:active:not(:disabled){box-shadow:0 2px 0 var(--tg-blue-3),0 6px 12px #0000004d}.btn-roll.free{background:linear-gradient(180deg,#8ff06a,#4cbf2c 55%,#3a9f1f);box-shadow:0 8px #2b7a16,0 14px 30px #00000073,0 0 26px #7ee6554d,inset 0 3px #ffffff73}.roll-label{font-size:30px;letter-spacing:2px;line-height:1}.roll-cost{display:inline-flex;align-items:center;gap:4px;font-size:15px;padding:2px 10px;border-radius:10px;background:#0000002e;text-shadow:none}.roll-cost img{width:18px;height:18px}.round-toggle{position:relative;width:64px;height:64px;flex:none;border-radius:20px;cursor:pointer;padding:0;background:var(--card);border:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 5px #00000059;display:grid;place-items:center;transition:transform .12s,box-shadow .2s,border-color .2s}.round-toggle img{width:42px;height:42px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.round-toggle .count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:12px;padding:0 6px;background:var(--tg-blue);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}.round-toggle .tag{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--muted)}.round-toggle.armed{border-color:#6fd0ff;box-shadow:0 5px #00000059,0 0 22px #6fd0ff99;animation:armed 1.4s ease-in-out infinite}.round-toggle.lucky.armed{border-color:#ffd66a;box-shadow:0 5px #00000059,0 0 22px #ffd66a99}.round-toggle.armed .tag{color:#bfe8ff}.round-toggle.empty img{filter:grayscale(.8) opacity(.5)}.round-toggle.empty .count{background:#5d6a9a}.round-toggle:active{transform:scale(.93)}.round-toggle:disabled{opacity:.6}@keyframes armed{50%{transform:scale(1.06)}}.bottom{gap:16px}.bottom .distance{margin-bottom:2px}.gram-tag{display:inline-flex;align-items:center;gap:4px;font-weight:700}.gram-tag img{width:18px;height:18px}.gram-tag.on-btn img{width:20px;height:20px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.btn{font-family:inherit}.btn.blue{background:linear-gradient(180deg,#5cc6ff,var(--tg-blue-2));box-shadow:0 4px 0 var(--tg-blue-3);color:#fff}.btn.blue:active:not(:disabled){box-shadow:0 1px 0 var(--tg-blue-3)}.btn.green{background:linear-gradient(180deg,#7ee655,#3a9f1f);box-shadow:0 4px #2b7a16}.btn.sm{padding:8px 14px;font-size:15px;border-radius:13px}.btn.lg{padding:15px 20px;font-size:20px;border-radius:18px}.btn.wide{width:100%;justify-content:center}.btn.busy{position:relative;color:transparent!important}.btn.busy:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .7s linear infinite}.btn-row{display:flex;gap:10px;width:100%}.btn-row .btn{flex:1;justify-content:center}.btn-col{display:flex;flex-direction:column;gap:10px;width:100%}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.section-title{color:var(--muted)}.card-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 3px #00000040}.card-row .meta{flex:1;min-width:0}.card-row .meta b{display:block;font-size:17px}.card-row .meta small{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.ico-tile{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--panel-2)}.ico-tile img{width:42px;height:42px;object-fit:contain}.info-box{width:100%;padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.4;color:#c9d5ff;text-align:left;background:#2aabee1f;border:1px solid rgba(42,171,238,.35)}.info-box.warn{background:#ffb43c1f;border-color:#ffb43c66;color:#ffe2b0}.info-box.pulse{animation:pulseBox 1.2s ease-in-out infinite}.info-box code{font-size:12px;background:#0000004d;padding:1px 5px;border-radius:6px}@keyframes pulseBox{50%{opacity:.6}}.status{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;text-transform:capitalize;white-space:nowrap}.status.ok,.status.completed,.status.delivered{background:#5cc93a2e;color:#8fef6a}.status.pending{background:#ffbe3c29;color:#ffcf6a}.status.processing{background:#2aabee2e;color:#7fd0ff}.status.rejected,.status.failed{background:#e0543f2e;color:#ff8a78}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.empty img{width:72px;height:72px;object-fit:contain;opacity:.9}.empty.sm{padding:12px;font-size:14px}.wallet-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:24px;background:radial-gradient(120% 120% at 0% 0%,#3f7ae0,#1d3a8a 55%,#131f52);border:1px solid rgba(255,255,255,.18);box-shadow:0 6px #0000004d,0 0 30px #2aabee40}.wallet-hero img{width:72px;height:72px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.wallet-hero small{display:block;font-size:13px;color:#bcd0ff;text-transform:uppercase;letter-spacing:1px}.wallet-hero b{display:block;font-size:40px;line-height:1.1;color:#fff}.wallet-hero span{font-size:14px;color:#9fb8ff}.wc-ico{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--panel-2);color:#7fd0ff;font-weight:700;font-size:20px}.wc-ico svg{width:24px;height:24px}.wc-ico img{width:38px;height:38px;object-fit:contain}.wc-ico.in{color:#8fef6a}.wallet-conn.on .wc-ico{background:#5cc93a2e;color:#8fef6a}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:16px;cursor:pointer;background:var(--panel);border:2px solid var(--line);color:var(--ink);font-family:inherit}.preset img{width:26px;height:26px}.preset b{font-size:20px}.preset small{font-size:11px;color:var(--muted)}.preset.on{border-color:var(--tg-blue);background:#2aabee29;box-shadow:0 0 16px #2aabee4d}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{font-family:inherit;font-size:20px;font-weight:700;color:var(--ink);padding:12px 14px;border-radius:14px;background:#121a3d;border:2px solid var(--line);outline:none}.field input:focus{border-color:var(--tg-blue)}.summary{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 14px;border-radius:16px;background:#121a3d;font-size:15px;color:var(--muted)}.summary b{text-align:right;color:var(--ink)}.summary b .gram-tag{justify-content:flex-end}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 8px 10px;border-radius:20px;background:var(--bg);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px #0000004d;overflow:hidden}.shop-card b{font-size:15px;line-height:1.15;color:#fff}.shop-card small{font-size:11px;color:#ffffffbf;line-height:1.25;min-height:42px}.shop-card .owned{font-size:11px;color:#fffc;font-weight:600}.shop-card .btn{width:100%;justify-content:center;padding:8px 6px;font-size:16px}.shop-art{position:relative;width:70px;height:64px;display:grid;place-items:center}.shop-art img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));animation:float 3s ease-in-out infinite}.shop-art.multi img{position:absolute;width:46px;height:46px}.shop-art.multi img:nth-child(1){left:0;top:10px;animation-delay:.3s}.shop-art.multi img:nth-child(2){right:0;top:10px;animation-delay:.6s}.shop-art.multi img:nth-child(3){left:12px;top:0;width:50px;height:50px;z-index:1}.ribbon{position:absolute;top:8px;right:-26px;transform:rotate(35deg);background:#ffcf3a;color:#7a4a05;font-size:10px;font-weight:700;padding:2px 28px}.skin-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skin-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 10px 12px;border-radius:22px;background:linear-gradient(180deg,#2a3a78,var(--panel));border:2px solid var(--line);box-shadow:0 4px #0000004d}.skin-card.on{border-color:#8fef6a;box-shadow:0 4px #0000004d,0 0 20px #8fef6a40}.skin-stage{width:100%;aspect-ratio:1;border-radius:16px;display:grid;place-items:center;margin-bottom:4px;background:radial-gradient(circle at 50% 70%,rgba(120,150,255,.35),transparent 65%),radial-gradient(circle at 50% 100%,#3a4c95,#1a2455)}.skin-stage img{width:96%;height:96%;object-fit:contain}.skin-card b{font-size:16px}.skin-card small{font-size:12px;color:var(--muted);min-height:32px;line-height:1.3}.skin-card .btn{width:100%;justify-content:center;margin-top:4px}.collection{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.collection .bar{flex:1;margin:0}.collection b{color:var(--ink)}.gift-cell{font-family:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center}.gift-cell .rar{font-style:normal;font-size:10px;font-weight:700;color:var(--rc);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.gift-cell.locked .rar{color:#5d6a9a}.gift-cell:not(.locked):active{transform:scale(.96)}.reset-note{font-size:14px;color:var(--muted);text-align:center}.reset-note b{color:var(--ink)}.task{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.task .meta{flex:1;min-width:0}.task .meta b{display:block;font-size:16px}.task .meta small{font-size:12px;color:var(--muted)}.task .bar{margin:6px 0 2px}.task.done{opacity:.6}.bar i{background:linear-gradient(90deg,#5cc6ff,var(--tg-blue-2))}.hero-card.friends{background:linear-gradient(160deg,#3f7ae0,#1d3a8a)}.hero-card.friends p{color:#d6e2ff}.link-box{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:16px;background:#121a3d;border:1px dashed var(--line)}.link-box span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcd0ff}.ava{position:relative;width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:700;color:#fff;font-size:18px;border:2px solid rgba(255,255,255,.6);background:#3a4a8a}.ava img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ava.lg{width:64px;height:64px;font-size:26px;border-width:3px}.ava.xl{width:88px;height:88px;font-size:36px;border-width:4px}.ava.ghost{background:#26356e!important;color:#5d6a9a;border-style:dashed}.podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:8px;margin-top:18px}.pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.pod .crown{position:absolute;top:-26px;font-size:26px;animation:float 2.4s ease-in-out infinite}.pod .pname{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .pscore{font-size:13px;font-weight:700;color:#ffd66a}.pod .step{width:100%;border-radius:14px 14px 6px 6px;display:grid;place-items:start center;padding-top:8px;font-size:30px;font-weight:700;color:#ffffffe6;text-shadow:0 2px 0 rgba(0,0,0,.25)}.pod.p1 .step{height:92px;background:linear-gradient(180deg,#ffd84a,#c98a0d)}.pod.p2 .step{height:70px;background:linear-gradient(180deg,#d9e3ee,#8a9bb0)}.pod.p3 .step{height:56px;background:linear-gradient(180deg,#f0a86a,#a8602a)}.pod.p1 .ava{border-color:#ffd84a;box-shadow:0 0 18px #ffd84a80;width:76px;height:76px}.pod.p2 .ava{border-color:#d9e3ee}.pod.p3 .ava{border-color:#f0a86a}.pod.me .pname{color:#7fd0ff}.empty-pod{opacity:.45}.lb-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:6px}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.lb-row .rank{width:30px;text-align:center;font-weight:700;font-size:17px;color:var(--muted)}.lb-row .meta{flex:1;min-width:0}.lb-row .meta b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .meta small{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.lb-row .meta small img{width:16px;height:16px}.lb-row .score{font-weight:700;font-size:20px;text-align:right;line-height:1}.lb-row .score small{display:block;font-size:11px;font-weight:600;color:var(--muted)}.lb-row.me{border-color:var(--tg-blue);background:#2aabee24}.you{font-style:normal;font-size:11px;background:var(--tg-blue);color:#fff;padding:1px 7px;border-radius:8px;vertical-align:2px}.lb-mycard{position:sticky;bottom:-18px;margin:4px -18px -18px;padding:10px 18px 18px;background:linear-gradient(180deg,transparent,var(--cream) 30%)}.lb-mycard .lb-row{box-shadow:0 -4px 20px #00000059}.lb-loading{display:flex;justify-content:center;gap:8px;padding:50px}.lb-loading i{width:12px;height:12px;border-radius:50%;background:var(--tg-blue);animation:dots 1s ease-in-out infinite}.lb-loading i:nth-child(2){animation-delay:.15s}.lb-loading i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{transform:translateY(-10px);opacity:.5}}.profile-hero{display:flex;align-items:center;gap:16px;padding:16px;border-radius:24px;background:linear-gradient(160deg,#2f4a9e,#1a2455);border:1px solid var(--line)}.profile-hero h3{margin:0;font-size:22px}.profile-hero small{display:block;color:#9fb8ff;margin-bottom:6px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column}.stat-grid span{font-size:12px;color:var(--muted)}.stat-grid b{font-size:22px}.bird-row img{width:64px;height:64px;object-fit:contain}.version{text-align:center;font-size:12px;color:#5d6a9a}.modal-kicker{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#7fd0ff}.gift-name{margin:0;font-size:26px}.modal-card .btn.lg,.modal-card .btn.wide{font-size:20px;padding:14px 20px}.modal-art.sm{width:120px;height:120px;animation:float 3s ease-in-out infinite}.modal-card .info-box{font-size:13px}.gift-grid{gap:10px}.gift-cell{aspect-ratio:3 / 4;justify-content:space-between;padding:8px 6px 10px;overflow:hidden;background:var(--bg)!important;border:2px solid color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 4px #00000059,inset 0 0 22px #00000059}.gift-cell img{width:100%;height:auto;flex:1;min-height:0;object-fit:contain;margin:4px 0 2px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.gift-cell b{font-size:13px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.gift-cell .cnt{top:6px;right:6px;z-index:1}.gift-cell.locked{background:radial-gradient(circle at 50% 40%,#243060,#121a3d)!important;border-color:var(--line)}.dist-chip{font-size:13px;font-weight:700;color:#7fd0ff;background:#2aabee24;border:1px solid rgba(42,171,238,.35);padding:4px 12px;border-radius:99px}.boost-orb{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1;font-size:50px;font-weight:700;color:#fff;border:6px solid #fff;text-shadow:0 3px 0 rgba(0,0,0,.2);background:linear-gradient(180deg,#8ff06a,#3aa81e);box-shadow:0 0 40px #8ff06a73;animation:float 3s ease-in-out infinite}.boost-orb.plus3{background:linear-gradient(180deg,#5fe0c0,#15a58a);box-shadow:0 0 40px #5fe0c073}.boost-orb.plus6{background:linear-gradient(180deg,#ffe066,#f29a17);box-shadow:0 0 40px #ffc83c80}.boost-orb.free{font-size:28px;background:linear-gradient(180deg,#6fd0ff,#1f86e0);box-shadow:0 0 40px #6fd0ff80}.outcomes{width:100%;display:flex;flex-direction:column;gap:6px}.outcomes div{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);text-align:left;font-size:15px}.outcomes img{width:32px;height:32px;object-fit:contain}.in-telegram{--safe-top: max(80px, calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 8px));--safe-bot: max(16px, calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) + 10px))}.in-telegram .moon{top:calc(var(--safe-top) + 64px)}.avatar{position:relative;overflow:visible}.avatar img{border-radius:50%}.avatar.premium:after{content:"";position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='p' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%236b93ff'/><stop offset='.5' stop-color='%23976fff'/><stop offset='1' stop-color='%23e46ace'/></linearGradient></defs><path fill='url(%23p)' d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z'/></svg>") center/16px no-repeat;box-shadow:0 2px 4px #0000004d}.side,.effects-row{transition:transform .42s cubic-bezier(.55,0,.35,1),opacity .32s ease}.focus .side.left{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.focus .side.right{transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.focus .effects-row{opacity:0;transform:translateY(-10px)}.side.left .side-btn,.side.right .side-btn{transition:transform .12s}.side .side-btn:nth-child(2){transition-delay:0s}.focus .side{transition-duration:.38s}.dice-zone{transition:opacity .3s ease,transform .45s cubic-bezier(.3,1.35,.5,1)}.dice-zone.mini{transform:translateY(-58px) scale(.5)}.dice-zone.mini .dice-shadow{opacity:0}.avatar{width:48px;height:48px;border-width:3px}.balance{height:44px;gap:6px;padding:0 5px 0 6px;border-radius:22px}.balance-ico{width:30px;height:30px}.balance b{font-size:20px;min-width:32px}.balance-add{width:32px;height:32px;font-size:24px}.side{top:calc(var(--safe-top) + 66px);gap:9px}.side.left{left:10px}.side.right{right:10px}.side-btn{font-size:11px;gap:3px}.sb-ico{width:48px;height:48px;border-radius:15px;border-width:2px}.sb-ico img{width:38px;height:38px}.dot-badge{width:16px;height:16px;border-width:2px;top:-3px;right:-3px}.effects-row{top:calc(var(--safe-top) + 66px);left:74px;right:74px}.effect-chip{font-size:13px;padding:4px 11px}.effect-chip img{width:20px;height:20px}.dice-zone{top:calc(var(--safe-top) + 130px)}.bottom{gap:12px}.distance{padding:5px 14px;font-size:14px;border-width:2px}.distance>b{font-size:18px}.flag-ico{width:20px;height:20px}.roll-row{gap:9px;max-width:380px}.btn-roll{height:66px;border-width:3px;border-radius:24px}.roll-label{font-size:26px}.roll-cost{font-size:13px;padding:1px 9px}.roll-cost img{width:16px;height:16px}.round-toggle{width:54px;height:54px;border-radius:17px}.round-toggle img{width:34px;height:34px}.round-toggle .count{min-width:20px;height:20px;font-size:12px;top:-7px;right:-7px}.round-toggle .tag{bottom:-17px;font-size:10px}