.version-badge{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:16px;z-index:30;padding:3px 9px;font-size:12px;line-height:1.4;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#7c8ba1;background:#94a3b81a;border:1px solid rgba(148,163,184,.16);border-radius:999px;transition:opacity .3s}.version-badge.is-hidden{opacity:0}.sysbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:calc(env(safe-area-inset-top,0px) + 10px) 18px 12px;background:#0f172af0;border-bottom:1px solid rgba(148,163,184,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:sysbar-in .36s cubic-bezier(.16,.84,.25,1) both;transition:border-color .3s}@keyframes sysbar-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sysbar.is-done{border-bottom-color:#38bdf873}.sysbar-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.sysbar-text{font-size:13px;line-height:1.3;color:#cbd5e1;letter-spacing:.3px}.sysbar.is-done .sysbar-text{color:#7dd3fc}.sysbar-pct{flex:none;font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}.sysbar-track{height:4px;border-radius:999px;background:#94a3b833;overflow:hidden}.sysbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .18s linear,background .3s}.sysbar.is-done .sysbar-fill{background:linear-gradient(90deg,#38bdf8,#34d399)}.updatebar{display:flex;align-items:center;justify-content:space-between;gap:14px}.updatebar-text{display:flex;flex-direction:column;gap:2px;min-width:0}.updatebar-title{font-size:13px;font-weight:600;color:#7dd3fc}.updatebar-sub{font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}.updatebar-actions{display:flex;flex:none;gap:8px}.updatebar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:7px 15px;font-size:13px;font-weight:600;border-radius:999px;color:#0f172a;background:linear-gradient(180deg,#7dd3fc,#38bdf8);touch-action:manipulation}.updatebar-btn:active{transform:scale(.97)}.updatebar-btn.ghost{color:#94a3b8;background:transparent;border:1px solid rgba(148,163,184,.3)}.stage{min-height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 22px) 24px calc(env(safe-area-inset-bottom,0px) + 24px)}.header{text-align:center}.title{margin:0;font-size:26px;font-weight:700;letter-spacing:2px}.subtitle{margin:6px 0 0;font-size:14px;color:#94a3b8}.play{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.dice-area{position:relative;width:var(--d);height:var(--d);margin:30px 0 10px}.shadow{position:absolute;left:50%;bottom:-34px;width:62%;height:22px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#00000080,#0000 70%);animation:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px}.toss{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.16,.8,.24,1);will-change:transform}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:calc(var(--d) * .13);border-radius:calc(var(--d) * .18);background:linear-gradient(145deg,#fff,#dbe2ec);box-shadow:inset 0 0 0 1px #0f172a14;transform:var(--face-transform) translateZ(calc(var(--d) / 2));backface-visibility:hidden}.pip-cell{display:flex;align-items:center;justify-content:center}.pip{width:calc(var(--d) * .155);height:calc(var(--d) * .155);border-radius:50%;background:radial-gradient(circle at 34% 30%,#475569,#0f172a 70%);box-shadow:inset 0 -2px 3px #00000047}.tossing .toss{animation:toss 1.6s cubic-bezier(.3,.7,.4,1) both}.tossing .shadow{animation:shadow-pulse 1.6s cubic-bezier(.3,.7,.4,1) both}@keyframes toss{0%{transform:translateY(0) rotate(0)}32%{transform:translateY(calc(var(--d) * -.95)) rotate(8deg)}62%{transform:translateY(0) rotate(-4deg)}80%{transform:translateY(calc(var(--d) * -.22)) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes shadow-pulse{0%,62%{transform:translate(-50%) scale(1);opacity:1}32%{transform:translate(-50%) scale(.55);opacity:.55}80%{transform:translate(-50%) scale(.82)}to{transform:translate(-50%) scale(1);opacity:1}}.result{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.result-placeholder{color:#64748b;font-size:15px}.result-value{display:flex;align-items:baseline;gap:12px;font-size:54px;font-weight:800;line-height:1;transition:color .3s}.result-value.is-small{color:#38bdf8}.result-value.is-big{color:#fb923c}.result-label{font-size:30px;font-weight:700}.result-hint{color:#94a3b8;font-size:14px;letter-spacing:1px}.roll-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;min-width:200px;padding:16px 40px;font-size:18px;font-weight:700;letter-spacing:4px;color:#0f172a;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:999px;box-shadow:0 10px 24px #00000059,inset 0 -2px #0f172a1f;transition:transform .08s ease,box-shadow .08s ease,opacity .2s;touch-action:manipulation}.roll-btn:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 5px 14px #00000059}.roll-btn:disabled{opacity:.55;cursor:default}.reward{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(env(safe-area-inset-top,0px) + 20px) 18px calc(env(safe-area-inset-bottom,0px) + 20px);background:radial-gradient(circle at 50% 38%,#7a1616f0,#000000f7 72%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:reward-fade .26s ease both;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.reward-text{flex:none;max-width:100%;font-size:clamp(26px,10vw,62px);font-weight:900;line-height:1.15;letter-spacing:4px;text-align:center;color:#ffd400;text-shadow:0 0 20px rgba(255,212,0,.8),0 0 48px rgba(255,120,0,.6),0 3px 0 #b45309;animation:reward-pop .45s cubic-bezier(.2,1.7,.35,1) both}.reward-img{max-width:100%;max-height:64vh;border-radius:14px;object-fit:contain;box-shadow:0 16px 50px #000000b3,0 0 0 3px #ffd40066;animation:reward-pop .5s .06s cubic-bezier(.2,1.5,.35,1) both;-webkit-user-drag:none;pointer-events:none}@keyframes reward-fade{0%{opacity:0}to{opacity:1}}@keyframes reward-pop{0%{transform:scale(.55) rotate(-7deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}:root{--d: min(46vw, 168px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0f172a;background-image:radial-gradient(1200px 600px at 50% -10%,#1e293b,#0f172a 55%),radial-gradient(900px 500px at 50% 110%,#172033,#0f172a 60%);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}