:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#02050a;font-family:Inter,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden}button,input{font:inherit}:root{--cyan:#32ecff;--cyan-soft:#35e9ff38;--pink:#ff4eb8;--pink-soft:#ff49b738;--gold:#ffd84a;--gold-deep:#f4a900;--panel:#040c16d6;--panel-strong:#06121ff0;--line:#e1f2ff29;--heavy-font:Impact, "Arial Black", "PingFang TC", "Microsoft JhengHei", sans-serif}.app-shell{background:radial-gradient(circle at 50% 6%,#00d9ff29,#0000 28%),radial-gradient(circle at 50% 78%,#ff2aa426,#0000 34%),#02050a;place-items:center;min-height:100svh;display:grid;overflow:hidden}.phone-shell{aspect-ratio:853/1844;background:#03070d;width:min(100vw,430px,46.26svh);overflow:hidden;box-shadow:0 28px 90px #0000009e}.screen{color:#f8fbff;isolation:isolate;background:linear-gradient(90deg,#0cb3ff0d 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#0cb3ff0a 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 22% 57%,#009fff4d,#0000 28%),radial-gradient(circle at 82% 56%,#ff249e47,#0000 28%),linear-gradient(#040a12 0%,#05101d 48%,#020407 100%);width:100%;height:100%;padding:18px 14px 14px;position:relative;overflow:hidden}.tech-grid,.scan-orbit,.energy{pointer-events:none;z-index:-1;position:absolute}.tech-grid{opacity:.42;transform-origin:50%;background-color:#0000;background-image:linear-gradient(#3cdaff14 1px,#0000 1px),linear-gradient(90deg,#ff4eb612 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;transform:perspective(430px)rotateX(58deg)translateY(330px)}.scan-orbit{border:1px solid #58e5ff33;border-radius:50%;width:92%;height:33%;top:33%;left:4%;box-shadow:inset 0 0 38px #ff48b71a,0 0 54px #2fe1ff1c}.energy{filter:blur(1px);opacity:.52;width:42%;height:76%;top:22%}.energy.blue{background:linear-gradient(130deg,#0000 0 43%,#1eceff99 45%,#0000 48%);left:-5%}.energy.pink{background:linear-gradient(50deg,#0000 0 48%,#ff32aa8c 50%,#0000 53%);right:-4%}button,input,summary{font:inherit}button{cursor:pointer}.top-bar{grid-template-columns:44px 1fr 44px;align-items:start;gap:8px;height:84px;display:grid}.icon-btn{color:#edf5ff;background:#04080fad;border:1px solid #ecf4ff57;border-radius:7px;place-items:center;width:40px;height:40px;display:grid;transform:skew(-4deg);box-shadow:inset 0 0 16px #ffffff0d}.icon-btn svg,.side-button svg,.bottom-nav svg,.wallet-row svg,.rank-pill svg,.city-copy button svg,.profile-copy small svg,.logo-crown svg,.streak-strip svg{width:1em;height:1em;display:block}.logo{justify-items:center;padding-top:3px;display:grid;position:relative}.logo:before,.logo:after{content:"";pointer-events:none;height:8px;position:absolute;left:14%;right:14%;transform:skew(-18deg)}.logo:before{filter:blur(.4px);background:linear-gradient(90deg,#0000,#31eefff2,#0000 34%,#ff44b4d9,#0000);top:28px}.logo:after{background:linear-gradient(90deg,#0000 10%,#ff44b4e6,#0000 42%,#31eeffcc,#0000);top:44px}.logo-crown{color:var(--gold);text-shadow:0 0 14px #ffd83273;filter:drop-shadow(0 0 9px #ffd83280);font-size:30px;position:absolute;top:-10px;right:18%;transform:rotate(16deg)}.logo strong{z-index:1;color:#fff;font-family:var(--heavy-font);letter-spacing:0;text-shadow:-4px 1px #24efff,4px 1px #ff3ea8,0 8px 18px #000000d1;font-size:45px;font-style:italic;font-weight:1000;line-height:.86;position:relative;transform:skew(-8deg)scaleX(1.08)}.logo strong:before,.logo strong:after{content:attr(data-text);z-index:-1;opacity:.56;position:absolute;inset:0}.logo strong:before{color:#19e8ff;transform:translate(-5px,3px)}.logo strong:after{color:#ff3aa5;transform:translate(5px,-1px)}.logo small{color:var(--cyan);letter-spacing:4px;margin-top:7px;font-size:10px;font-weight:1000}.profile-header{grid-template-columns:86px 1fr 122px;align-items:center;gap:9px;height:94px;margin-top:-5px;display:grid}.avatar-octagon{border:3px solid var(--gold);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:#111827;width:80px;height:80px;position:relative;box-shadow:0 0 20px #ffd8323b}.avatar-octagon img{object-fit:cover;width:100%;height:100%}.avatar-octagon span{color:#151000;background:var(--gold);border-radius:999px;place-items:center;font-size:10px;font-weight:1000;display:grid;position:absolute;bottom:1px;left:16px;right:16px}.profile-copy{min-width:0}.profile-copy h2{color:#fff;letter-spacing:0;margin:0;font-size:31px;font-weight:1000;line-height:1}.profile-copy small{color:#eef4ff73;place-items:center;width:18px;height:18px;margin-left:8px;font-size:15px;display:inline-grid}.rank-pill,.wallet-row{color:#f8fbff;background:#050910c2;border:1px solid #ebf2ff3d}.rank-pill{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);border-radius:7px;justify-content:space-between;align-items:center;width:148px;height:39px;margin-top:10px;padding:0 12px;font-size:20px;font-weight:950;display:flex;box-shadow:inset 0 0 20px #66a4ff14,0 0 14px #00000038}.rank-pill i{color:#79aaff;text-shadow:0 0 14px #4c99ffc2;font-size:19px;font-style:normal}.rank-pill b{color:#eef4ff9e;font-size:28px}.wallet{gap:8px;display:grid}.wallet-row{border-radius:20px 7px 7px 20px;grid-template-columns:28px 1fr 27px;align-items:center;gap:5px;height:36px;padding:0 6px;display:grid;box-shadow:inset 0 0 12px #ffffff0a}.wallet-row span{color:#261600;background:linear-gradient(135deg,#fff79b,#ffb000);border-radius:50%;place-items:center;width:26px;height:26px;font-size:17px;font-weight:1000;display:grid;box-shadow:0 0 10px #ffc91473}.wallet-row strong{text-align:right;font-size:18px}.wallet-row b{color:var(--gold);font-size:18px}.season-card{clip-path:polygon(3% 0,97% 0,100% 16%,100% 84%,97% 100%,3% 100%,0 84%,0 16%);background:linear-gradient(105deg,#051c2dfa 0 45%,#050d19f0 45% 62%,#040c15f2 62%),#02060de0;border:1px solid #33e5ffeb;border-radius:0;grid-template-columns:1.14fr 90px 1fr;align-items:center;gap:8px;min-height:106px;margin-top:12px;padding:13px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 24px #00d6ff38,inset 0 0 28px #00aeff1f}.season-card:before,.season-card:after{content:"";pointer-events:none;position:absolute}.season-card:before{background:linear-gradient(90deg,#0000 45%,#33e5ff38 45.2%,#0000 46%),radial-gradient(circle at 48%,#509cff33,#0000 22%);inset:0}.season-card:after{background:repeating-linear-gradient(135deg,#31ebffb3 0 6px,#0000 6px 10px);width:54px;height:9px;top:9px;right:9px}.season-card span{color:#f2f8ffd1;font-size:14px;font-weight:900;display:block}.season-card h2{color:#4df0ff;font-family:var(--heavy-font);margin:5px 0 0;font-size:39px;font-weight:1000;line-height:1}.score-progress{grid-template-columns:1fr auto;align-items:center;gap:8px;height:22px;margin-top:12px;display:grid}.score-progress:before{content:"";background:#eef4ff29;border-radius:2px;grid-area:1/1;height:10px}.score-progress i{background:linear-gradient(90deg,#29dfff,#78f7ff);border-radius:2px;grid-area:1/1;height:10px;box-shadow:0 0 14px #29dfff73}.score-progress b{font-size:13px}.rank-badge{object-fit:contain;filter:drop-shadow(0 0 20px #5897ff73);width:96px;height:96px}.city-copy{text-align:right}.city-copy h2{color:#47eeff;font-family:var(--heavy-font);text-shadow:0 0 20px #31edff52;margin:3px 0 0;font-size:45px;line-height:1}.city-copy button{color:#eaf1ff;background:#ffffff0f;border:1px solid #ebf2ff2e;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;height:32px;margin-top:8px;font-size:14px;font-weight:950;display:inline-flex}.side-actions{z-index:3;gap:14px;display:grid;position:absolute;top:40.8%}.side-left{left:17px}.side-right{right:17px}.side-button{color:#fff;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#ffffff14,#0000 40%),#050b14c7;border-radius:0;place-items:center;gap:2px;width:54px;height:63px;display:grid}.side-button.cyan{border:2px solid var(--cyan);box-shadow:0 0 16px #22dfff33}.side-button.pink{border:2px solid var(--pink);box-shadow:0 0 16px #ff4cb533}.side-button span{font-size:26px;line-height:1}.side-button strong{text-shadow:0 0 9px;font-size:15px;line-height:1}.home-arena{justify-items:center;min-height:318px;margin:14px 47px 0;display:grid;position:relative}.arena-title{place-items:center;margin-top:7px;display:grid}.arena-title strong{color:#fff;font-family:var(--heavy-font);text-shadow:0 0 18px #ffffff52,-3px 0 14px #35e9ff47,3px 0 14px #ff49b738;font-size:53px;font-weight:1000;line-height:.92;transform:skew(-5deg)}.arena-title span{color:var(--cyan);margin-top:7px;font-size:17px;font-weight:1000}.fighter-row{grid-template-columns:1fr 58px 1fr;align-items:center;gap:4px;width:100%;margin-top:4px;display:grid}.player-plate{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid;position:relative}.player-plate img{object-fit:cover;border:2px solid var(--cyan);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);border-radius:0;width:70px;height:70px;box-shadow:0 0 18px #00dbff59}.player-plate.opponent img{border-color:var(--pink);box-shadow:0 0 18px #ff42ab59}.player-plate strong{color:#fff;text-shadow:0 0 13px #ffffff2e;font-size:23px;font-weight:1000;line-height:1}.player-plate span{color:#e7efffc7;min-height:16px;font-size:12px;font-weight:900}.player-plate:before{z-index:2;color:#06111d;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(90deg,#2ff2ff,#79f8ff);place-items:center;min-width:34px;height:20px;font-size:12px;font-weight:1000;display:grid;position:absolute;top:-14px;box-shadow:0 0 13px #2ff2ff66}.player-plate.player:before{content:"我"}.player-plate.opponent:before{content:"?";color:#fff0f8;background:linear-gradient(90deg,#ff4eb8,#ff85d3);box-shadow:0 0 13px #ff4eb86b}.vs-word,.duel-vs strong{color:#0000;-webkit-text-stroke:1px #ffffffe6;font-family:var(--heavy-font);text-shadow:-4px 0 16px #00dbffb3,4px 0 16px #ff28a7b3;font-size:46px;font-style:italic;font-weight:1000}.arena-dice-stage{isolation:isolate;place-items:end center;width:min(372px,144%);height:126px;margin-top:0;display:grid;position:relative;overflow:visible}.arena-dice-stage:before,.arena-dice-stage:after,.dice-platform{content:"";pointer-events:none;position:absolute}.arena-dice-stage:before{z-index:0;background:radial-gradient(ellipse at 27% 55%, #2de6ff80, transparent 34%), radial-gradient(ellipse at 73% 55%, #ff42b87a, transparent 34%), conic-gradient(from 210deg, transparent 0 17%, #2de6ffc7 19% 24%, transparent 26% 48%, #ffd331a3 51% 56%, transparent 58% 76%, #ff42b8c7 78% 84%, transparent 86%);opacity:.86;filter:blur(.3px);border-radius:50%;height:58px;bottom:0;left:-6%;right:-6%;transform:perspective(360px)rotateX(62deg);box-shadow:0 0 26px #32ecff33,0 0 34px #ff4eb829}.arena-dice-stage:after{z-index:0;opacity:.5;filter:blur(.8px);background:linear-gradient(118deg,#0000 0 36%,#36eeff75 37%,#0000 39%),linear-gradient(62deg,#0000 0 61%,#ff44b86b 62%,#0000 64%),radial-gradient(circle at 48% 85%,#ffd63c33,#0000 24%);inset:4px -18% 8px}.dice-platform{z-index:1;background:repeating-radial-gradient(#ffe24438 0 2px,#0000 2px 8px),radial-gradient(#02090fc2,#0409120f 63%,#0000 70%);border:1px solid #ffe2443d;border-radius:50%;height:30px;bottom:9px;left:3%;right:3%;transform:perspective(360px)rotateX(67deg);box-shadow:0 0 18px #ffd63c2e,inset 0 0 18px #32ecff21}.hero-dice-art{z-index:2;filter:saturate(1.12)contrast(1.06)drop-shadow(0 18px 19px #00000085)drop-shadow(-10px 0 18px #00e0ff33)drop-shadow(10px 0 18px #ff44b829);width:min(338px,132%);height:auto;margin-bottom:23px;position:relative}.streak-strip{z-index:5;color:#f5f9ffe6;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(90deg,#0c1218f0,#191508eb),#03080feb;border:1px solid #ffdf415c;grid-template-columns:auto 28px 1fr;align-items:center;gap:9px;height:34px;padding:0 12px;display:grid;position:absolute;bottom:220px;left:72px;right:72px;box-shadow:0 0 20px #ffd84a1f,inset 0 0 16px #ffd84a14}.streak-strip span{align-items:center;gap:5px;font-size:13px;font-weight:950;display:inline-flex}.streak-strip span svg{color:var(--gold);filter:drop-shadow(0 0 7px #ffd84a73);font-size:16px}.streak-strip strong{color:var(--gold);font-family:var(--heavy-font);font-size:31px;line-height:1}.streak-strip i{grid-template-columns:repeat(7,1fr);gap:4px;height:8px;display:grid;transform:skew(-14deg)}.streak-strip b{background:#ebf2ff47;display:block}.streak-strip b:nth-child(-n+4){background:linear-gradient(90deg,#ffe74a,#ffb600);box-shadow:0 0 8px #ffd74057}.quick-match{z-index:6;color:#100b00;clip-path:polygon(6% 0,94% 0,100% 28%,95% 100%,5% 100%,0 72%);background:linear-gradient(110deg,#ffffff6b,#0000 23% 78%,#ffffff2e),linear-gradient(#ffef39 0%,#ffc400 54%,#f4a200 100%);border:1px solid #fff378eb;border-radius:0;align-content:start;justify-items:center;gap:3px;width:auto;height:62px;margin:0;padding-top:7px;display:grid;position:absolute;bottom:156px;left:28px;right:28px;box-shadow:0 0 31px #ffda2561,inset 0 0 0 2px #76490038,inset 0 0 22px #ffffff3d}.quick-match:before,.quick-match:after{content:"";pointer-events:none;position:absolute}.quick-match:before{clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);border-top:2px solid #fff99bad;border-bottom:2px solid #6a3f0047;inset:6px 10px}.quick-match:after{background:linear-gradient(90deg,#0000,#492a0073,#0000);height:3px;bottom:8px;left:23px;right:23px}.quick-match strong{z-index:1;text-shadow:0 2px #fff3;margin-top:0;font-size:32px;font-weight:1000;line-height:1;position:relative;transform:skew(-4deg)}.quick-match span{z-index:1;font-size:12px;font-weight:950;line-height:1.1;position:relative}.reward-grid{z-index:5;grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid;position:absolute;bottom:73px;left:13px;right:13px}.reward-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(5% 0,95% 0,100% 20%,100% 100%,0 100%,0 20%);background:linear-gradient(135deg,#ffffff12,#0000 34%),#03080fcc;border-radius:0;grid-template-columns:1fr 66px;align-items:center;gap:8px;min-height:61px;padding:7px 9px;display:grid;box-shadow:inset 0 0 22px #ffffff0a}.reward-card.cyan{border:2px solid #23e1ffb8}.reward-card.pink{border:2px solid #ff45b0b8}.reward-card span,.reward-card small{color:#ebf2ffb8;font-size:11px;font-weight:900;display:block}.reward-card strong{color:#ffe240;font-family:var(--heavy-font);margin:4px 0 3px;font-size:28px;font-weight:1000;line-height:1;display:block}.reward-card.pink strong{color:var(--pink)}.reward-card img{object-fit:cover;filter:saturate(1.12)drop-shadow(0 0 12px #ffcc382e);border-radius:7px;width:66px;height:48px}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(4% 0,96% 0,100% 18%,100% 100%,0 100%,0 18%);background:linear-gradient(#121823f2,#03070df2),#04080feb;border:1px solid #ebf2ff40;border-radius:0;grid-template-columns:repeat(4,1fr);height:63px;display:grid;position:absolute;bottom:13px;left:13px;right:13px}.bottom-nav button{color:#ebf2ff94;background:0 0;border:0;place-items:center;gap:2px;font-size:13px;font-weight:1000;display:grid}.bottom-nav button+button{border-left:1px solid #ebf2ff1a}.bottom-nav span{font-size:25px;line-height:1}.bottom-nav .active{color:var(--cyan);background:#16d5ff24;box-shadow:inset 0 0 20px #2ae8ff26}.screen-status{color:#fff;justify-content:space-between;align-items:center;height:28px;padding:0 18px;font-size:20px;font-weight:1000;display:flex}.screen-status i{justify-content:flex-end;gap:5px;width:76px;font-style:normal;display:flex}.screen-status i:before,.screen-status i:after,.screen-status b{content:"";background:#fff;display:block}.screen-status b{border-radius:3px;width:5px;height:16px}.screen-status b:first-child{height:9px;margin-top:7px}.screen-status b:nth-child(2){height:12px;margin-top:4px}.screen-status i:before{clip-path:polygon(0 100%,20% 70%,38% 100%,56% 45%,75% 100%,100% 16%,100% 100%);width:18px;height:14px;margin-top:2px}.screen-status i:after{background:linear-gradient(90deg,#fff 0 72%,#0000 72%);border:2px solid #fff;border-radius:4px;width:28px;height:14px;margin-top:2px}.rank-screen,.event-screen,.shop-screen{scrollbar-width:none;padding:14px 16px 96px;overflow-y:auto}.rank-screen::-webkit-scrollbar{display:none}.event-screen::-webkit-scrollbar{display:none}.shop-screen::-webkit-scrollbar{display:none}.rank-screen svg,.event-screen svg,.shop-screen svg{width:1em;height:1em;display:block}.rank-header{border-bottom:1px solid #ebf2ff1f;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;height:50px;display:grid}.rank-header button,.shop-header button{color:#f4f8ffc7;background:0 0;border:0;place-items:center;width:38px;height:38px;font-size:28px;display:grid}.rank-header h1{text-align:center;color:#f1d394;text-shadow:0 0 20px #f1d39429;margin:0;font-size:25px;font-weight:1000}.rank-header h1:before,.rank-header h1:after{content:"";vertical-align:7px;opacity:.75;background:linear-gradient(90deg,#0000,currentColor);width:22px;height:1px;margin:0 12px;display:inline-block}.rank-header h1:after{transform:scaleX(-1)}.rank-location{color:#eff5ffbd;justify-content:center;align-items:center;gap:8px;height:30px;font-size:14px;font-weight:850;display:flex}.rank-location button{color:#f4f8ffc7;background:#ffffff14;border:1px solid #ebf2ff2e;border-radius:16px;height:28px;padding:0 12px;font-size:12px;font-weight:900}.rank-proof-card{clip-path:polygon(3% 0,97% 0,100% 4%,100% 96%,97% 100%,3% 100%,0 96%,0 4%);background:linear-gradient(105deg,#1c2d3eb8,#0000 40%),linear-gradient(#0e1924f2,#050c13f0);border:1px solid #ebf2ff57;grid-template-rows:1fr 61px;grid-template-columns:38% 1fr;gap:0;min-height:188px;display:grid;overflow:hidden;box-shadow:inset 0 0 34px #ffffff0a,0 18px 44px #00000047}.proof-emblem{background:linear-gradient(#25394ebf,#070e1673);border-right:1px dashed #f1d39461;place-items:center;display:grid;position:relative}.proof-emblem .rank-badge{width:94px;height:94px}.proof-emblem span{color:#dce8ff;background:linear-gradient(#314256,#131d2a);border:1px solid #ffffff6b;place-items:center;width:30px;height:34px;font-family:Georgia,serif;font-size:22px;font-weight:1000;display:grid;position:absolute;bottom:29px}.proof-copy{padding:18px 20px 7px}.proof-copy small{color:#f1d394;font-size:13px;font-weight:1000;display:block}.proof-copy h2{color:#edf4ff;margin:8px 0 5px;font-size:22px;font-weight:1000;line-height:1.1}.proof-copy h2 b{color:#f0d28d;font-size:43px;line-height:0}.proof-copy p{color:#eff5ffb8;align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.proof-copy p strong{color:#fff;font-size:21px}.proof-copy p i{color:#dceaff;background:#4871aa57;border:1px solid #76a7ea8a;border-radius:15px;padding:3px 11px;font-size:12px;font-style:normal;font-weight:900}.proof-copy button{color:#eff5ffc7;background:0 0;border:0;align-items:center;gap:8px;height:26px;margin-top:7px;font-size:13px;font-weight:850;display:flex}.proof-copy button img{width:20px;height:20px}.proof-stats{background:#03070c85;border:1px solid #ffffff29;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:0 28px 11px;display:grid}.proof-stats div{place-items:center;gap:3px;padding:5px 0;display:grid}.proof-stats div+div{border-left:1px solid #ffffff24}.proof-stats span{color:#eff5ff94;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.proof-stats strong{color:#f2d69a;font-size:24px;font-weight:1000}.rank-tabs{background:#050a10c2;border:1px solid #f1d3943d;border-radius:7px;grid-template-columns:repeat(3,1fr);height:36px;margin-top:9px;display:grid;overflow:hidden}.rank-tabs button{color:#eff5ffc2;background:0 0;border:0;font-size:16px;font-weight:1000}.rank-tabs button+button{border-left:1px solid #ffffff1a}.rank-tabs .active{color:#190d00;background:linear-gradient(#f5d998,#b98a36)}.leaderboard-card{background:linear-gradient(#09131cf0,#04090ef0);border:1px solid #f1d39438;border-radius:8px;margin-top:7px;padding:7px}.leaderboard-card>small{color:#eff5ff7a;justify-content:center;gap:4px;font-size:11px;font-weight:850;display:flex}.leader-head,.leader-row{grid-template-columns:56px 1fr 66px 64px;align-items:center;display:grid}.leader-head{color:#eff5ff7a;height:23px;font-size:12px;font-weight:900}.leader-row{border-top:1px solid #ffffff17;min-height:38px}.leader-row.self{background:linear-gradient(90deg,#ae7c2b47,#ffd36014,#0000);border:1px solid #f1d39485;margin:0 -7px;padding:0 7px}.rank-medal{color:#eff5ffb8;place-items:center;width:31px;height:31px;font-size:16px;font-weight:1000;display:grid}.rank-1,.rank-2,.rank-3{color:#f1d394;background:radial-gradient(circle,#ffdc7047,#2c1b06e6);border:2px solid;border-radius:50%}.rank-2{color:#c9d4e5;background:radial-gradient(circle,#e2ecff38,#131922eb)}.rank-3{color:#d79557;background:radial-gradient(circle,#df8b4438,#22120ceb)}.leader-player{align-items:center;gap:7px;min-width:0;display:flex}.leader-player img{object-fit:cover;border:1px solid #f1d39461;border-radius:50%;width:28px;height:28px}.leader-player strong{color:#f4f8ff;font-size:14px;line-height:1.15;display:block}.leader-player span{color:#eff5ff75;margin-top:2px;font-size:9px;font-weight:850;display:block}.leader-row>strong{color:#f4f8ffe6;justify-self:center;font-size:14px}.leader-row.self>strong,.leader-row.self .leader-player strong{color:#f3d58f}.leader-row>span{justify-self:center;font-size:14px;font-weight:1000}.leader-row .up{color:#58db8d}.leader-row .down{color:#ff766d}.leader-row .flat{color:#eff5ff80}.leaderboard-card p{text-align:center;color:#eff5ff6b;margin:6px 0 0;font-size:11px;font-weight:800}.rank-actions{grid-template-columns:1fr 1.15fr;gap:7px;height:44px;margin-top:8px;display:grid}.rank-actions>div,.rank-actions button{border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:1000;display:flex}.rank-actions>div{color:#eff5ff94;background:#ffffff0f}.rank-actions button{color:#f1d394;background:linear-gradient(#6b4813eb,#1f1407f5);border:1px solid #f1d39480}.event-top{grid-template-columns:98px 62px 89px 35px 35px;align-items:center;gap:7px;height:58px;display:grid}.event-wordmark{align-content:center;justify-items:start;min-width:0;height:56px;display:grid;position:relative;overflow:visible}.event-wordmark:before,.event-wordmark:after{content:"";pointer-events:none;width:76px;height:5px;position:absolute;left:0;transform:skew(-18deg)}.event-wordmark:before{background:linear-gradient(90deg,#31eeffe6,#0000 48%,#ff44b4d9);bottom:10px}.event-wordmark:after{filter:blur(.3px);background:linear-gradient(90deg,#ff44b4e6,#0000 48%,#31eeffbf);bottom:4px}.event-wordmark span{color:#ffd84a;filter:drop-shadow(0 0 8px #ffd84a80);font-size:17px;position:absolute;top:3px;right:6px;transform:rotate(16deg)}.event-wordmark strong{z-index:1;color:#fff;font-family:var(--heavy-font);text-shadow:-3px 1px #24efff,3px 1px #ff3ea8,0 7px 14px #000000d1;white-space:nowrap;font-size:32px;font-style:italic;font-weight:1000;line-height:.9;position:relative;transform:skew(-8deg)scaleX(1.02)}.event-wordmark strong:before,.event-wordmark strong:after{content:attr(data-text);z-index:-1;opacity:.5;position:absolute;inset:0}.event-wordmark strong:before{color:#19e8ff;transform:translate(-4px,2px)}.event-wordmark strong:after{color:#ff3aa5;transform:translate(4px,-1px)}.event-wordmark small{color:var(--cyan);letter-spacing:2px;margin-top:2px;font-size:8px;font-weight:1000}.today-chip{color:#f4f8ffbf;grid-template-columns:12px 1fr;align-items:center;gap:3px;font-size:10px;font-weight:900;display:grid}.today-chip span{white-space:nowrap}.today-chip strong{color:#ffe45a;grid-column:1/-1;font-size:23px;line-height:1}.today-chip svg:last-child{display:none}.coin-bank{color:#fff5d8;background:#05070cc2;border:1px solid #f1d39447;border-radius:18px;grid-template-columns:20px 1fr 22px;align-items:center;gap:4px;height:34px;padding:0 7px;font-size:15px;font-weight:1000;display:grid}.coin-bank svg,.today-chip svg{color:#ffd343}.coin-bank b{color:#1a0d00;background:#ffda4a;border-radius:5px;place-items:center;display:grid}.event-icon{color:#f4f8ffd1;background:0 0;border:0;place-items:center;gap:2px;font-size:11px;font-weight:900;display:grid;position:relative}.event-icon svg{color:#ffd35e;font-size:22px}.event-icon.alert:after{content:"";background:#ff454e;border-radius:50%;width:8px;height:8px;position:absolute;top:13px;right:6px}.challenge-hero{background:radial-gradient(circle at 72% 38%,#ff31316b,#0000 26%),linear-gradient(116deg,#63070be6,#12080ab8 48%,#ff3a362e),#090b0f;border:1px solid #ff3e4185;border-radius:10px;min-height:174px;padding:14px 15px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 36px #ff353724,0 18px 42px #00000059}.challenge-hero:before{content:"";opacity:.8;background:repeating-linear-gradient(155deg,#0000 0 18px,#ff414124 18px 21px),radial-gradient(circle at 76% 43%,#0000 0 32px,#ff464661 33px 35px,#0000 36px 54px,#ff464647 55px 58px,#0000 59px);position:absolute;inset:-20px -30px}.hero-copy{z-index:1;position:relative}.hero-copy>span{color:#fff;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);background:#ff353b;place-items:center;height:23px;padding:0 12px;font-size:12px;font-weight:1000;display:inline-grid}.hero-copy h1{color:#fff;font-family:var(--heavy-font);letter-spacing:0;text-shadow:0 8px 22px #000000a6;margin:7px 0;font-size:26px;line-height:.98}.hero-copy div{gap:6px;display:flex}.hero-copy b{color:#ff4d55;background:#0f0405b8;border:1px solid #ff333e;border-radius:5px;padding:3px 8px;font-size:11px}.ticket-mark{z-index:1;color:#ff6264;opacity:.9;border:3px solid;place-items:center;width:92px;height:74px;display:grid;position:absolute;top:20px;right:32px;transform:rotate(-15deg)}.ticket-mark strong{font-size:20px}.ticket-mark span{font-size:20px;font-weight:1000}.challenge-hero footer{z-index:1;background:#040509b3;grid-template-columns:148px 1fr 94px;align-items:center;height:40px;display:grid;position:absolute;bottom:0;left:0;right:0}.challenge-hero footer .countdown{color:#f4f8ff6b;grid-template-columns:1fr repeat(3,25px);align-items:center;gap:3px;padding-left:14px;font-size:9px;font-weight:900;display:grid}.challenge-hero footer em{white-space:nowrap;font-style:normal}.challenge-hero footer b{color:#ff454e;background:#030305;border-radius:4px;place-items:center;min-width:0;height:23px;font-size:15px;display:inline-grid}.challenge-hero footer i{color:#f4f8ffb8;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:10px;font-style:normal;font-weight:900;display:flex}.challenge-hero footer button{color:#fff;background:linear-gradient(135deg,#ff454d,#d72c31);border:0;height:40px;font-size:15px;font-weight:1000}.event-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.venue-card,.regional-card,.daily-mission-card,.skin-strip,.league-pass{background:#040c11d1;border-radius:10px;box-shadow:inset 0 0 26px #ffffff0a}.venue-card,.regional-card{border:1px solid #2de1d252;min-height:146px;padding:10px 11px}.venue-card header,.regional-card header,.skin-strip header{justify-content:space-between;align-items:center;display:flex}.venue-card h2,.regional-card h2,.skin-strip h2{color:#f4f8ff;align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.venue-card header button,.skin-strip header button,.regional-card header span{color:#37e6d5;background:0 0;border:0;font-size:12px;font-weight:900}.venue-photo{background:linear-gradient(#ff2c2c33,#0000),linear-gradient(135deg,#1b1f27,#07090d 62%,#26080a);border-radius:6px;place-items:center;height:54px;margin-top:8px;display:grid;overflow:hidden}.venue-photo strong{color:#ff4c52;text-shadow:0 0 14px #ff3a3f;font-size:19px}.venue-photo span{color:#ffffffa6;font-size:10px}.venue-card h3{color:#fff;margin:6px 0 1px;font-size:14px}.venue-card p{color:#f4f8ff99;gap:5px;margin:0;font-size:11px;font-weight:900;display:flex}.venue-card p b{color:#ff514f;margin-left:auto}.venue-card>button,.regional-card>button{color:#a9fff6;background:#071c1ead;border:1px solid #21decf;border-radius:5px;width:100%;height:29px;margin-top:7px;font-size:12px;font-weight:1000}.regional-card{background:radial-gradient(circle at 80% 44%,#33ecdc40,#0000 28%),#041212db}.regional-card>div{grid-template-columns:1fr 58px;align-items:center;margin-top:10px;display:grid}.regional-card h3{color:#fff;margin:0;font-size:17px;line-height:1.22}.regional-card .rank-badge{filter:hue-rotate(90deg)saturate(1.6)drop-shadow(0 0 20px #2de6d259);width:58px;height:58px}.regional-card p{color:#f4f8ffad;margin:5px 0;font-size:11px;font-weight:900}.regional-card>i,.mission-progress i,.league-pass small i{background:#ffffff1f;border-radius:999px;height:7px;display:block;overflow:hidden}.regional-card>i b,.mission-progress i b,.league-pass small i b{border-radius:inherit;background:linear-gradient(90deg,#21decf,#61fff1);height:100%;display:block}.daily-mission-card{background:radial-gradient(circle at 12%,#ff2d3640,#0000 16%),#07090dd1;border:1px solid #ff525247;grid-template-columns:72px 1fr 88px;align-items:center;gap:9px;min-height:72px;margin-top:8px;padding:8px 12px;display:grid}.mission-die{background:radial-gradient(circle,#ff363d5c,#0000 62%);border-radius:50%;place-items:center;height:56px;display:grid}.mission-die span{background:radial-gradient(circle at 32% 32%,#07080a 0 4px,#0000 5px),radial-gradient(circle at 68% 68%,#07080a 0 4px,#0000 5px),linear-gradient(135deg,#fff,#cfd8dd);border-radius:9px;width:36px;height:36px;transform:rotate(-12deg);box-shadow:0 0 18px #ff38406b}.daily-mission-card small{color:#ff4d55;font-size:12px;font-weight:1000}.daily-mission-card h2{color:#fff;margin:2px 0;font-size:19px}.daily-mission-card p{color:#f4f8ff94;margin:0;font-size:10px;font-weight:900}.mission-progress span{color:#f4f8ff94;font-size:11px;font-weight:900}.mission-progress strong{color:#ff4d55;font-size:27px;line-height:1;display:block}.mission-progress i b{background:linear-gradient(90deg,#ff424d,#ff777b)}.skin-strip{border:1px solid #ffbe4242;margin-top:8px;padding:9px}.skin-strip h2{color:#ffd257}.skin-strip>div,.shop-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.skin-card{--skin-accent:#ffd257;--skin-accent-soft:#ffd2574d;--skin-glow:#ffd25733;border:1px solid color-mix(in srgb, var(--skin-accent) 46%, transparent);background:radial-gradient(circle at 50% 30%, var(--skin-accent-soft), transparent 44%), linear-gradient(180deg, #0e1824e0, #04070cf5);border-radius:9px;grid-template-rows:1fr auto;justify-items:center;gap:3px;min-height:112px;padding:8px 7px 7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 16px 28px #ffffff08,0 12px 22px #00000061}.skin-card:before,.skin-card:after{content:"";pointer-events:none;position:absolute}.skin-card:before{opacity:.8;background:linear-gradient(135deg,#ffffff1f,#0000 22%),repeating-linear-gradient(90deg,#0000 0 16px,#ffffff06 16px 17px);inset:0}.skin-card:after{background:var(--skin-glow);filter:blur(8px);opacity:.95;border-radius:50%;height:12px;bottom:36px;left:20%;right:20%}.skin-card.gold{--skin-accent:#ffd257;--skin-accent-soft:#ffb82d3d;--skin-glow:#ffc4367a}.skin-card.cyan{--skin-accent:#32e8ff;--skin-accent-soft:#21dcff3d;--skin-glow:#21dcff85}.skin-card.dark{--skin-accent:#ff4d4d;--skin-accent-soft:#ff2e3633;--skin-glow:#ff2c377a}.skin-card.pink{--skin-accent:#ff59c7;--skin-accent-soft:#ff4bbe38;--skin-glow:#ff4bbe80}.skin-card.ivory{--skin-accent:#ffe3a1;--skin-accent-soft:#ffefc433;--skin-glow:#ffe29b7a}.skin-card.aqua{--skin-accent:#42fff0;--skin-accent-soft:#28efe438;--skin-glow:#28efe480}.skin-rarity{z-index:3;border:1px solid color-mix(in srgb, var(--skin-accent) 62%, transparent);color:var(--skin-accent);box-shadow:0 0 12px var(--skin-glow);background:#02070cb8;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:1000;line-height:1.15;position:absolute;top:7px;left:7px}.skin-dice-stage{z-index:2;place-items:center;width:82px;height:76px;margin-top:4px;display:grid;position:relative}.skin-dice-stage img{object-fit:contain;width:96px;height:96px;filter:drop-shadow(0 13px 14px #000000a8) drop-shadow(0 0 14px var(--skin-glow));transform:translateY(2px)rotate(-2deg)}.skin-copy{z-index:2;justify-items:center;gap:3px;width:100%;display:grid;position:relative}.skin-card strong{color:#f4f8ffe6;text-align:center;white-space:nowrap;font-size:11.5px;line-height:1.15}.skin-card small{color:#f7d15c;align-items:center;gap:4px;font-size:12.5px;font-weight:1000;display:flex}.league-pass{border:1px solid #ffd35052;grid-template-columns:66px 1fr 88px;align-items:center;gap:8px;min-height:62px;margin-top:8px;padding:8px 10px;display:grid}.pass-badge{color:#2d1b03;clip-path:polygon(18% 0,82% 0,100% 20%,100% 80%,82% 100%,18% 100%,0 80%,0 20%);background:linear-gradient(135deg,#ffe27a,#a86d14);place-items:center;height:48px;display:grid}.pass-badge strong{font-size:12px}.pass-badge span{font-size:11px;font-weight:1000}.league-pass h2{color:#ffd257;margin:0;font-size:15px}.league-pass p{color:#f4f8ff99;margin:2px 0 4px;font-size:10px;font-weight:850}.league-pass small{color:#f4f8ff9e;grid-template-columns:40px 1fr 52px;align-items:center;gap:6px;font-size:10px;font-weight:900;display:grid}.league-pass small i b{background:linear-gradient(90deg,#ffd257,#fff1a6)}.league-pass button{color:#1b1100;background:linear-gradient(#ffe27a,#d59a25);border:0;border-radius:6px;height:34px;font-weight:1000}.offline-signup{color:#031617;letter-spacing:4px;background:linear-gradient(135deg,#ffffff38,#0000 45%),linear-gradient(90deg,#30ead9,#16b9aa);border:0;border-radius:7px;width:100%;height:46px;margin-top:8px;font-size:23px;font-weight:1000;box-shadow:0 0 24px #30ead93d}.shop-header{grid-template-columns:42px 1fr 88px;align-items:center;gap:8px;height:72px;display:grid}.shop-header div span{color:#32ecffbf;letter-spacing:2px;font-size:10px;font-weight:1000}.shop-header h1{color:#fff;margin:2px 0 0;font-size:30px}.shop-header button:last-child{color:#ffd257;background:#04090ec2;border:1px solid #ffd35047;border-radius:18px;gap:5px;width:auto;font-size:15px}.shop-feature{background:radial-gradient(circle at 50% 32%,#ffd3502e,#0000 36%),linear-gradient(#0e1923e6,#05080df5);border:1px solid #ffd35042;border-radius:12px;align-content:end;min-height:226px;padding:0 18px 18px;display:grid;position:relative;overflow:hidden}.shop-feature:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#03060a8c 30%,#03060aeb);position:absolute;inset:40% 0 0}.shop-feature img{filter:drop-shadow(0 18px 22px #0000006b);width:112%;position:absolute;top:8px;left:50%;transform:translate(-50%)}.shop-feature div{z-index:2;position:relative}.shop-feature span{color:#ffd257;font-size:13px;font-weight:1000}.shop-feature h2{color:#fff;margin:4px 0;font-size:26px;line-height:1.06}.shop-feature p{color:#f4f8ffad;margin:0 0 10px;font-size:13px;font-weight:850}.shop-feature button{color:#1b1100;background:linear-gradient(#ffe27a,#d59a25);border:0;border-radius:6px;height:38px;padding:0 20px;font-weight:1000}.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.shop-grid .skin-card{grid-template-rows:1fr auto;min-height:164px;padding:10px 8px 8px}.shop-grid .skin-dice-stage{width:118px;height:100px}.shop-grid .skin-dice-stage img{width:126px;height:126px;transform:translateY(-1px)rotate(-2deg)}.shop-grid .skin-copy{border-top:1px solid color-mix(in srgb, var(--skin-accent) 30%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--skin-accent) 14%, transparent), transparent), #01050a85;border-radius:7px;align-content:center;min-height:36px;padding:5px 7px 4px;box-shadow:inset 0 0 14px #0000003d}.shop-grid .skin-card strong{font-size:12.5px}.shop-grid .skin-card small{font-size:13px}.skin-card.compact{min-height:102px;padding:7px 5px 6px}.skin-card.compact .skin-rarity{display:none}.skin-card.compact .skin-dice-stage{width:58px;height:56px;margin-top:0}.skin-card.compact .skin-dice-stage img{width:72px;height:72px}.skin-card.compact strong{font-size:10px}.skin-card.compact small{font-size:11px}@media (height<=860px){.rank-screen,.event-screen,.shop-screen{padding-top:12px}.event-top{height:52px}.event-wordmark{height:50px}.event-wordmark strong{font-size:29px}.event-wordmark small{font-size:7px}.today-chip strong{font-size:21px}.challenge-hero{min-height:160px;padding-top:12px}.hero-copy>span{height:21px;font-size:11px}.hero-copy h1{margin:6px 0;font-size:24px}.ticket-mark{width:82px;height:66px;right:28px}.ticket-mark strong,.ticket-mark span{font-size:18px}.challenge-hero footer{grid-template-columns:138px 1fr 88px;height:36px}.challenge-hero footer .countdown{grid-template-columns:1fr repeat(3,22px);padding-left:10px}.challenge-hero footer b{height:21px;font-size:14px}.challenge-hero footer button{height:36px;font-size:14px}.venue-card,.regional-card{min-height:122px;padding:8px 10px}.venue-photo{height:45px;margin-top:6px}.venue-card h3{margin-top:5px}.venue-card>button,.regional-card>button{height:26px;margin-top:5px}.regional-card>div{grid-template-columns:1fr 50px;margin-top:7px}.regional-card h3{font-size:15px}.regional-card .rank-badge{width:50px;height:50px}.daily-mission-card{grid-template-columns:58px 1fr 76px;min-height:64px;padding:7px 10px}.mission-die{height:46px}.mission-die span{width:32px;height:32px}.daily-mission-card h2{font-size:17px}.mission-progress strong{font-size:24px}.skin-strip{padding:8px}.skin-card{gap:3px;min-height:92px;padding:6px 4px}.skin-dice-stage{width:64px;height:54px}.skin-dice-stage img{width:74px;height:74px}.skin-card.compact{min-height:86px}.skin-card.compact .skin-dice-stage{height:46px}.skin-card.compact .skin-dice-stage img{width:62px;height:62px}.league-pass{grid-template-columns:56px 1fr 82px;min-height:50px;padding:7px 9px}.pass-badge{height:38px}.league-pass h2{font-size:14px}.league-pass p{display:none}.league-pass button{height:31px}.offline-signup{height:38px;margin-top:6px;font-size:20px}.shop-feature{min-height:212px}.shop-grid .skin-card{min-height:148px}.shop-grid .skin-dice-stage{height:86px}.shop-grid .skin-dice-stage img{width:112px;height:112px}}.duel-screen{padding-top:16px}.duel-topbar{grid-template-columns:42px 1fr 92px;align-items:center;gap:8px;height:58px;display:grid}.duel-topbar button{border:1px solid var(--line);color:#fff;background:#04080fb8;border-radius:8px;width:38px;height:38px;font-size:30px}.duel-topbar strong,.duel-topbar span{display:block}.duel-topbar strong{font-size:20px}.duel-topbar span{color:#ebf2ff9e;font-size:11px;font-weight:800}.voice-indicator{border:1px solid var(--line);color:#ebf2ffbf;background:#04080fb8;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;font-size:11px;font-weight:900;display:inline-flex}.voice-indicator i{background:#8c94a3;border-radius:50%;width:8px;height:8px}.voice-indicator.listening i{background:var(--cyan);animation:1.25s infinite pulse}.voice-indicator.error i{background:var(--pink)}.duel-table{background:linear-gradient(90deg,#00ccff1f,#0000 45%,#ff3cb01f),#04080fad;border:1px solid #ebf2ff1f;border-radius:10px;grid-template-columns:1fr 74px 1fr;align-items:center;gap:4px;min-height:170px;margin:18px 4px 0;padding:14px 10px;display:grid}.duel-vs{justify-items:center;gap:4px;display:grid}.duel-vs span{color:var(--cyan);font-size:12px;font-weight:1000}.dice-zone{isolation:isolate;background:radial-gradient(at 28% 56%,#12daff38,#0000 46%),radial-gradient(at 74% 56%,#ff3fb02b,#0000 45%),linear-gradient(#050d1747,#04070cc7);border:1px solid #46e2ff38;border-radius:14px;justify-items:center;margin:12px 4px 0;padding:10px 10px 8px;display:grid;position:relative}.dice-zone:before{content:"";z-index:-1;filter:blur(13px);opacity:.95;background:radial-gradient(at 30% 58%,#10dbff5c,#0000 54%),radial-gradient(at 70% 58%,#ff31ad47,#0000 55%),radial-gradient(at 50% 70%,#ffcb2e38,#0000 42%);border-radius:50%;position:absolute;inset:24px 8px 36px}.dice-stage-header{color:#ebf2ffb3;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:900;display:flex}.dice-stage-header strong{color:var(--gold);font-size:13px}.dice-row{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 50% 62%,#ffde4829,#0000 42%),linear-gradient(90deg,#0cc6ff2e,#0000 31%,#ff3db029),linear-gradient(#142737f2,#050a12f0);border:1px solid #52e8ff57;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:min(384px,100%);height:132px;margin-top:6px;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 14px 26px #0000006b,0 0 22px #2ee2ff24,inset 0 0 0 1px #ffffff0d,inset 0 12px 20px #52e8ff14,inset 0 -12px 20px #ff40b012}.dice-zone.is-rolling .dice-row{box-shadow:0 18px 34px #00000080,0 0 32px #2ee2ff38,inset 0 0 0 1px #ffffff0d,inset 0 0 34px #ffd84a1a}.image-dice-tray{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:8px 12px 6px;display:flex;position:relative}.image-dice-tray:before{content:"";filter:blur(10px);opacity:.9;background:radial-gradient(at 22% 55%,#23daffb8,#0000 36%),radial-gradient(at 52% 55%,#ffcf3794,#0000 37%),radial-gradient(at 78% 55%,#ff33b29e,#0000 39%),linear-gradient(90deg,#23daff1f,#ffdb481f,#ff33b21f);border-radius:999px;height:34px;position:absolute;bottom:17px;left:8%;right:8%}.image-die{--tilt:0deg;--lift:0px;z-index:2;object-fit:contain;width:clamp(70px,18.5vw,88px);height:clamp(70px,18.5vw,88px);transform:translateY(var(--lift)) rotate(var(--tilt));transform-origin:50% 66%;filter:drop-shadow(0 13px 14px #000000ad)drop-shadow(0 0 11px #32e8ff52);will-change:transform, opacity, filter;margin-inline:clamp(-9px,-1.4vw,-5px);position:relative}.image-die-1{--tilt:-8deg;--lift:5px}.image-die-2{--tilt:4deg;--lift:-2px}.image-die-3{--tilt:-3deg;--lift:1px}.image-die-4{--tilt:7deg;--lift:-1px}.image-die-5{--tilt:-5deg;--lift:4px}.image-dice-tray.is-rolling .image-die{animation:.9s cubic-bezier(.16,.9,.24,1.18) both premiumDiceRoll}.image-dice-tray.is-rolling .image-die-1{animation-delay:0s}.image-dice-tray.is-rolling .image-die-2{animation-delay:70ms}.image-dice-tray.is-rolling .image-die-3{animation-delay:.135s}.image-dice-tray.is-rolling .image-die-4{animation-delay:.205s}.image-dice-tray.is-rolling .image-die-5{animation-delay:.27s}@keyframes premiumDiceRoll{0%{opacity:.18;filter:blur(2px)drop-shadow(0 4px 10px #000000b8)drop-shadow(0 0 16px #ffdb4842);transform:translateY(-42px)translate(-16px)rotate(-42deg)scale(.72)}44%{opacity:1;filter:blur()drop-shadow(0 16px 18px #000000b3)drop-shadow(0 0 18px #2ae8ff6b);transform:translateY(10px)translate(9px)rotate(22deg)scale(1.1)}72%{transform:translateY(-7px)translate(-3px)rotate(-12deg)scale(1.03)}to{opacity:1;transform:translateY(var(--lift)) rotate(var(--tilt)) scale(1);filter:drop-shadow(0 13px 14px #000000ad)drop-shadow(0 0 11px #32e8ff52)}}.dice-row:before,.dice-row:after{content:"";pointer-events:none;position:absolute}.dice-row:before{border:1px solid #ebfaff14;border-radius:11px;inset:4px;box-shadow:inset 0 0 16px #0000006b}.dice-row:after{filter:blur(8px);opacity:.7;background:linear-gradient(90deg,#2de5ff80,#ffd84242,#ff40b06b);border-radius:50%;height:11px;bottom:-7px;left:18px;right:18px}.dice-value-strip{grid-template-columns:repeat(5,1fr);gap:6px;width:min(320px,92%);height:29px;margin-top:7px;display:grid}.dice-value-strip b,.dice-value-strip span{color:#f4f8ffdb;background:#03080fb8;border:1px solid #ebf2ff29;border-radius:8px;place-items:center;font-size:13px;font-weight:1000;display:grid}.dice-value-strip span{color:#ebf2ff75;grid-column:1/-1}.die{--die-light:#f7ffff;--die-main:#73eaff;--die-deep:#0688c6;--die-stroke:#8df4ffb8;--die-glow:#32ecff6b;z-index:1;border:1px solid var(--die-stroke);background:radial-gradient(circle at 28% 22%, #fffffffa, transparent 14%), linear-gradient(145deg, #ffffffb8, transparent 34%), linear-gradient(135deg, var(--die-light), var(--die-main) 52%, var(--die-deep));width:40px;height:40px;box-shadow:0 8px 13px #00000070, 0 0 16px var(--die-glow), inset 0 3px 4px #ffffff9e, inset 0 -8px 10px #00000042;transform-origin:50%;border-radius:11px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:8px;display:grid;position:relative;overflow:hidden;transform:perspective(90px)rotateX(8deg)rotate(-3deg)}.die:nth-child(2n){transform:perspective(90px)rotateX(8deg)rotate(3deg)}.die:before,.die:after{content:"";pointer-events:none;position:absolute}.die:before{mix-blend-mode:screen;background:linear-gradient(#ffffff6b,#0000);border-radius:9px 9px 5px 5px;height:42%;inset:2px 2px auto}.die:after{background:linear-gradient(#0000,#00000038);border-radius:0 0 8px 8px;height:24%;inset:auto 3px 3px}.die-tone-1,.die-tone-3{--die-light:#fff4a2;--die-main:#ffd23a;--die-deep:#a96403;--die-stroke:#ffe25fd1;--die-glow:#ffd23a6b}.die-tone-2{--die-light:#ffdaf2;--die-main:#ff57be;--die-deep:#9d156a;--die-stroke:#ff7acacc;--die-glow:#ff4eb870}.die-tone-4{--die-light:#e7fbff;--die-main:#9defff;--die-deep:#1a79a8;--die-stroke:#b2f7ffc7;--die-glow:#44d9ff57}.die.hot{animation:1.5s infinite alternate heavenly}.die i{z-index:2;opacity:0;background:radial-gradient(circle at 34% 30%,#5b6068 0 12%,#050608 35%,#000 72%);border-radius:50%;place-self:center;width:6px;height:6px;position:relative;box-shadow:inset 0 1px 2px #ffffff29,0 1px 1px #ffffff29,0 0 5px #0000009e}.die-1 i:nth-child(5),.die-2 i:first-child,.die-2 i:nth-child(9),.die-3 i:first-child,.die-3 i:nth-child(5),.die-3 i:nth-child(9),.die-4 i:first-child,.die-4 i:nth-child(3),.die-4 i:nth-child(7),.die-4 i:nth-child(9),.die-5 i:first-child,.die-5 i:nth-child(3),.die-5 i:nth-child(5),.die-5 i:nth-child(7),.die-5 i:nth-child(9),.die-6 i:first-child,.die-6 i:nth-child(3),.die-6 i:nth-child(4),.die-6 i:nth-child(6),.die-6 i:nth-child(7),.die-6 i:nth-child(9){opacity:1}.voice-panel{background:linear-gradient(135deg,#041522f5,#18051cd6),#02060ddb;border:1px solid #35e9ff66;border-radius:10px;margin:14px 8px 0;padding:13px 14px;box-shadow:inset 0 0 26px #ff49b714}.voice-row{justify-content:space-between;gap:8px;margin-bottom:7px;display:flex}.voice-row span{color:var(--cyan);font-size:14px;font-weight:1000}.voice-row strong{color:var(--gold);font-size:14px}.voice-panel p{color:#fff;min-height:24px;margin:0;font-size:17px;font-weight:1000}.voice-panel small,.voice-panel em{color:#ebf2ff9e;margin-top:4px;font-size:11px;font-style:normal;font-weight:800;display:block}.voice-panel em{color:#ff91c9}.mic-guide{background:linear-gradient(135deg,#102a3bb8,#0a0f1bd1);border:1px solid #4ae8ff3d;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;padding:9px;display:grid}.mic-guide.blocked{background:linear-gradient(135deg,#4f10369e,#0a0f1bdb);border-color:#ff54b552}.mic-guide div{gap:2px;display:grid}.mic-guide strong{color:#eafcff;font-size:12px;font-weight:1000}.mic-guide span{color:#ebf2ff9e;font-size:10px;font-weight:850;line-height:1.35}.mic-guide button{color:#1b1200;white-space:nowrap;background:linear-gradient(#ffe27a,#d59a25);border:1px solid #ffd3507a;border-radius:8px;min-height:32px;padding:0 12px;font-size:12px;font-weight:1000}.voice-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.voice-action{color:#eafcff;background:linear-gradient(#182f43bd,#080e18e0);border:1px solid #4ae8ff47;border-radius:9px;min-height:36px;font-size:13px;font-weight:1000;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 16px #2adbff14}.voice-action.challenge{color:#fff1fa;background:linear-gradient(#5b1341c2,#120818e6);border-color:#ff54b59e;grid-column:1/-1;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #ff54b52e}.voice-action.replay{color:#1b1200;background:linear-gradient(#ffe27a,#d59a25);border-color:#ffd3509e;grid-column:1/-1;box-shadow:0 0 18px #ffd35033}.voice-locked{color:#ebf2ff8a;background:#ffffff0a;border:1px solid #ebf2ff1c;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-top:12px;padding:8px 11px;display:flex}.voice-locked b{color:#ebf2ffbd;font-size:13px}.voice-locked span{color:#ebf2ff7a;text-align:right;font-size:12px;font-weight:850}.voice-panel form{margin-top:8px}.voice-panel input{color:#fff;background:#010408a3;border:1px solid #ebf2ff24;border-radius:8px;outline:0;width:100%;height:34px;padding:0 10px}.hidden-dice{color:#ebf2ffb8;background:#04080f9e;border:1px solid #ebf2ff1f;border-radius:10px;justify-content:space-between;margin:12px 8px 0;padding:12px 14px;font-weight:900;display:flex}.hidden-dice strong{color:var(--pink)}.result-modal{z-index:8;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:18px 16px 16px;position:absolute;top:36%;left:22px;right:22px}.result-modal.win{background:linear-gradient(145deg,#251b00f0,#031018eb);border:1px solid #ffe13594}.result-modal.lose{background:linear-gradient(145deg,#2a0015f0,#031018eb);border:1px solid #ff469694}.result-modal span{color:var(--cyan);font-size:11px;font-weight:1000}.result-modal h2{color:#fff;margin:4px 0 8px;font-size:40px;line-height:1}.result-modal p{color:#f4f8ffcc;margin:0;font-size:13px;line-height:1.45}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.result-stats strong{color:var(--gold);gap:4px;font-size:25px;display:grid}.result-stats small{color:#f4f8ff94;font-size:10px}.result-modal button{color:#100b00;background:linear-gradient(90deg,#ffea2f,#ffb400);border:0;border-radius:8px;width:100%;height:42px;margin-top:14px;font-size:18px;font-weight:1000}@keyframes pulse{to{box-shadow:0 0 0 9px #23f4ff00}}@keyframes heavenly{0%{filter:saturate()}to{filter:saturate(1.5)brightness(1.12)}}@media (height<=810px){.screen{padding-top:12px}.top-bar{height:70px}.profile-header{height:84px}.season-card{min-height:96px;margin-top:8px}.home-arena{min-height:262px;margin-top:8px}.arena-title strong{font-size:40px}.arena-title span{font-size:14px}.player-plate img{width:58px;height:58px}.player-plate strong{font-size:19px}.player-plate span{font-size:10px}.arena-dice-stage{height:96px}.hero-dice-art{width:min(290px,118%);margin-bottom:16px}.quick-match{height:56px;padding-top:6px;bottom:136px}.quick-match strong{font-size:28px}.quick-match span{font-size:11px}.streak-strip,.reward-grid{display:none}.dice-zone{margin-top:8px;padding:8px 8px 6px}.dice-row{gap:7px;width:min(348px,100%);height:108px;margin-top:5px;padding:0}.die{width:36px;height:36px;padding:7px}.die i{width:5px;height:5px}}@media (height>=811px) and (height<=900px){.top-bar{height:72px}.profile-header{height:86px}.season-card{min-height:100px;margin-top:7px}.home-arena{min-height:284px;margin-top:8px}.arena-title{margin-top:7px}.arena-title strong{font-size:43px}.arena-dice-stage{height:108px}.hero-dice-art{width:min(306px,122%);margin-bottom:18px}.quick-match{height:58px;padding-top:7px;bottom:151px}.quick-match strong{font-size:29px}.quick-match span{font-size:12px}.streak-strip{height:31px;bottom:205px;left:64px;right:64px}.reward-grid{bottom:70px}.reward-card{min-height:58px;padding:8px}.bottom-nav{height:58px}.dice-row{height:118px;margin-top:6px}.die{width:38px;height:38px;padding:8px}}