*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:transparent}.stage{width:1080px;height:1920px;position:absolute;left:50%;top:50%;transform-origin:center;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;background:#08070e url('./assets/stage.svg') center/cover no-repeat;z-index:-2}.stage[data-background="transparent"] .scene{display:none}.stage[data-background="solid"] .scene{background:var(--solid,#100b13)}.brand{position:absolute;left:48px;top:40px;font-size:21px;font-weight:900;letter-spacing:2px;color:#f7e4da}.brand span{font-size:17px;color:#b3a1a8;font-weight:600}.wins{position:absolute;left:42px;top:90px;min-width:335px;max-width:510px;border:1px solid #ffffff1f;border-radius:18px;padding:12px 22px;background:#0b0911b8}.wins h2{margin:0 0 8px;font-size:21px;line-height:1.1;letter-spacing:1.5px;color:#ff8656}.wins p{font-size:23px;color:#ab9eae;margin:6px 0}.win-row{display:flex;align-items:center;gap:16px;font-size:22px;line-height:28px;margin:2px 0}.win-row>span{color:#938792;font-size:20px}.win-row b{flex:1;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win-row strong{color:#55dc8c;font-size:24px;margin-left:16px}.win-row .mini-avatar{width:26px;height:26px}.mini-avatar{width:33px;height:33px;border-radius:50%}.round-tag{position:absolute;right:47px;top:103px;font-size:23px;font-weight:800;letter-spacing:2px;color:#dcced4}.mode{position:absolute;right:44px;top:149px;font-size:16px;letter-spacing:1px;color:#baa9b1;max-width:450px;text-align:right}.mode.simulation{color:#ffc26f;background:#422c15;border:1px solid #a2703e;border-radius:30px;padding:12px 20px}.panel{position:absolute;left:42px;top:315px;width:996px;height:1210px;border:2px solid #ffffff20;border-radius:36px;background:linear-gradient(140deg,#211317ee,#0b0913ed 58%,#1c0e14e8);box-shadow:0 14px 65px #0008, inset 0 1px #ffffff0b;padding:58px 50px 32px;text-align:center;overflow:hidden}h1{font-size:58px;line-height:1.08;font-weight:950;letter-spacing:-1px;margin:0 0 28px;text-shadow:0 0 24px #ff77372e}.range{display:inline-flex;gap:12px;align-items:center;background:#ffffff0c;border-radius:32px;padding:10px 25px;font-size:30px;font-weight:800}.range span{font-size:26px;color:#b8aeb4}.warm-track{margin:30px auto 0;width:710px;height:14px;border-radius:20px;background:linear-gradient(90deg,#202c49,#4f2530);overflow:hidden}.warm-track div{height:100%;width:0;background:linear-gradient(90deg,#ce492d,#ff8243);border-radius:20px;box-shadow:0 0 20px #ff612f;transition:width .55s}.warm-label{font-size:19px;letter-spacing:3px;font-weight:800;margin-top:14px;color:#a79fae}.directions{display:flex;align-items:center;justify-content:space-between;font-size:26px;font-weight:800;margin:32px 0 26px}.directions>span:first-child{color:#37d778}.directions>span:last-child{color:#ff6b72}.directions small{font-size:21px;font-weight:600;color:#b8aab3;max-width:370px;white-space:nowrap}.cards{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:20px;max-height:690px;overflow:hidden}.card{width:169px;height:211px;border:1px solid #ffffff08;border-bottom:3px solid var(--signal,#aaa);border-radius:24px;background:linear-gradient(145deg,#ffffff0e,#ffffff04);padding:17px 6px 12px;animation:arrive .3s ease-out;position:relative;flex-shrink:0}.card.higher{--signal:#37d778}.card.lower{--signal:#ff6b72}.card.exact{--signal:#ffb658}.card.hidden{--signal:#96909b}.avatar{width:73px;height:73px;display:block;border-radius:50%;border:3px solid var(--signal,#ff874b);box-shadow:0 0 15px color-mix(in srgb,var(--signal,#ff874b) 35%,transparent);margin:0 auto 11px;background:#363041}.card .name{display:block;font-size:26px;font-weight:800;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0 auto 12px}.card .guess{font-size:38px;line-height:38px;font-weight:950;letter-spacing:-1px}.card .arrow{font-size:27px;margin-left:5px;color:var(--signal)}.card.spot{box-shadow:0 0 28px #ffae4480, inset 0 0 25px #ff883331;border-color:#ffb04c}.card.spot:after{content:'★';position:absolute;top:-4px;right:4px;font-size:29px;color:#ffc665}.card.long .guess{font-size:27px}.empty{position:absolute;top:407px;left:70px;right:70px;height:490px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b6aab6}.empty-mark{font-size:140px;font-weight:900;line-height:1.15;color:#f87537;text-shadow:0 0 50px #f663314d}.empty h2{font-size:27px;margin:22px 0 12px;letter-spacing:1px;color:#f5ece8}.empty p{font-size:33px;margin:6px}.empty small{font-size:22px;margin-top:13px;color:#ad9bad}.clock-row{position:absolute;bottom:83px;left:0;width:100%;display:flex;justify-content:center;gap:60px;align-items:center}.clock-row>div{display:flex;align-items:baseline;gap:10px}.clock-row strong{font-size:65px;line-height:1;font-weight:950;letter-spacing:-3px;font-variant-numeric:tabular-nums}.clock-row span{font-size:19px;letter-spacing:2px;color:#a39aa8;font-weight:800}.clock-row .player-count{display:flex;flex-direction:column;align-items:center;gap:5px}.player-count strong{font-size:45px;letter-spacing:-1px;color:#ff713f}.clock-row .urgent{color:#ff7475;animation:pulse .75s ease-in-out infinite alternate}.rule-note{position:absolute;bottom:32px;left:30px;right:30px;color:#a99ba8;font-size:21px}.follow{position:absolute;top:1545px;left:42px;width:996px;height:116px;padding:24px 28px;display:flex;align-items:center;gap:23px;border:2px solid #ffffff20;border-radius:27px;background:#170d17e8;box-shadow:0 7px 20px #0005}.follow-heart{font-size:49px;color:#ff7039;filter:drop-shadow(0 0 12px #ff5b344d)}.follow-middle{flex:1}.follow h2{font-size:22px;letter-spacing:1px;margin:0 0 12px}.follow-track{height:16px;background:#ffffff0b;border-radius:14px;overflow:hidden}.follow-track div{height:100%;width:0;background:linear-gradient(90deg,#f74924,#ff924b);border-radius:14px;transition:width .6s}.follow-count strong{font-size:38px}.follow-count span{font-size:25px;color:#b1a1af}.toasts{position:absolute;bottom:166px;left:48px;width:560px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;gap:16px;align-items:center;padding:15px 24px;background:#1a101de8;border:1px solid #ed8e574f;border-radius:22px;animation:arrive .3s ease-out;box-shadow:0 8px 30px #0007}.toast .symbol{font-size:35px;color:#ff9a50}.toast b{font-size:25px;display:block}.toast p{font-size:22px;color:#c8b9c8;margin:4px 0 0}.input-note{position:absolute;left:45px;right:45px;bottom:34px;text-align:center;color:#c8bac8;font-size:19px;letter-spacing:.3px;padding:12px;border-radius:20px;background:#0907109c}.suspense{padding-top:120px}.lock-icon{font-size:160px;font-weight:950;color:#ff8349;animation:pulse .45s alternate infinite}.suspense p{font-size:22px;letter-spacing:4px;color:#cbbbca}.suspense h2{font-size:42px}.rolling{font-size:115px;font-weight:900;letter-spacing:20px;color:#ff9a53;animation:pulse .15s infinite alternate}.result>p{font-size:34px;color:#ad9cab;font-weight:700;margin:40px 0 0}.answer{display:block;font-size:156px;line-height:1.1;color:#ff6831;letter-spacing:-7px;text-shadow:0 0 70px #ff623362;animation:reveal .65s cubic-bezier(.2,.8,.25,1)}.answer.long{font-size:100px}.winner{margin:25px auto 25px;padding:24px;min-width:315px;max-width:710px;width:max-content;border:1px solid #b7522538;background:radial-gradient(at top,#80392177,#4e1f1822);border-radius:29px;box-shadow:0 0 40px #e9741c15}.winner .avatar{width:98px;height:98px;margin-bottom:17px}.winner b{display:block;font-size:45px;line-height:1.2;max-width:630px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner p{margin:14px 0 4px;color:#c4b1bd;font-size:28px}.result h2{font-size:21px;letter-spacing:3px;color:#c2b3c2;margin:27px 0 20px}.runners{display:grid;grid-template-columns:1fr 1fr;gap:14px}.runner{display:flex;align-items:center;gap:11px;background:#ffffff07;border-radius:16px;padding:12px 15px;font-size:24px}.runner b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:195px}.runner span{font-size:19px;color:#ab9eb1;margin-left:auto;white-space:nowrap}.result .next-label{font-size:22px;margin-top:28px;color:#cfbbc6}.paused{position:absolute;inset:0;background:#110b18e8;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.paused strong{font-size:77px}.paused p{font-size:25px;color:#baa7bb}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(17px) scale(.94)}to{opacity:1;transform:none}}@keyframes pulse{to{opacity:.67}}@keyframes reveal{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.cards .card{height:199px}
.stage .toasts{bottom:100px;gap:8px}.toasts .toast{padding:8px 18px}.toasts .toast:nth-last-child(n+3){display:none}
.toast .symbol{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center}.toast .symbol img{display:block;width:42px;height:42px;object-fit:contain}