*{box-sizing:border-box}:root{--ww-text:#eef1f6;--ww-dim:#eef1f68c;--ww-faint:#eef1f638;--ww-line:#eef1f652;--ww-frame:#f2eee4;--ww-cream:#fff2b8;--ww-amber:#f1c185;--ww-mint:#6bffce;--ww-mint-deep:#52f3af;--ww-energy:#ffef8c;--ww-rose:#993c54;--ww-disc:#080a0e6b;--ww-num:"Bahnschrift", "DIN Alternate", "Roboto Condensed", "Segoe UI", sans-serif;--ww-cjk:"Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", sans-serif;--ww-ease:cubic-bezier(.2, .8, .2, 1)}html,body{height:100%;color:var(--ww-text);font-family:var(--ww-num), var(--ww-cjk);background:#0e1015;margin:0;overflow:hidden}#scene{touch-action:none;cursor:crosshair;width:100%;height:100%;position:fixed;inset:0}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}kbd{font:inherit}.ww-dia{border:1px solid var(--ww-frame);flex:none;width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.ww-tag{letter-spacing:.3em;color:var(--ww-dim);align-items:center;gap:8px;font-size:11px;font-weight:300;display:flex}.ww-tag span{font-family:var(--ww-cjk);letter-spacing:.14em;color:var(--ww-faint)}.ww-stars{gap:1px;display:inline-flex}.ww-stars svg{width:13px;height:13px;fill:var(--ww-cream);filter:drop-shadow(0 0 2px #f1c185d9)drop-shadow(0 0 5px #de834459)}.ww-el{background:var(--el);width:22px;height:22px;box-shadow:0 0 6px color-mix(in srgb, var(--el) 30%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ww-el svg{fill:#fff;width:72%;height:72%}.ww-el.sm{width:18px;height:18px}.ww-focus{border:1px solid color-mix(in srgb, var(--ww-frame) 40%, transparent);border-radius:10px;position:absolute;inset:-5px}.ww-score{width:clamp(220px,19vw,270px);animation:ww-in .8s var(--ww-ease) both;position:absolute;top:clamp(18px,3.4vh,36px);left:clamp(18px,2.6vw,44px)}.ww-score-value{font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 0 22px #ffffff29;margin:6px 0 10px;font-size:58px;font-weight:200;line-height:.9}.ww-nib{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#ffffff14;height:8px;position:relative}.ww-nib i{width:100%;transition:width .35s var(--ww-ease), background .3s;background:linear-gradient(90deg,#ededed 0 88%,#535353 100%);position:absolute;inset:0 auto 0 0}.ww-nib b{background:repeating-linear-gradient(90deg,#0000 0 22px,#0e1015bf 22px 24px);position:absolute;inset:0}.ww-nib.low i{background:linear-gradient(90deg, #ff5e78 0 88%, var(--ww-rose) 100%)}.ww-sub{letter-spacing:.2em;color:var(--ww-dim);align-items:baseline;gap:6px;margin-top:8px;font-size:10px;display:flex}.ww-sub b{letter-spacing:.03em;color:var(--ww-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.ww-gap{margin-left:10px}.ww-next{animation:ww-in .8s .1s var(--ww-ease) both;position:absolute;top:clamp(150px,22vh,190px);left:clamp(18px,2.6vw,44px)}.ww-next .ww-tag{margin-bottom:10px}.ww-card{--rarity:#a9b8c9;aspect-ratio:.72;background:linear-gradient(180deg, #0e101500 0%, color-mix(in srgb, var(--rarity) 22%, #14161c99) 55%, color-mix(in srgb, var(--rarity) 45%, #1d2028) 88%), linear-gradient(118deg, transparent 0 46%, #ffffff0d 46% 64%, transparent 64%);width:152px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity) 28%, transparent);place-items:center;display:grid;position:relative;overflow:hidden}.ww-card[data-rarity=ssr]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity) 80%, transparent), 0 0 14px color-mix(in srgb, var(--rarity) 35%, transparent)}.ww-card[data-rarity=ssr]:before{content:"";height:1px;box-shadow:0 0 8px var(--rarity);background:linear-gradient(90deg,#0000,#fff,#0000);position:absolute;top:0;left:10%;right:10%}.ww-card img{filter:drop-shadow(0 10px 14px #00000080);width:64%;margin-bottom:18%}.ww-card.swap img{animation:ww-rise .5s var(--ww-ease)}.ww-card-lv{letter-spacing:.08em;color:var(--ww-dim);font-size:11px;font-weight:300;position:absolute;top:8px;left:10px}.ww-card-foot{border-top:1px solid #ffffff38;align-items:center;gap:6px;padding-top:6px;display:flex;position:absolute;bottom:9px;left:8px;right:8px}.ww-card-name{flex-direction:column;min-width:0;margin-right:auto;line-height:1.15;display:flex}.ww-card-name b{font-family:var(--ww-cjk);letter-spacing:.08em;white-space:nowrap;font-size:13px;font-weight:500}.ww-card-name small{letter-spacing:.24em;color:var(--ww-dim);font-size:8px}.ww-card-strip{background:var(--rarity);height:4px;box-shadow:0 0 10px var(--rarity);position:absolute;bottom:0;left:0;right:0}.ww-roster{width:236px;animation:ww-in .8s .2s var(--ww-ease) both;position:absolute;bottom:clamp(44px,7vh,64px);left:clamp(18px,2.6vw,44px)}.ww-roster ol{grid-template-columns:repeat(6,1fr);gap:10px 6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ww-roster li{background:var(--ww-disc);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--ww-faint);filter:brightness(.55)blur(.4px);border-radius:50%;place-items:center;transition:box-shadow .4s,filter .4s;display:grid;position:relative}.ww-roster li img{opacity:.35;filter:grayscale();width:76%;height:76%;transition:opacity .4s,filter .4s}.ww-roster li em{text-align:center;color:#15171d;background:#eef1f680;border-radius:2px;min-width:14px;padding:0 2px;font-size:9px;font-style:normal;font-weight:700;line-height:13px;position:absolute;bottom:-3px;right:-4px}.ww-roster li.lit{filter:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--el) 70%, transparent)}.ww-roster li.lit img{opacity:1;filter:none}.ww-roster li.lit em{background:var(--ww-frame)}.ww-roster li.top{box-shadow:inset 0 0 0 2px var(--rarity), 0 0 12px color-mix(in srgb, var(--rarity) 60%, transparent)}.ww-roster li{pointer-events:auto;cursor:pointer}.ww-roster li:hover{filter:none}.ww-roster li.pick{filter:none;box-shadow:inset 0 0 0 2px var(--ww-mint), 0 0 12px #6bffce8c}.ww-roster li.pick img{opacity:1;filter:none}.ww-pick-mode{letter-spacing:.08em;color:var(--ww-dim);border:1px solid var(--ww-faint);border-radius:2px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.ww-pick-mode.on{color:#0d1a15;background:var(--ww-mint);border-color:#0000}.ww-roster li.top:after{content:"";border:1px solid color-mix(in srgb, var(--ww-frame) 35%, transparent);background:linear-gradient(var(--ww-frame), var(--ww-frame)) top left / 8px 2px, linear-gradient(var(--ww-frame), var(--ww-frame)) top left / 2px 8px, linear-gradient(var(--ww-frame), var(--ww-frame)) bottom right / 8px 2px, linear-gradient(var(--ww-frame), var(--ww-frame)) bottom right / 2px 8px;background-repeat:no-repeat;border-radius:9px;position:absolute;inset:-6px}.ww-lib{--energy:0;--size:clamp(96px, 15vh, 128px);animation:ww-in .8s .3s var(--ww-ease) both;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(40px,8vh,72px);right:clamp(56px,8.5vw,130px)}.ww-lib-btn{width:var(--size);height:var(--size);pointer-events:auto;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.ww-lib-ring{background:conic-gradient(var(--ww-energy) calc(var(--energy) * 360deg), #eef1f624 0);filter:drop-shadow(0 0 4px #ffef8c80);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px));mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px))}.ww-lib-btn:before{content:"";background:linear-gradient(var(--ww-line), var(--ww-line)) center top / 1px 5px, linear-gradient(var(--ww-line), var(--ww-line)) center bottom / 1px 5px, linear-gradient(var(--ww-line), var(--ww-line)) left center / 5px 1px, linear-gradient(var(--ww-line), var(--ww-line)) right center / 5px 1px;background-repeat:no-repeat;position:absolute;inset:-7px}.ww-lib-disc{background:radial-gradient(circle at 50% 40%, #282e3a8c, var(--ww-disc));-webkit-backdrop-filter:blur(6px);border-radius:50%;place-items:center;display:grid;position:absolute;inset:4px}.ww-lib-disc svg{fill:#ffffff73;width:52%;height:52%;transition:fill .3s,filter .3s}.ww-lib-btn kbd{color:#15171d;background:var(--ww-frame);border-radius:3px;min-width:18px;height:18px;font-size:10px;font-weight:700;line-height:18px;position:absolute;bottom:2px;right:2px}.ww-lib-smoke{opacity:0;background:conic-gradient(from 0deg, transparent 0 20%, #52f3af59 30%, transparent 42%, transparent 62%, #21f7f740 72%, transparent 84%);filter:blur(6px);border-radius:50%;transition:opacity .4s;position:absolute;inset:-14px}.ww-lib.ready .ww-lib-ring{background:conic-gradient(from var(--spin,0deg), #fff 0deg, var(--ww-mint) 40deg, #4eb787 200deg, #4eb78740 330deg, #fff 360deg);filter:drop-shadow(0 0 6px #6bffceb3);animation:1.2s linear infinite ww-spin-ring;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 5px),#000 calc(50% - 4.5px));mask:radial-gradient(circle,#0000 calc(50% - 5px),#000 calc(50% - 4.5px))}.ww-lib.ready .ww-lib-smoke{opacity:1;animation:2.4s linear infinite reverse ww-spin}.ww-lib.ready .ww-lib-disc svg{fill:#fff;filter:drop-shadow(0 0 6px #6bffcecc)}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ww-spin-ring{to{--spin:360deg}}.ww-lib-label{letter-spacing:.28em;color:var(--ww-dim);flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex}.ww-lib-label b{letter-spacing:.06em;color:var(--ww-energy);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.ww-lib.ready .ww-lib-label b{color:var(--ww-mint)}.ww-combo{opacity:0;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;transition:opacity .25s,transform .25s;display:grid;transform:translateY(6px)}.ww-combo.show{opacity:1;transform:none}.ww-combo span{letter-spacing:.4em;color:var(--ww-mint);font-size:10px}.ww-combo b{color:#fff;text-shadow:0 0 14px #6bffceb3;font-size:36px;font-style:italic;font-weight:600;line-height:1}.ww-combo b.bump{animation:.35s cubic-bezier(.3,1.6,.5,1) ww-bump}.ww-concerto{grid-column:1/-1;gap:2px;margin-top:6px;display:flex}.ww-concerto i{background:#eef1f624;width:9px;height:4px;transform:skew(-30deg)}.ww-concerto i:nth-child(5){margin-right:6px}.ww-concerto i.on{background:#f1e193;box-shadow:0 0 5px #f1e193cc}.ww-warn{opacity:0;letter-spacing:.36em;color:#ffd2db;background:linear-gradient(90deg,#993c54a6,#993c5400);align-items:center;gap:10px;padding:4px 16px 4px 8px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:clamp(12px,2.2vh,22px);left:50%;transform:translate(-50%)}.ww-warn b{font-family:var(--ww-cjk);letter-spacing:.2em;color:#fff;font-size:12px;font-weight:400}.ww-warn-badge{letter-spacing:0;color:#fff;background:var(--ww-rose);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.ww-warn.hot{animation:.5s steps(2,end) infinite ww-blink}.ww-pops{position:absolute;inset:0;overflow:hidden}.ww-pop{color:var(--rarity);text-shadow:0 0 10px color-mix(in srgb, var(--rarity) 60%, transparent), 0 2px 4px #0009;animation:ww-pop .95s var(--ww-ease) forwards;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.ww-pop b{font-size:22px;font-style:italic;font-weight:600}.ww-pop span{font-family:var(--ww-cjk);letter-spacing:.3em;font-size:11px}.ww-pop i{font-style:normal;font-family:var(--ww-cjk);letter-spacing:.3em;color:#10151a;text-shadow:none;margin-bottom:2px;padding:1px 6px 1px 8px;font-size:10px}.ww-pop i.res{background:#8ff4ff}.ww-pop i.press{background:#ffb36b}.ww-pop-sr b,.ww-pop-ssr b{font-size:30px}.ww-reveal{visibility:hidden;position:absolute;inset:0;overflow:hidden}.ww-reveal.play{visibility:visible;animation:2.6s step-end forwards ww-hide}.ww-reveal-bg{opacity:0;background:radial-gradient(at 45%,#ffe07a47,#0e10158c 55%,#0e1015b3);position:absolute;inset:0}.ww-reveal.play .ww-reveal-bg{animation:2.5s ease-out forwards ww-fade}.ww-reveal-sweep{mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffecb44d,#ffffff73,#ffecb44d,#0000);width:26%;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}.ww-reveal.play .ww-reveal-sweep{animation:.9s cubic-bezier(.5,0,.3,1) .15s forwards ww-sweep}.ww-reveal-body{justify-content:center;align-items:center;gap:clamp(24px,4vw,56px);display:flex;position:absolute;inset:0}.ww-card-big{opacity:0;width:clamp(150px,15vw,210px)}.ww-reveal.play .ww-card-big{animation:ww-card-in 2.5s var(--ww-ease) forwards}.ww-new{letter-spacing:.12em;color:#f4f2ec;background:#857953d9;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 0 1px #e0cea4}.ww-reveal-text{opacity:0;flex-direction:column;gap:10px;display:flex}.ww-reveal.play .ww-reveal-text{animation:ww-text-in 2.5s .2s var(--ww-ease) forwards}.ww-reveal-label{letter-spacing:.5em;color:var(--ww-amber);font-size:11px}.ww-reveal-name{font-family:var(--ww-cjk);letter-spacing:.22em;color:#fff;text-shadow:0 0 24px #ffe07a8c;font-size:clamp(40px,5.6vw,76px);font-weight:700;line-height:1}.ww-reveal-meta{font-family:var(--ww-cjk);letter-spacing:.2em;color:var(--ww-dim);align-items:center;gap:10px;font-size:12px;display:flex}.ww-reveal-line{background:linear-gradient(90deg, var(--ww-amber), transparent);width:min(36vw,360px);height:1px}.ww-libshow{visibility:hidden;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:40%;left:0;right:0}.ww-libshow.play{visibility:visible;animation:1.6s step-end forwards ww-hide}.ww-libshow-line{background:linear-gradient(90deg, transparent, var(--ww-mint));width:18vw;height:1px;transform:scaleX(0)}.ww-libshow-line:last-child{background:linear-gradient(90deg, var(--ww-mint), transparent)}.ww-libshow.play .ww-libshow-line{animation:ww-line .5s var(--ww-ease) forwards}.ww-libshow-text{opacity:0;color:#fff;text-shadow:0 0 16px #6bffcecc;flex-direction:column;align-items:center;gap:4px;display:flex}.ww-libshow-text span{letter-spacing:.6em;color:var(--ww-mint);font-size:11px}.ww-libshow-text b{font-family:var(--ww-cjk);letter-spacing:.5em;padding-left:.5em;font-size:34px}.ww-libshow.play .ww-libshow-text{animation:ww-text-in 1.5s var(--ww-ease) forwards}.ww-paused,.ww-over{display:none;position:absolute;inset:0}.ww-paused{background:#080a0e66;flex-direction:column;justify-content:center;align-items:center;gap:6px}.ww-paused span{letter-spacing:.8em;color:var(--ww-dim);font-size:12px}.ww-paused b{font-family:var(--ww-cjk);letter-spacing:.5em;font-size:30px;font-weight:300}.ww-paused.show{display:flex}.ww-over{pointer-events:auto;cursor:pointer;background:linear-gradient(#0e0e0ceb,#282420e6 60%,#6e6862e0);gap:4vw;padding:9vh 6vw 0}.ww-over.show{animation:.5s ease-out ww-fade-in;display:flex}.ww-over-main{flex:1;min-width:0}.ww-over-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3.4vh 14px;max-width:920px;margin-top:3vh;display:grid}.ww-card-mini{opacity:0;width:100%;animation:ww-rise .5s calc(var(--i) * 60ms + .15s) var(--ww-ease) forwards}.ww-card-mini.locked{filter:saturate(.2)brightness(.7);--rarity:#3a3f4a!important}.ww-card-mini .ww-card-name b{font-size:11px}.ww-card-mini .ww-stars svg{width:9px;height:9px}.ww-q{color:var(--ww-faint);margin-bottom:18%;font-size:36px;font-weight:200}.ww-over-side{border-left:1px solid #eef1f629;align-self:stretch;width:clamp(180px,18vw,240px);padding-top:4vh;padding-left:28px}.ww-over-k{letter-spacing:.4em;color:var(--ww-dim);font-size:11px}.ww-over-score{font-variant-numeric:tabular-nums;margin:8px 0 20px;font-size:64px;font-weight:200;line-height:1}.ww-over-side dl{letter-spacing:.28em;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:11px;display:grid}.ww-over-side dt{color:var(--ww-dim)}.ww-over-side dd{text-align:right;font-family:var(--ww-num), var(--ww-cjk);letter-spacing:.06em;margin:0;font-size:14px}.ww-over-close{text-align:center;font-family:var(--ww-cjk);letter-spacing:.24em;color:#c9c1bb;font-size:12px;animation:2s ease-in-out infinite ww-breathe;position:absolute;bottom:5vh;left:0;right:0}.ww-hint{font-family:var(--ww-cjk);letter-spacing:.1em;color:var(--ww-faint);white-space:nowrap;gap:16px;font-size:11px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ww-hint span{align-items:center;gap:5px;display:flex}.ww-hint kbd{border:1px solid var(--ww-faint);color:var(--ww-dim);border-radius:3px;padding:0 5px;font-size:10px}@keyframes ww-in{0%{opacity:0;transform:translate(-16px)}}@keyframes ww-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ww-spin{to{transform:rotate(360deg)}}@keyframes ww-bump{0%{transform:scale(1.5)}}@keyframes ww-blink{50%{filter:brightness(1.7)}}@keyframes ww-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-110%)scale(1)}to{opacity:0;transform:translate(-50%,-140%)}}@keyframes ww-hide{to{visibility:hidden}}@keyframes ww-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes ww-fade-in{0%{opacity:0}}@keyframes ww-sweep{to{left:120%}}@keyframes ww-card-in{0%{opacity:0;transform:translateY(40px)scale(.92)}14%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}@keyframes ww-text-in{0%{opacity:0;letter-spacing:.6em;transform:translate(-20px)}18%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes ww-line{to{transform:scaleX(1)}}@keyframes ww-breathe{50%{opacity:.45}}@media (height<=720px){.ww-roster{display:none}}@media (width<=900px){.ww-next,.ww-roster{display:none}}html.ww-light{--ww-text:#1b2030;--ww-dim:#1b20309e;--ww-faint:#1b203038;--ww-line:#1b203052;--ww-frame:#2b2f3a;--ww-cream:#9a7420;--ww-amber:#a8691e;--ww-energy:#c2900e;--ww-mint:#13a874;--ww-mint-deep:#0f8a60;--ww-disc:#ffffff9e}html.ww-light,html.ww-light body{background:#e6e9ed}html.ww-light .ww-score-value{text-shadow:none}html.ww-light .ww-nib{background:#1b20301a}html.ww-light .ww-nib i{background:linear-gradient(90deg,#2b2f3a 0 88%,#8a8f99 100%)}html.ww-light .ww-nib b{background:repeating-linear-gradient(90deg,#0000 0 22px,#e6e9ede6 22px 24px)}html.ww-light .ww-roster li em{color:#1b2030;background:#ffffffd9}html.ww-light .ww-roster li.lit em,html.ww-light .ww-lib-btn kbd,html.ww-light .ww-pick-mode.on{color:#fff}html.ww-light .ww-lib-ring{background:conic-gradient(var(--ww-energy) calc(var(--energy) * 360deg), #1b20301f 0);filter:none}html.ww-light .ww-concerto i{background:#1b203024}html.ww-light .ww-combo b{color:var(--ww-text);text-shadow:0 0 12px #13a87459}html.ww-light .ww-warn b{color:var(--ww-text)}