:root{--ink: #170e33;--ink-2: #2c1a63;--ink-3: #1f1250;--pink: #ff5fa2;--pink-deep: #e0367f;--cyan: #46e0f5;--yellow: #ffd447;--green: #7be86b;--orange: #ff8a3d;--red: #ff4757;--cream: #fff6e5;--violet: #9b6bff;--font-ui: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-text: 0 2px 0 rgba(23, 14, 51, .55);--glass: rgba(23, 14, 51, .52);--glass-line: rgba(255, 246, 229, .22);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#100a26;color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}#ui{position:absolute;inset:0;pointer-events:none;z-index:10}.is-hidden{display:none!important}.btn{position:relative;pointer-events:auto;font-family:inherit;font-weight:800;font-size:clamp(15px,1.9vmin,20px);letter-spacing:.06em;color:var(--cream);cursor:pointer;border:none;padding:.85em 1.6em;border-radius:999px;background:linear-gradient(180deg,#fff6e529,#fff6e505);border:3px solid rgba(255,246,229,.5);text-shadow:var(--shadow-text);transition:transform .09s ease,filter .15s ease}.btn:active{transform:translateY(2px) scale(.985)}.btn:disabled{opacity:.55;cursor:progress;filter:grayscale(.4)}.btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn-primary{border:0;color:#fff;padding:1em 2.1em;background:var(--ui-button) center / 100% 100% no-repeat;filter:drop-shadow(0 6px 0 rgba(23,14,51,.45)) drop-shadow(0 0 18px rgba(255,95,162,.55))}.btn-primary:active{filter:drop-shadow(0 3px 0 rgba(23,14,51,.45)) drop-shadow(0 0 14px rgba(255,95,162,.5))}.btn-big{font-size:clamp(18px,2.6vmin,26px);padding:1.05em 2.4em}.btn-cyan{background:linear-gradient(180deg,#46e0f58c,#46e0f52e);border-color:#46e0f5bf;box-shadow:0 0 20px #46e0f547}.btn-ghost{background:#170e336b;border-color:#fff6e559;font-weight:700;opacity:.92}.icon-btn{pointer-events:auto;width:clamp(40px,6vmin,52px);height:clamp(40px,6vmin,52px);display:grid;place-items:center;font-size:clamp(13px,1.7vmin,17px);font-weight:800;color:var(--cream);cursor:pointer;background:var(--glass);border:2px solid var(--glass-line);border-radius:16px;backdrop-filter:blur(6px);border-image-source:var(--ui-frame);border-image-slice:26%;border-image-width:12px;border-image-repeat:stretch;transition:transform .09s ease}.icon-btn:active{transform:scale(.94)}.hud{position:absolute;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;animation:fade-in .3s ease both}.hud-side{display:flex;align-items:center;gap:clamp(6px,1vmin,10px)}.stat{display:flex;align-items:baseline;gap:5px;padding:.42em .7em;border-radius:14px;background:var(--glass);border:1.5px solid var(--glass-line);backdrop-filter:blur(7px);box-shadow:0 4px 14px #0a051a59}.stat-label{font-size:clamp(9px,1.15vmin,12px);font-weight:700;letter-spacing:.12em;color:#fff6e5a8}.stat-value{font-size:clamp(16px,2.3vmin,23px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:-1px -1px 0 rgba(23,14,51,.6),0 0 12px rgba(255,212,71,.35)}.stat-best .stat-value{color:var(--yellow)}.stat-mult{font-size:clamp(11px,1.5vmin,15px);font-weight:900;color:var(--ink);background:var(--yellow);border-radius:8px;padding:.05em .35em;margin-left:2px}.stat-mult.is-hidden{display:none}.height-goal{position:absolute;top:calc(var(--safe-t) + 74px);right:calc(var(--safe-r) + 13px);padding:4px 8px;border-radius:999px;background:#170e3375;color:#fff6e5bf;font-size:clamp(10px,1.3vmin,12px);white-space:nowrap;pointer-events:none}.height-goal b{color:var(--yellow);margin:0 3px;font-variant-numeric:tabular-nums}.milestone-callout{position:absolute;left:50%;top:clamp(110px,17vh,160px);transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(86vw,370px);padding:9px 16px 9px 10px;border:2px solid var(--yellow);border-radius:18px;color:var(--cream);background:linear-gradient(135deg,#421d77f2,#170e33eb);box-shadow:0 0 25px #ffd44747,0 6px 20px #170e3380;pointer-events:none;animation:milestone-arrive .38s cubic-bezier(.2,1.4,.4,1) both}.milestone-badge{flex:none;width:44px;height:44px;background:center / contain no-repeat}.milestone-callout strong,.milestone-callout small{display:block}.milestone-callout strong{font-size:clamp(15px,2vmin,20px);font-weight:900;color:var(--yellow);white-space:nowrap}.milestone-callout small{margin-top:3px;font-size:clamp(10px,1.3vmin,12px);line-height:1.4}@keyframes milestone-arrive{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.effects{position:absolute;top:calc(var(--safe-t) + 62px);left:calc(var(--safe-l) + 12px);display:flex;flex-direction:column;gap:5px;max-width:46vw}.effect{display:flex;align-items:center;gap:6px;padding:.3em .6em .3em .45em;border-radius:12px;background:#170e3380;border:1.5px solid var(--glass-line);font-size:clamp(10px,1.35vmin,13px);font-weight:800;letter-spacing:.04em;animation:pop-in .22s cubic-bezier(.2,1.5,.5,1) both;backdrop-filter:blur(6px)}.effect[data-kind=curse]{border-color:#ff4757b3;background:#4a0c1a8c;color:#ffd9de}.effect[data-kind=bless]{border-color:#7be86b99}.effect-glyph{font-size:1.25em;line-height:1;width:1.8em;height:1.8em;display:grid;place-items:center;background:center / contain no-repeat}.effect-name{white-space:nowrap}.effect-bar{width:clamp(22px,4vmin,44px);height:4px;border-radius:3px;background:#fff6e540;overflow:hidden}.effect-bar>i{display:block;height:100%;width:100%;background:var(--cyan);transform-origin:left center}.effect[data-kind=curse] .effect-bar>i{background:var(--red)}.touch-hints{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 16px);display:flex;justify-content:space-between;padding:0 clamp(10px,3vmin,34px);opacity:0;transition:opacity .5s ease}.touch-hints.is-on{opacity:1}.touch-hint{width:clamp(56px,11vmin,92px);height:clamp(56px,11vmin,92px);display:grid;place-items:center;border-radius:50%;background:#170e3352;border:3px solid rgba(255,246,229,.32);backdrop-filter:blur(4px);font-size:clamp(20px,3.4vmin,30px);color:#fff6e5d9}.touch-hints.is-on .touch-hint{animation:hint-pulse 1.5s ease-in-out infinite}.curse-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 22px #ff47578c,inset 0 0 0 6px #ff475780;animation:curse-pulse 1.1s ease-in-out infinite}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:fade-in .28s ease both}.screen-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--safe-t) + 18px) calc(var(--safe-r) + 18px) calc(var(--safe-b) + 18px) calc(var(--safe-l) + 18px)}.scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#2c1a63b8,#0a051ae6 70%);backdrop-filter:blur(3px)}.screen-title{background:var(--ink);--art-w: min(100vw, calc(100vh * .5627))}.title-art{position:absolute;inset:-4%;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px) saturate(1.15) brightness(.62)}.title-art-sharp{position:absolute;inset:0;background-position:center 42%;background-size:contain;background-repeat:no-repeat}.title-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#100a26db,#100a261f 24%,#100a2647 52%,#100a26e6 84%,#100a26fa)}.title-inner{z-index:1;justify-content:space-between;gap:10px}.game-title{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.title-main{font-size:clamp(34px,8.6vmin,74px);font-weight:900;letter-spacing:.06em;color:var(--cream);text-shadow:0 3px 0 var(--pink-deep),0 6px 0 rgba(23,14,51,.7),0 0 34px rgba(255,95,162,.8);-webkit-text-stroke:2px rgba(255,246,229,.2);animation:title-float 3.4s ease-in-out infinite}.title-sub{font-size:clamp(12px,2.1vmin,17px);font-weight:700;letter-spacing:.24em;color:var(--yellow);text-shadow:var(--shadow-text);padding:.3em .9em;border-radius:999px;background:#170e338c;border:1.5px solid rgba(255,212,71,.4)}.title-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.title-best{margin:0;font-size:clamp(12px,1.7vmin,15px);font-weight:700;letter-spacing:.1em;color:#fff6e5cc;text-shadow:var(--shadow-text)}.title-best strong{color:var(--yellow);font-size:1.25em;font-variant-numeric:tabular-nums}.how-to{list-style:none;margin:0;padding:10px 14px;display:grid;gap:7px;width:min(100%,calc(var(--art-w, 100vw) * .94),460px);border-radius:18px;background:#170e338c;border:1.5px solid var(--glass-line);backdrop-filter:blur(8px);font-size:clamp(11px,1.5vmin,14px)}.how-to li{display:flex;align-items:center;gap:9px;line-height:1.35}.how-to b{flex:none;min-width:5.2em;text-align:center;padding:.25em .5em;border-radius:8px;background:#fff6e51f;border:1px solid rgba(255,246,229,.2);color:var(--cyan);font-weight:800;font-size:.94em}.how-to span{color:#fff6e5db}.title-foot{display:flex;gap:10px}.wheel-inner{z-index:1;justify-content:center;gap:clamp(10px,3vh,26px)}.wheel-stage{--wheel: min(70vmin, 40vh, 380px);position:relative;width:var(--wheel);height:var(--wheel);flex:none}.wheel-spinner{position:absolute;inset:0;will-change:transform}.wheel-img{width:100%;height:100%;display:block;filter:drop-shadow(0 0 26px rgba(255,95,162,.5))}.wheel-labels{position:absolute;inset:0}.wheel-labels>span{position:absolute;width:0;height:0}.wheel-labels span>*{position:absolute;left:0;top:0;display:block;transform:translate(-50%,-50%)}.wheel-labels span>.wedge-icon{width:calc(var(--wheel) * .1);height:calc(var(--wheel) * .1);background:center / contain no-repeat;font-style:normal;font-size:calc(var(--wheel) * .07);line-height:calc(var(--wheel) * .1);text-align:center;filter:drop-shadow(0 1px 2px rgba(23,14,51,.35))}.wheel-labels span>.wedge-label{width:max-content;font-size:clamp(8px,calc(var(--wheel) * .025),11px);font-weight:900;letter-spacing:.02em;white-space:nowrap;color:#4a1c52;text-shadow:0 1px 0 rgba(255,255,255,.75)}.wheel-labels span[data-curse="1"]>.wedge-label{color:#8d1236}.wheel-pointer{position:absolute;left:50%;top:-3%;width:17%;height:15%;transform:translate(-50%);background:linear-gradient(180deg,#ff85b6,var(--pink) 55%,var(--pink-deep));clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 0 3px var(--cream)) drop-shadow(0 4px 8px rgba(10,5,26,.6));z-index:3;border-radius:4px 4px 0 0}.wheel-pointer:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 100%,0 0,100% 0);border:3px solid var(--cream);border-radius:4px}.wheel-hub{position:absolute;left:50%;top:50%;width:17%;height:17%;z-index:2;border-radius:50%;border:2px solid #e8bd65;background:var(--cream) center / 70% 70% no-repeat;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .2s ease,transform .34s cubic-bezier(.2,1.5,.4,1);pointer-events:none;filter:drop-shadow(0 2px 6px rgba(23,14,51,.5))}.wheel-hub.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}.destiny-card{position:relative;width:min(100%,340px);padding:16px 18px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;border-image-source:var(--ui-panel);border-image-slice:22% fill;border-image-width:26px;border-image-repeat:stretch;filter:drop-shadow(0 10px 24px rgba(10,5,26,.55))}.destiny-card[data-state=revealed]{animation:card-reveal .5s cubic-bezier(.2,1.4,.4,1) both}.destiny-card[data-state=spinning]{min-height:150px;justify-content:center}.card-badge{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:26px;font-weight:900;color:var(--ink);background:radial-gradient(circle at 35% 30%,#fff3c9,var(--yellow) 60%,#e0a51e);box-shadow:0 0 22px #ffd44799,inset 0 -3px #170e3340}.destiny-card[data-kind=curse] .card-badge{background:radial-gradient(circle at 35% 30%,#ffc9d1,var(--red) 60%,#a51d2c);box-shadow:0 0 22px #ff475799,inset 0 -3px #170e3340}.card-icon{width:78%;height:78%;display:block;background:center / contain no-repeat}.card-name{margin:2px 0 0;font-size:clamp(18px,3vmin,26px);font-weight:900;letter-spacing:.08em;color:var(--cream);text-shadow:0 2px 0 rgba(23,14,51,.7)}.destiny-card[data-kind=curse] .card-name{color:#ff9aa6}.card-desc{margin:0;font-size:clamp(12px,1.7vmin,15px);line-height:1.45;color:#fff6e5d9;max-width:24em}.destiny-card .btn{margin-top:10px}.toasts{position:absolute;left:50%;top:calc(var(--safe-t) + 68px);transform:translate(-50%);width:min(90%,460px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:.42em .95em;border-radius:999px;background:#170e33bd;border:1.5px solid var(--glass-line);font-size:clamp(11px,1.5vmin,14px);font-weight:800;letter-spacing:.04em;text-align:center;color:var(--cream);box-shadow:0 6px 18px #0a051a66;backdrop-filter:blur(6px);animation:toast-in .26s cubic-bezier(.2,1.4,.4,1) both}.toast.is-out{animation:toast-out .4s ease both}.toast[data-kind=curse]{border-color:#ff4757b3;background:#4a0c1ad1;color:#ffd9de}.toast[data-kind=bless]{border-color:#ffd44799}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.96)}}.screen-modal{z-index:20}.screen-modal .screen-inner{z-index:1;justify-content:center}.panel{position:relative;width:min(100%,380px);padding:26px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;border:0;border-image-source:var(--ui-panel);border-image-slice:22% fill;border-image-width:28px;border-image-repeat:stretch;filter:drop-shadow(0 16px 34px rgba(10,5,26,.6));animation:panel-in .32s cubic-bezier(.2,1.3,.4,1) both}.panel-title{margin:6px 0 0;font-size:clamp(20px,3vmin,28px);font-weight:900;letter-spacing:.14em;color:var(--cream);text-shadow:0 2px 0 rgba(23,14,51,.7),0 0 20px rgba(70,224,245,.4)}.medal{width:clamp(52px,9vmin,76px);height:clamp(52px,9vmin,76px);display:grid;place-items:center;border-radius:50%;font-size:clamp(26px,4.6vmin,38px);color:#a35f00;background:radial-gradient(circle at 35% 30%,#fff3c9,var(--yellow) 55%,#dfa016);box-shadow:0 0 30px #ffd4478c,inset 0 -4px #170e3338;margin-top:-46px;animation:medal-pop .5s cubic-bezier(.2,1.6,.4,1) both}.over-rank{margin:-6px 0 0;font-size:clamp(13px,1.9vmin,17px);font-weight:800;letter-spacing:.18em;color:var(--yellow);text-shadow:var(--shadow-text)}.panel-rows{width:100%;display:grid;gap:2px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;font-size:clamp(12px,1.7vmin,15px);border-radius:12px;background:#170e3357}.row+.row{border-top:1px solid rgba(255,246,229,.1)}.row span{color:#fff6e5bf;font-weight:700;letter-spacing:.08em}.row b{font-size:1.35em;font-weight:900;font-variant-numeric:tabular-nums;color:var(--cream)}.row-best b{color:var(--yellow)}.over-new{margin:0;font-size:clamp(12px,1.8vmin,16px);font-weight:900;letter-spacing:.16em;color:var(--ink);background:var(--yellow);border-radius:999px;padding:.28em .9em;animation:pop-in .3s ease both}.panel-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.panel-actions .btn{flex:1 1 auto;min-width:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes medal-pop{0%{opacity:0;transform:scale(.4) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes card-reveal{0%{opacity:.2;transform:rotateY(85deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hint-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes curse-pulse{0%,to{opacity:.45}50%{opacity:.95}}@media (prefers-reduced-motion: reduce){.title-main,.touch-hints.is-on .touch-hint,.curse-vignette{animation:none}.panel,.destiny-card,.medal,.milestone-callout{animation-duration:.01ms}}@media (max-height: 620px){.how-to{display:none}.title-main{font-size:clamp(28px,6vmin,48px)}.wheel-stage{--wheel: min(58vmin, 46vh, 300px)}.panel{gap:9px;padding:18px}.medal{margin-top:-38px}}@media (min-width: 900px) and (orientation: landscape){.title-inner{flex-direction:column;justify-content:center;gap:clamp(14px,3vh,30px)}.wheel-inner{flex-direction:row;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px)}.wheel-stage{--wheel: min(62vh, 46vw, 420px)}.destiny-card{width:min(38vw,380px)}}