:root{--ui-deep: #0e1b42;--ui-navy: #16306b;--sd: #0a1636;--cyan: #5fd8ff;--gold: #ffc93c;--holy: #fff6d0;--red: #ff3b54;--green: #46e07a;--muted: #b9c8e8;--f-ui: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--f-verse: "Noto Serif SC", "Songti SC", SimSun, serif;--f-px: "Silkscreen", ui-monospace, monospace;--panel-bg: linear-gradient(180deg, #16306b, #0e1b42);--panel-ring: 0 0 0 3px #0a1636, inset 0 0 0 1px rgba(122, 180, 255, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#050b1f;color:#fff;font-family:var(--f-ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.panel,.table-wrap,.tune{overscroll-behavior:contain}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}.px{font-family:var(--f-px);letter-spacing:.06em}.stroke{font-weight:900;-webkit-text-stroke:3px var(--sd);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.45)}.stroke-sm{font-weight:900;-webkit-text-stroke:2px var(--sd);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.4)}.note{color:var(--muted);font-size:12.5px;line-height:1.55;margin:6px 0}.note--ok{color:var(--green)}.center{text-align:center}.boot{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ui-deep);color:var(--muted);font-weight:900}.app{position:relative;height:100%;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--ui-deep)}.stage{position:relative;flex:1 1 auto;min-height:280px;overflow:hidden}.stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .25s}.stage__canvas canvas{display:block}.stage--rec .stage__canvas{filter:blur(3px) brightness(.6)}.stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:17px;background:#0e1b428c}.hud{position:absolute;left:0;right:0;top:0;z-index:3;padding:calc(env(safe-area-inset-top) + 10px) 10px 0;pointer-events:none}.hud button{pointer-events:auto}.hud__row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.player{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:16px;background:var(--panel-bg);box-shadow:var(--panel-ring)}.player__bust{width:42px;height:42px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#5ab4f0,#2e7bc4 48%,#1e5fa8);box-shadow:inset 0 0 0 2px #ffffffd9,inset 0 3px #fff9}.player__bust img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.player__bust--none{display:grid;place-items:center;background:linear-gradient(180deg,#6b7aa8,#3b4670)}.player__bust--none .px{font-size:18px;color:#fffc}.player__info{display:flex;flex-direction:column;gap:5px;width:98px}.player__name{font-size:13px;line-height:1}.pills{display:flex;flex-direction:column;gap:10px;align-items:flex-end;padding-top:3px}.pill{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 3px;border-radius:20px;background:var(--ui-deep);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 2px #fff}.pill__ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#5ab4f0,#1e5fa8)}.pill__ico img{width:22px;height:22px;image-rendering:pixelated}.pill .px{font-size:12px;-webkit-text-stroke:2px var(--sd);paint-order:stroke fill}.banner{margin:8px auto 0;width:max-content;max-width:62%;text-align:center;padding:4px 16px 5px;border-radius:12px;background:var(--panel-bg);box-shadow:var(--panel-ring)}.banner__en{font-size:10.5px;line-height:1.4}.banner__zh{font-size:14px;line-height:1.35}.foe-hp{position:absolute;z-index:2;width:128px;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.foe-hp__name{font-size:13px}.foe-hp .hpbar{width:100%}.hpbar{position:relative;width:100%;border-radius:999px;background:#0b1430;box-shadow:0 0 0 3px var(--sd);overflow:hidden}.hpbar__fill{height:100%;transition-property:width;transition-timing-function:steps(14,end);box-shadow:inset 0 3px #ffffff73}.hpbar--foe .hpbar__fill{background:repeating-linear-gradient(90deg,#ff3b54 0,#ff3b54 7px,#c7203a 7px,#c7203a 9px)}.hpbar--hero .hpbar__fill{background:repeating-linear-gradient(90deg,#46e07a 0,#46e07a 7px,#23a457 7px,#23a457 9px)}.hpbar__num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;-webkit-text-stroke:2px var(--sd);paint-order:stroke fill}.pops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pop{position:absolute;font-size:30px;font-weight:700;white-space:nowrap;-webkit-text-stroke:4px var(--sd);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.45)}.pop--hit{color:#fff}.pop--miss{color:#a7b1cf;font-size:22px}.pop--hurt{color:var(--red);font-size:24px}.toast{position:absolute;left:12px;right:12px;bottom:26px;z-index:7;padding:10px 14px;border-radius:14px;background:#0e1b42f2;box-shadow:var(--panel-ring);font-size:14px;line-height:1.5;text-align:center}.warn{position:absolute;z-index:40;top:calc(env(safe-area-inset-top) + 8px);left:8px;right:8px;padding:10px 14px;border-radius:14px;background:#5a0f1c;box-shadow:0 0 0 3px var(--sd);font-size:13.5px;line-height:1.5}.warn p{margin:0 0 4px}.verse-card{position:relative;z-index:5;margin:-16px 8px 0;padding:10px 16px 14px;min-height:176px;border-radius:20px;background:var(--panel-bg);box-shadow:var(--panel-ring)}.verse-card--empty{display:flex;align-items:center;justify-content:center}.verse-card__placeholder{margin:0;font-size:16px}.verse-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.verse-card__ref{font-size:13px;font-weight:900;color:var(--gold);-webkit-text-stroke:2px var(--sd);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.4)}.verse-card__ref .px{font-size:10.5px}.verse-card__ref-zh{white-space:nowrap}.verse-card__tag{flex:none;font-size:10.5px;color:var(--muted);border:1px solid rgba(185,200,232,.35);border-radius:8px;padding:1px 6px}.verse{margin:0;font-family:var(--f-verse);font-weight:600;font-size:17px;line-height:1.85;color:var(--holy)}.verse--marks{line-height:2.3}.mk{position:relative;animation:mk-in .18s both;animation-delay:var(--d, 0ms)}.mk--eq{color:var(--green)}.mk--sub{color:var(--red);text-decoration:underline wavy var(--red);text-underline-offset:5px;text-decoration-thickness:1.5px}.mk--sub:before{content:attr(data-heard);position:absolute;left:50%;top:-1.05em;transform:translate(-50%);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1;color:#ff9aaa}.mk--fix{text-decoration:underline dotted rgba(70,224,122,.7);text-underline-offset:5px}.mk--fix:before{content:attr(data-heard);position:absolute;left:50%;top:-1.05em;transform:translate(-50%);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1;color:#96ecb4cc}.mk--del{color:#fff6d066}.mk--punct{color:#fff6d080}@keyframes mk-in{0%{color:#fff6d047;opacity:.5}}.acc-row{display:flex;align-items:baseline;gap:10px}.acc{font-size:36px;line-height:1.05;font-weight:700;-webkit-text-stroke:4px var(--sd);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.45)}.acc small{font-size:20px}.acc--good{color:var(--green)}.acc--mid{color:var(--gold)}.acc--bad{color:var(--red)}.acc-row__stats{display:flex;flex-wrap:wrap;column-gap:4px;font-size:12px;color:var(--muted)}.acc-row__stat{white-space:nowrap}.dmg-line{margin:2px 0 0;font-size:12.5px;font-weight:700;color:#dde6fa}.dmg-line--win{color:var(--green)}.rec{display:flex;flex-direction:column;gap:6px;padding-top:2px}.rec__status{display:flex;align-items:center;gap:8px;font-size:15px}.rec__dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #ff3b5440;animation:blink 1s infinite}.rec__dot--starting,.rec__dot--stopping{background:#7e8cb8;box-shadow:none;animation:none}.rec__time{margin-left:auto;font-size:12px;color:var(--muted)}.rec__step{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--muted)}.rec__ref{font-size:19px;color:#fff}.rec__hint{margin:2px 0 0;font-size:12.5px;color:var(--cyan)}@keyframes blink{50%{opacity:.35}}.debug-typed{display:flex;flex-direction:column;gap:6px;margin-top:4px}.debug-typed input{width:100%;padding:8px 10px;border-radius:10px;border:2px solid #2e7bc4;background:#0b1430;color:#fff;font:14px var(--f-ui);-webkit-user-select:text;user-select:text}.debug-typed__row{display:flex;gap:6px;flex-wrap:wrap}.debug-typed__row button{padding:4px 9px;border-radius:8px;background:#1e5fa8;font-size:12px}.tray{position:relative;z-index:6;margin:12px 8px calc(env(safe-area-inset-bottom) + 12px);height:74px;flex:none;display:grid;grid-template-columns:1fr 108px 1fr;align-items:center;border-radius:22px;background:var(--panel-bg);box-shadow:var(--panel-ring),0 5px #081228}.tray__side{display:flex;justify-content:space-evenly;align-items:center;gap:0;min-width:0;padding:0 2px}.iconblock{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.iconblock__face{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#5ab4f0,#2e7bc4 48%,#1e5fa8);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 2px #ffffffd9,inset 0 3px #fff9,0 4px 0 3px #081228}.iconblock__face img{width:26px;height:26px;image-rendering:pixelated}.iconblock__label{position:relative;z-index:1;font-size:13px;line-height:1.1;white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--sd);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--sd)}.iconblock:disabled{opacity:.45}.iconblock:active:not(:disabled) .iconblock__face{transform:translateY(3px)}.iconblock,.iconblock__face{position:relative}.dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 2px var(--sd),0 0 6px 1px #ff4d5ea6;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.calm .dot{animation:none}.stars__img{width:15px;height:15px;vertical-align:-2px;image-rendering:pixelated}.big-star{position:relative}.big-star img{display:block;width:100%;height:100%;image-rendering:pixelated}.big-star__burst{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:center / contain no-repeat;pointer-events:none;animation:star-burst .6s ease-out both}@keyframes star-burst{0%{transform:scale(.4) rotate(-20deg);opacity:0}45%{opacity:.9}to{transform:scale(1.3) rotate(10deg);opacity:0}}.calm .big-star__burst{display:none}.podium__medal{display:block;width:44px;height:44px;margin:0 auto;image-rendering:pixelated}.streak__flame{width:26px;height:26px;image-rendering:pixelated}.team-slot--empty img{width:46px;height:46px;image-rendering:pixelated;opacity:.8}.spirit__ico{width:15px;height:15px;vertical-align:-3px;margin-right:3px;image-rendering:pixelated}.big-star{width:56px;height:56px}.podium__medal{margin-bottom:2px}.streak__flame{vertical-align:-5px;margin-right:4px}.map{background-size:cover;background-position:center}.map__node .map__stars img{width:12px;height:12px;image-rendering:pixelated;filter:none}.map__coming{position:absolute;left:50%;top:-2px;transform:translate(-50%);width:170px;pointer-events:none}.map__coming img{display:block;width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(90,50,20,.3))}.map__coming-text{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:10px;line-height:1;white-space:nowrap;color:#fff6d0;-webkit-text-stroke:2px #5a3300;paint-order:stroke fill}.taunt.taunt--framed{top:38%;width:min(88vw,360px);max-width:none;margin:0 auto;aspect-ratio:512 / 256;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14% 14% 17%;box-sizing:border-box;background:center / 100% 100% no-repeat}.taunt--framed .taunt__text{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:.02em;text-wrap:balance;color:#fff1d6;-webkit-text-stroke:3.5px #3b1d0e;paint-order:stroke fill;text-shadow:0 2px 0 #3b1d0e}.taunt--framed .taunt__text--long{font-size:16px}.taunt--framed .taunt__who{position:absolute;left:50%;bottom:calc(28% - 12px);transform:translate(-50%);padding:3px 14px 4px;border-radius:999px;white-space:nowrap;font-family:var(--f-ui);font-size:13px;font-weight:900;line-height:1.2;letter-spacing:.14em;color:#ffd98a;background:linear-gradient(180deg,#8c2533,#561019);box-shadow:0 0 0 2px #2a0d08,inset 0 1px #ffffff47,0 3px #2a0d08;-webkit-text-stroke:0;text-shadow:0 1px 0 #2a0d08}.summon-page__wallet{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:6px 0 0}.wallet{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:14px;font-size:13px;font-weight:900;color:var(--holy);background:#08122e99;box-shadow:inset 0 0 0 1.5px #7ab4ff4d}.wallet img{width:18px;height:18px;image-rendering:pixelated}.wallet--met{font-size:12px;font-weight:700;color:var(--muted)}.chapter-end__hero{margin:2px 0 10px;font-size:19px;color:var(--gold)}.chapter-end__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 12px;padding:10px 4px;list-style:none;border-radius:14px;background:#08122e80;box-shadow:inset 0 0 0 1.5px #7ab4ff40}.chapter-end__stats li{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.chapter-end__stats b{font-size:15px;color:var(--holy)}.chapter-end__stats small{font-size:10px;line-height:1.25;color:var(--muted)}.chapter-end__verses{margin:4px 0 10px;padding:0;list-style:none}.chapter-end__verses li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(122,180,255,.14)}.chapter-end__ref{font-size:13px;color:var(--holy)}.chapter-end__verses--miss .chapter-end__ref{color:var(--muted)}.chapter-end__soon{position:relative;width:min(100%,240px);margin:10px auto 12px}.chapter-end__soon img{display:block;width:100%;height:auto;image-rendering:pixelated}.chapter-banner{position:relative;width:min(100%,300px);margin:8px auto 2px}.chapter-banner img{display:block;width:100%;height:auto;image-rendering:pixelated}.chapter-banner__text{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);font-size:13px;font-weight:900;white-space:nowrap;color:#fff6d0}.px-outline{filter:drop-shadow(1px 0 0 #0a1636) drop-shadow(-1px 0 0 #0a1636) drop-shadow(0 1px 0 #0a1636) drop-shadow(0 -1px 0 #0a1636)}.mic-slot{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:7px}.mic{position:absolute;top:-40px;left:50%;margin-left:-42px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffe9a0,#ffc93c 46%,#e89a10);box-shadow:0 0 0 3px #5a3300,inset 0 0 0 2px #ffffffe6,inset 0 4px #ffffffd9,0 6px 0 3px #a85f00,0 0 26px 3px #ffc93c80;transition:transform .08s,box-shadow .08s,filter .2s}.mic:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 3px #5a3300,inset 0 0 0 2px #ffffffe6,inset 0 4px #ffffffd9,0 1px 0 3px #a85f00,0 0 26px 3px #ffc93c80}.mic:disabled,.mic--muted{filter:grayscale(.8) brightness(.65)}.mic--rec{background:linear-gradient(180deg,#ff7a8c,#ff3b54 46%,#b01230);box-shadow:0 0 0 3px #4a0812,inset 0 0 0 2px #ffffffd9,inset 0 4px #fff9,0 6px 0 3px #6e0a1c,0 0 26px 3px #ff3b548c;animation:mic-pulse 1.1s ease-in-out infinite}.mic--rec:disabled{filter:none}.mic__ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid rgba(255,59,84,.75);animation:ring 1.6s ease-out infinite;pointer-events:none}.mic__ring:nth-of-type(2){animation-delay:.53s}.mic__ring:nth-of-type(3){animation-delay:1.06s}@keyframes ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.75);opacity:0}}@keyframes mic-pulse{50%{transform:scale(1.05)}}.mic-label{font-size:13px;line-height:1;white-space:nowrap}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:14px;background:#060c209e}.panel{width:100%;max-height:88%;overflow:auto;padding:14px 16px 18px;border-radius:22px;background:var(--panel-bg);box-shadow:var(--panel-ring),0 8px #081228}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{margin:18px 0;border:3px solid transparent;border-radius:999px;background:#040a1e8c padding-box}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#ffe9a0,#ffc93c 55%,#d9901a) padding-box;box-shadow:inset 0 0 0 1px #5a33008c}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#fff4c8,#ffd45e 55%,#e8a126) padding-box}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{width:0;height:0;display:none;background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#ffc93c rgba(4,10,30,.55)}}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.panel__head h2{margin:0;font-size:20px}.panel__x{width:34px;height:34px;border-radius:12px;font-weight:900;background:linear-gradient(180deg,#3a5a9e,#16306b);box-shadow:0 0 0 3px #08122e,inset 0 0 0 2px #fff9}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:12px;border-radius:18px;font-size:17px;font-weight:900;color:#fff;-webkit-text-stroke:3px var(--stroke);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.35);background:var(--face);box-shadow:0 0 0 3px var(--stroke),inset 0 0 0 2px #ffffffd9,inset 0 3px #ffffffb3,0 6px 0 3px var(--hard)}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 3px var(--stroke),inset 0 0 0 2px #ffffffd9,inset 0 3px #ffffffb3,0 1px 0 3px var(--hard)}.btn:disabled{opacity:.5}.btn--gold{--face: linear-gradient(180deg, #ffe9a0, #ffc93c 46%, #e89a10);--stroke: #5a3300;--hard: #a85f00;-webkit-text-stroke-color:#8a4a00}.btn--cyan{--face: linear-gradient(180deg, #7fe4ff, #2094c4);--stroke: #053e56;--hard: #04304a}.btn--red{--face: linear-gradient(180deg, #ff7a8c, #b01230);--stroke: #4a0812;--hard: #3a0610}.btn--navy{--face: linear-gradient(180deg, #3a5a9e, #16306b);--stroke: #08122e;--hard: #050c20}.btn-row{display:flex;gap:10px}.tag-unverified{display:inline-block;margin:0 0 4px;font-size:11.5px;color:#ffb3bf;background:#8e102473;border-radius:8px;padding:2px 8px}.stage-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.stage-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:16px;text-align:left;background:linear-gradient(180deg,#1e3f84,#16306b);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 1.5px #7ab4ff73,inset 0 3px #ffffff29}.stage-row:disabled{opacity:.45}.stage-row:active:not(:disabled){transform:translateY(2px)}.stage-row__no{width:30px;font-size:18px;color:var(--cyan)}.stage-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.stage-row__main b{font-size:15px}.stage-row__main small{font-size:12px;color:var(--muted)}.boss{margin-left:6px;padding:1px 5px;border-radius:6px;font-style:normal;font-size:10px;background:#8e1024;-webkit-text-stroke:0}.stage-row__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stars{color:var(--gold);font-size:13px;letter-spacing:1px}.stars .off{color:#ffffff2e}.cost{display:flex;align-items:center;gap:3px;font-size:12px}.cost img{width:16px;height:16px;image-rendering:pixelated}.stage-row__best{font-size:10.5px;color:var(--muted)}.stage-row--current{box-shadow:0 0 0 3px var(--gold),inset 0 0 0 1.5px #ffe9a08c,inset 0 3px #ffffff29}.stage-row--locked{background:linear-gradient(180deg,#1a2646,#111a33);opacity:.6}.stage-row__tag{font-size:10.5px;font-weight:900;color:var(--gold)}.btn .cost{margin-left:10px;font-size:15px;-webkit-text-stroke:0}.btn .cost img{width:20px;height:20px}.privacy-link{margin-top:14px}.privacy-link a{color:var(--muted)}.chest{display:flex;flex-direction:column;align-items:center;margin:22px 0 2px}.chest__stage{position:relative;width:120px;height:100px}.chest__box{position:absolute;left:50%;bottom:0;width:96px;height:96px;margin-left:-48px}.chest__box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.chest__item{position:absolute;left:50%;top:-22px;width:60px;height:60px;margin-left:-30px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffe9a0b3,#ffc93c00 70%)}.chest__item img{width:46px;height:46px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.chest__label{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:4px;text-align:center}.chest__label b{font-size:15px;color:var(--gold)}.chest__label small{font-size:12px;color:var(--muted)}.equip-chip{width:100%;display:flex;align-items:center;gap:10px;margin-top:12px;padding:7px 12px 7px 8px;border-radius:16px;text-align:left;background:linear-gradient(180deg,#1e3f84,#16306b);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 1.5px #7ab4ff73,inset 0 3px #ffffff29}.equip-chip:active{transform:translateY(2px)}.equip-chip img{width:36px;height:36px;image-rendering:pixelated}.equip-chip__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.equip-chip__main b{font-size:15px}.equip-chip__main small{font-size:12px;color:var(--muted)}.equip-chip__count{font-size:13px;color:var(--cyan)}.equip{display:grid;grid-template-columns:76px 1fr 76px;align-items:center;gap:6px;margin:4px 0}.equip__col{display:flex;flex-direction:column;align-items:center;gap:10px}.equip__hero{display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-height:210px;border-radius:18px;background:radial-gradient(ellipse at 50% 62%,#5fd8ff38,#0e1b4200 70%)}.equip__hero img{max-width:100%;max-height:220px;image-rendering:pixelated}.slot{display:flex;flex-direction:column;align-items:center;gap:4px}.slot__face{position:relative;width:66px;height:66px;border-radius:14px;display:grid;place-items:center;background:#16306b;box-shadow:0 0 0 3px var(--sd),inset 0 3px 8px #00000080,inset 0 0 0 2px #ffffff38}.slot__face img{width:46px;height:46px;image-rendering:pixelated}.slot--empty .slot__face img{filter:brightness(0) opacity(.4)}.slot--sword .slot__face{background:radial-gradient(circle at 50% 45%,#fff6d059,#16306b 72%)}.slot--sel .slot__face{box-shadow:0 0 0 3px var(--cyan),0 0 14px #5fd8ffa6,inset 0 3px 8px #00000080}.slot__worn{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;background:var(--green);box-shadow:0 0 0 2px var(--sd)}.slot__label{font-size:11px;line-height:1}.equip-totals{margin:10px 0 0;text-align:center;font-size:16px}.equip-detail{margin-top:10px;padding:10px 12px 12px;border-radius:16px;background:#08122e8c;box-shadow:inset 0 0 0 1.5px #7ab4ff4d}.equip-detail b{font-size:16px}.equip-detail__ref{margin-left:8px;font-size:12px;color:var(--muted)}.equip-detail__fx{margin:4px 0 0;font-size:14px;font-weight:900;color:var(--cyan)}.equip-detail__missing{color:var(--gold)}.equip-detail .btn{height:44px;margin-top:8px;font-size:15px}.nav-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.nav-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;border-radius:16px;background:linear-gradient(180deg,#1e3f84,#16306b);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 1.5px #7ab4ff73,inset 0 3px #ffffff29}.nav-tile:active{transform:translateY(2px)}.nav-tile img{width:34px;height:34px;image-rendering:pixelated}.nav-tile b{font-size:14px;line-height:1.2}.nav-tile small{font-size:11px;color:var(--muted);white-space:nowrap}.nav-tile--hot{box-shadow:0 0 0 3px var(--gold),0 0 14px #ffc93c8c,inset 0 3px #ffffff29;animation:tile-hot 1.6s ease-in-out infinite}.nav-tile--hot small{color:var(--gold);font-weight:900}@keyframes tile-hot{50%{transform:translateY(-2px)}}.rar{--rarity: #7e8cb8;--rarity-glow: rgba(0, 0, 0, 0);--glow: 0px;border-radius:0;box-shadow:0 -3px 0 var(--rarity),0 3px 0 var(--rarity),-3px 0 0 var(--rarity),3px 0 0 var(--rarity),0 0 var(--glow) var(--rarity-glow)}.rar--R{--rarity: #5fd8ff;--rarity-glow: rgba(95, 216, 255, .7);--glow: 12px}.rar--GR{--rarity: #ffc93c;--rarity-glow: rgba(255, 201, 60, .75);--glow: 16px}.rar--UR{--rarity: #a45bff;--rarity-glow: rgba(164, 91, 255, .9);--glow: 22px}.char-card{position:relative;display:block;width:64px;height:64px;background:linear-gradient(180deg,#5ab4f0,#2e7bc4 48%,#1e5fa8)}.char-card img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.char-card--locked{--rarity: #7e8cb8;--glow: 0px;background:#16306b}.char-card--locked img{filter:brightness(0) opacity(.45)}.char-card--big{width:132px;height:132px}.char-card__rar{position:absolute;left:-3px;top:-3px;padding:1px 4px;font-size:9px;font-style:normal;line-height:1.3;color:#fff;background:var(--rarity);-webkit-text-stroke:0}.rar-tag{margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal;color:#fff;-webkit-text-stroke:0;vertical-align:middle}.rar-tag--R{background:#1e7fa0}.rar-tag--GR{background:#a67400}.rar-tag--UR{background:#6a2fc0}.summon{position:relative;height:250px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.summon__stone{height:240px;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.summon__beam{position:absolute;left:50%;bottom:60px;width:96px;height:200px;margin-left:-48px;transform-origin:50% 100%;opacity:0;background:linear-gradient(0deg,var(--beam, rgba(255, 246, 208, .9)),rgba(255,246,208,0));filter:blur(3px);pointer-events:none}.summon__beam--R{--beam: rgba(95, 216, 255, .9)}.summon__beam--GR{--beam: rgba(255, 201, 60, .95)}.summon__beam--UR{--beam: rgba(164, 91, 255, .95)}.summon__card{position:absolute;left:50%;top:34px;margin-left:-66px}.summon__name{margin:12px 0 0;font-size:20px}.summon__rates{font-size:11px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin:12px 0 4px;justify-items:center}.roster__item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 3px 3px;border-radius:10px}.roster__item--sel{background:#5fd8ff29}.roster__name{font-size:12px;line-height:1}.story{margin-top:10px;padding:12px 14px 14px;border-radius:16px;background:#08122e8c;box-shadow:inset 0 0 0 1.5px #7ab4ff4d}.story__head{display:flex;align-items:flex-end;gap:10px;margin-bottom:4px}.story__idle{height:96px;image-rendering:pixelated}.story__idle--locked{filter:brightness(0) opacity(.45)}.credits{margin-top:14px;font-size:10.5px;line-height:1.6;opacity:.8}.credits p{margin:0 0 6px}.credits a{color:var(--muted)}.story__card{flex:none;width:96px;aspect-ratio:512 / 768;object-fit:cover;image-rendering:pixelated}.story__title{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.story__title b{font-size:20px}.story__title small{font-size:11px;line-height:1.4;color:var(--muted)}.story__h{margin:12px 0 3px;font-size:13px;color:var(--gold)}.story__p{margin:0;font-family:var(--f-verse);font-weight:600;font-size:15px;line-height:1.8;color:var(--holy)}.story .btn{height:44px;font-size:15px}.team-note{margin-top:8px}.team-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-items:center;margin:8px 0 14px;padding:12px 6px 10px;border-radius:16px;background:#08122e73;box-shadow:inset 0 0 0 1.5px #7ab4ff40}.team-slot{position:relative;display:grid;place-items:center}.team-slot .char-card{width:58px;height:58px}.team-slot--empty{width:58px;height:58px;font-size:11px;color:var(--muted);border:2px dashed rgba(122,180,255,.35);border-radius:0}.team-slot__lead{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);padding:0 5px;font-size:10px;font-weight:900;font-style:normal;line-height:1.5;white-space:nowrap;color:#5a3300;background:var(--gold);border-radius:6px}.team-btns .btn{height:42px;margin-top:6px;font-size:14px}.banner{animation:banner-slam .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes banner-slam{0%{transform:translateY(-46px) scale(1.15);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.modal-back{animation:fade-in .2s ease-out both}.panel{animation:panel-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes fade-in{0%{opacity:0}}@keyframes panel-pop{0%{transform:scale(.9);opacity:0}}.reward--in{animation:row-in .35s cubic-bezier(.34,1.56,.64,1) .7s both}@keyframes row-in{0%{transform:translate(-24px);opacity:0}}.note--short{color:#ffb3bf;animation:short-shake .4s ease-in-out both}@keyframes short-shake{0%,to{transform:none}16%,50%,83%{transform:translate(-6px)}33%,66%{transform:translate(6px)}}.verse-card--rise{animation:card-rise .45s cubic-bezier(.215,.61,.355,1) both}@keyframes card-rise{0%{transform:translateY(40%);opacity:0}}.verse{transition:filter .4s cubic-bezier(.55,.085,.68,.53),opacity .4s cubic-bezier(.55,.085,.68,.53)}.verse-card--fading .verse,.verse-card--fading .acc-row,.verse-card--fading .dmg-line{filter:blur(10px);opacity:0;transition:filter .4s cubic-bezier(.55,.085,.68,.53),opacity .4s cubic-bezier(.55,.085,.68,.53)}.acc__num--pop{display:inline-block;animation:acc-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes acc-pop{50%{transform:scale(1.3)}}.pop--perfect{color:var(--gold)}.pop__perfect{display:block;margin-top:-2px;font-size:13px;letter-spacing:.12em;text-align:center;color:var(--gold);-webkit-text-stroke:3px var(--sd);paint-order:stroke fill}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 70px 22px #ff3b5499;animation:vignette .5s ease-out both}@keyframes vignette{0%{opacity:0}30%{opacity:1}to{opacity:0}}.chest__beam{position:absolute;left:50%;bottom:36px;width:70px;height:150px;margin-left:-35px;transform-origin:50% 100%;opacity:0;background:linear-gradient(0deg,#fff6d0f2,#fff6d000);filter:blur(3px);pointer-events:none}.chest__flash{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fffffff2,#fff0 65%);pointer-events:none}.char-card--back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#1e3f84 0,#1e3f84 8px,#16306b 8px,#16306b 16px);box-shadow:0 0 0 3px #7e8cb8}.char-card--back:after{content:"？";font-size:52px;font-weight:900;color:#ffffffbf;-webkit-text-stroke:3px var(--sd);paint-order:stroke fill}.map{position:relative;margin:8px 0 4px;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(172deg,#b9855214 0,#b9855214 14px,#fff6d00d 14px,#fff6d00d 30px),radial-gradient(ellipse at 50% 20%,#f7e2b4,#e6ba7c 62%,#c98f55);box-shadow:inset 0 0 0 2px #7a4c2673,inset 0 8px 18px #fff6d059}.map__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map__svg path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.map__road-edge{stroke:#9b6a3f;stroke-width:20}.map__road{stroke:#eccb96;stroke-width:15}.map__road-done{stroke:#ffc93c;stroke-width:7;opacity:.9}.map__road-dash{stroke:#fffae6d9;stroke-width:2;stroke-dasharray:5 9}.map__node{position:absolute;width:60px;height:60px;margin:-34px 0 0 -30px;display:grid;place-items:center}.map__node img{width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(90,50,20,.35))}.map__node--boss{width:72px;height:72px;margin:-40px 0 0 -36px}.map__node--boss img{width:72px;height:72px}.map__node--locked img{filter:grayscale(.6) brightness(.8) drop-shadow(0 3px 0 rgba(90,50,20,.3))}.map__node--current{animation:node-float 1.6s ease-in-out infinite}.map__node--current:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(circle,#ffc93cd9,#ffc93c00 68%);animation:node-glow 1.6s ease-in-out infinite}.map__node--current img{position:relative}@keyframes node-float{50%{transform:translateY(-5px)}}@keyframes node-glow{50%{transform:scale(1.18);opacity:.55}}.map__node--sel img{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px rgba(95,216,255,.95)) drop-shadow(0 3px 0 rgba(90,50,20,.35))}.map__no{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:0 5px;font-size:10px;line-height:1.5;white-space:nowrap;color:#fff;background:#16306b;border-radius:6px;box-shadow:0 0 0 2px var(--sd)}.map__node--boss .map__no{background:#8e1024}.map__stars{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:11px;line-height:1;white-space:nowrap;color:var(--gold);-webkit-text-stroke:1px #5a3300;paint-order:stroke fill}.map__stars .off{color:#ffffff59}.stage-card{margin-top:10px;padding:10px 12px 12px;border-radius:16px;background:#08122e8c;box-shadow:inset 0 0 0 1.5px #7ab4ff4d}.stage-card__head{display:flex;align-items:baseline;gap:8px}.stage-card__head b{font-size:16px}.stage-card__head .stars{margin-left:auto}.stage-card__meta{margin:3px 0 0;font-size:12px;color:var(--muted)}.stage-card .btn{margin-top:10px}.streak{margin:4px 0 10px}.streak__head{display:flex;align-items:baseline;justify-content:space-between}.streak__head b{font-size:20px;color:#ffb35c}.streak__head small{font-size:12px;color:var(--muted)}.streak__bar{position:relative;height:14px;margin:8px 0 18px;border-radius:999px;background:#0b1430;box-shadow:0 0 0 3px var(--sd)}.streak__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#ffc93c,#ff7a1a 60%,#ff3b54);box-shadow:inset 0 3px #fff6,0 0 10px #ff7a1a99}.streak__mark{position:absolute;top:17px;transform:translate(-50%);font-size:9px;font-style:normal;color:var(--gold)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal__w{text-align:center;font-size:11px;color:var(--muted)}.cal__d{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#08122e8c;font-size:11px;color:#dde6fa}.cal__d--done{background:linear-gradient(180deg,#ffe9a0,#ffc93c 55%,#e89a10);color:#5a3300;box-shadow:inset 0 2px #fff9}.cal__d--done .px{-webkit-text-stroke:0}.cal__check{position:absolute;right:1px;bottom:0;font-size:11px;font-style:normal;font-weight:900;color:#1f6b3a}.cal__d--today{box-shadow:0 0 0 2px var(--cyan);animation:today-ring 1.4s ease-in-out infinite}@keyframes today-ring{50%{box-shadow:0 0 0 3px var(--cyan),0 0 10px #5fd8ffcc}}.cal__d--future{opacity:.45}.cal__d--just{animation:cal-pop .5s cubic-bezier(.34,1.56,.64,1) both}.cal__d--just .cal__check{animation:check-in .4s .25s ease-out both;transform-origin:50% 100%}@keyframes cal-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes check-in{0%{opacity:0;transform:scale(.2) rotate(-25deg)}to{opacity:1;transform:none}}.cal__d--big{opacity:1;transform:scale(1.15);z-index:1;background:#ffc93c2e;box-shadow:0 0 0 2px #ffc93cb3}.cal__d--big img{width:90%;height:90%;image-rendering:pixelated}.summon-page{--pull-max: 110px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 14px);background-color:#0e1b42;background-size:cover;background-position:center;background-image:radial-gradient(ellipse at 50% 30%,#2a2350,#0e1b42 70%);animation:fade-in .22s ease-out both}.summon-page__head{width:100%;display:flex;align-items:center;justify-content:space-between}.summon-page__head h2{margin:0;font-size:22px}.summon-page__stage{position:relative;flex:1 1 auto;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0}.summon-page__shrine{--stone-top: 63.5%;--shrine-w: max(100%, 57.2vh);position:absolute;z-index:-1;left:50%;margin-left:calc(var(--shrine-w) / -2);bottom:0;width:var(--shrine-w);aspect-ratio:768 / 1344;pointer-events:none}.summon-page__bgimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.summon-page__stone{position:absolute;left:50%;top:var(--stone-top);height:30%;width:auto;transform:translate(-50%,-100%);image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45))}.summon-page__beam{left:50%;bottom:calc(100% - var(--stone-top) + 6%);height:40%;width:110px;margin-left:-55px}.rarc{--rarity: #7e8cb8;--rarity-soft: rgba(255, 255, 255, .5)}.rarc--R{--rarity: #5fd8ff;--rarity-soft: rgba(160, 235, 255, .9)}.rarc--GR{--rarity: #ffc93c;--rarity-soft: rgba(255, 233, 160, .95)}.rarc--UR{--rarity: #c496ff;--rarity-soft: rgba(232, 214, 255, .98)}.summon-page__rays{position:absolute;left:50%;top:46%;width:190vw;aspect-ratio:1;margin:-95vw 0 0 -95vw;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg,var(--rarity-soft) 0deg 2.2deg,transparent 2.2deg 11deg);-webkit-mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.85) 20%,transparent 46%);mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.85) 20%,transparent 46%)}.summon-page__sparks{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}.summon-page__sparks i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;opacity:0;background:var(--rarity-soft);box-shadow:0 0 8px 2px var(--rarity)}.summon-page__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#fff;opacity:0;pointer-events:none}.summon-page__cardslot{position:absolute;top:8px;right:12px;bottom:8px;left:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.summon-page__card{position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:512 / 768;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#5ab4f0,#2e7bc4 48%,#1e5fa8)}.summon-page__card img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.summon-page__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.summon-page__card--art{background:radial-gradient(ellipse 74% 64% at 50% 40%,#e8bd84,#2a160c)}.summon-page__tip{padding:5px 12px;border-radius:12px;background:#060e26d1;box-shadow:inset 0 0 0 1px #7ab4ff47}.summon-page__foot{padding:7px 10px;border-radius:14px;background:#060e26c7;box-shadow:inset 0 0 0 1px #7ab4ff38}.summon-page__back{display:block;width:100%;height:100%}.summon-page__rar{position:absolute;left:-3px;top:-3px;padding:2px 6px;font-size:11px;font-style:normal;color:#fff;background:var(--rarity);-webkit-text-stroke:0}.summon-page__got{width:100%;padding:6px 10px 8px;border-radius:16px;background:#060e26cc;box-shadow:inset 0 0 0 1px #7ab4ff40}.summon-page__greeting{margin:8px 0 4px;padding:12px 14px;border-radius:16px;white-space:pre-line;font-family:var(--f-verse);font-weight:600;font-size:15.5px;line-height:1.9;color:var(--holy);background:#08122eb8;box-shadow:inset 0 0 0 1.5px #7ab4ff59;animation:beat-in .5s ease-out both}.summon-page__tip{margin:8px 0 0}.summon-page__ropebox{flex:none;width:60px;height:calc(64px + var(--pull-max));margin-top:6px;display:flex;flex-direction:column;align-items:center}.summon-page__rope{position:relative;width:60px;display:flex;flex-direction:column;align-items:center}.summon-page__rope-img{width:46px;height:100%;object-fit:fill;image-rendering:pixelated}.summon-page__rope-line{flex:1;width:8px;border-radius:4px;background:repeating-linear-gradient(180deg,#c89a5e 0,#c89a5e 6px,#a97c44 6px,#a97c44 12px);box-shadow:0 0 0 2px var(--sd)}.summon-page__handle{margin-top:-4px;padding:10px 18px;border-radius:14px;font-size:16px;font-weight:900;color:#fff;white-space:nowrap;-webkit-text-stroke:3px #5a3300;paint-order:stroke fill;touch-action:none;background:linear-gradient(180deg,#ffe9a0,#ffc93c 46%,#e89a10);box-shadow:0 0 0 3px #5a3300,inset 0 0 0 2px #ffffffe6,0 5px 0 3px #a85f00}.summon-page__handle:disabled{filter:grayscale(.7) brightness(.75)}.summon-page__handle--ready{box-shadow:0 0 0 3px #5a3300,inset 0 0 0 2px #fff,0 5px 0 3px #a85f00,0 0 20px 4px #ffc93ccc}.summon-page__foot{width:100%;margin-top:8px}.summon-page__coin{width:18px;height:18px;vertical-align:-3px;image-rendering:pixelated}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 16px calc(env(safe-area-inset-bottom) + 28px);background-size:cover;background-position:center}.intro{background-color:#2a160c}.intro__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.intro__skip{position:absolute;z-index:1;top:calc(env(safe-area-inset-top) + 14px);right:14px;padding:6px 12px;border-radius:14px;font-size:12.5px;color:var(--muted);background:#08122e99;box-shadow:inset 0 0 0 1.5px #b9c8e859}.intro__box{position:relative;z-index:1;padding:16px 18px 14px;border-radius:18px;background:#08122eb8;box-shadow:var(--panel-ring);animation:beat-in .5s ease-out both}.intro__text{position:relative;margin:0;white-space:pre-line;font-family:var(--f-verse);font-weight:600;font-size:17px;line-height:1.95;color:var(--holy)}.intro__ghost{visibility:hidden}.intro__typed{position:absolute;top:0;right:0;bottom:0;left:0}.intro__caret{display:inline-block;width:.52em;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--holy);animation:caret .9s steps(1,end) infinite}@keyframes caret{50%{opacity:0}}.calm .intro__caret{animation:none}.intro__more{display:block;margin-top:12px;text-align:right;font-size:10.5px;color:var(--muted);transition:opacity .3s ease-out}.intro__more--wait{opacity:0}@keyframes beat-in{0%{opacity:0;transform:translateY(14px)}}.taunt{position:absolute;z-index:6;left:12px;right:12px;top:42%;text-align:center;pointer-events:none;animation:taunt 2.8s ease-out both}.taunt__text{margin:0;font-family:var(--f-verse);font-size:18px;line-height:1.7;color:#ffd9df;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 18px rgba(142,16,36,.9)}.taunt__who{font-size:11px;color:#ffb3bf}@keyframes taunt{0%{opacity:0;transform:translateY(10px)}12%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.foe-tap{position:absolute;z-index:4;width:128px;height:150px;transform:translate(-50%,-8px);background:none}.hud__left{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.checkin-chip{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px 0 3px;border-radius:20px;background:var(--ui-deep);box-shadow:0 0 0 3px var(--sd),inset 0 0 0 2px #ffffffd9}.checkin-chip img{width:22px;height:22px;image-rendering:pixelated}.checkin-chip .px{font-size:11px;-webkit-text-stroke:2px var(--sd);paint-order:stroke fill}.checkin-chip:disabled{opacity:.5}.foe-card{display:flex;align-items:center;gap:10px;margin:6px 0 4px}.foe-card__art{width:96px;height:96px;object-fit:contain;image-rendering:pixelated}.foe-card__head{flex:1;min-width:0}.foe-card__stat{margin:6px 0 0;font-size:12.5px;color:var(--muted)}.spirit{padding:2px 8px;border-radius:8px;font-style:normal;font-size:11px;color:#fff;background:#3a2a5e;-webkit-text-stroke:0}.spirit--lie{background:#3f5a2a}.spirit--doubt{background:#2a4a5e}.spirit--lust{background:#5e2a3f}.spirit--stumble{background:#5e452a}.spirit--despair{background:#2f2f4a}.spirit--pride{background:#5e4a1a}.foe-card__lie{margin:2px 0 0;font-family:var(--f-verse);font-size:15px;line-height:1.7;color:#ffb3bf}.foe-card__how{margin-top:12px}.sound-hint{font-size:10.5px;color:var(--muted)}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:6px;margin:12px 0 6px}.podium__col{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.podium__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.podium__col small{font-size:9.5px;line-height:1.3;color:var(--muted)}.podium__block{width:100%;margin-top:4px;display:grid;place-items:center;border-radius:10px 10px 0 0;font-size:22px;color:#fff;-webkit-text-stroke:3px var(--sd);paint-order:stroke fill;box-shadow:inset 0 3px #ffffff73}.podium__col--1 .podium__block{height:84px;background:linear-gradient(180deg,#ffe9a0,#ffc93c 55%,#e89a10)}.podium__col--2 .podium__block{height:62px;background:linear-gradient(180deg,#eef3ff,#b9c8e8 55%,#7e8cb8)}.podium__col--3 .podium__block{height:48px;background:linear-gradient(180deg,#ffd0a8,#d98b4a 55%,#9b5a2a)}.podium__col--me .podium__name{color:var(--cyan)}.rank-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.rank-row,.rank-me{display:grid;grid-template-columns:32px 1fr;column-gap:8px;align-items:baseline;padding:7px 10px;border-radius:12px;background:#08122e80}.rank-row small,.rank-me small{grid-column:2;font-size:11px;color:var(--muted)}.rank-row__pos{font-size:15px;color:var(--cyan);text-align:center}.rank-row__name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row--me{box-shadow:inset 0 0 0 2px var(--cyan)}.rank-me{position:sticky;bottom:-18px;margin:12px -4px -6px;background:linear-gradient(180deg,#1e3f84,#16306b);box-shadow:0 0 0 3px var(--cyan),0 -6px 14px #08122ecc}.rank-me__none{grid-column:1 / -1;font-size:12.5px;color:var(--muted)}.calm *,.calm *:before,.calm *:after{animation-duration:.1s!important;animation-iteration-count:1!important;transition-duration:.1s!important}.calm .vignette,.calm .chest__flash{display:none}.player--tap{cursor:pointer;pointer-events:auto}.account-sep{margin-top:20px}.account-bound{margin:8px 0 0;font-size:17px}.account-chip{display:block;width:100%;margin:10px 0 2px;padding:8px 10px;border-radius:12px;font-size:13px;font-weight:700;text-align:center;color:var(--cyan);background:#5fd8ff1a;box-shadow:inset 0 0 0 1.5px #5fd8ff73}.account-chip:active{transform:translateY(1px)}.title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 28px) 22px calc(env(safe-area-inset-bottom) + 22px);background-color:#2a160c;background-size:cover;background-position:center bottom;background-repeat:no-repeat}.title__logo-wrap{position:relative;display:block;width:min(86%,400px);animation:logo-drop .9s cubic-bezier(.34,1.56,.64,1) both}.title__logo{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 0 rgba(38,20,12,.35))}.title__logo-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.8) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:130% 0;-webkit-mask:var(--logo) center / 100% 100% no-repeat;mask:var(--logo) center / 100% 100% no-repeat;animation:logo-sweep .9s .55s ease-out both}@keyframes logo-drop{0%{transform:translateY(-60px) scale(1.1);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}@keyframes logo-sweep{0%{background-position:130% 0}to{background-position:-30% 0}}.title__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer}.title__logo-wrap,.title__foot{position:relative;z-index:1}.title__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center bottom;background-repeat:no-repeat;transform:scale(1.06);will-change:transform}.title__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.title__logo-par{position:relative;z-index:1;width:100%;display:flex;justify-content:center;pointer-events:none;will-change:transform}.title__foot{will-change:transform}.title__foot{width:100%;max-width:360px;display:flex;flex-direction:column;pointer-events:none}.title__foot button,.title__foot a{pointer-events:auto}.title__hint{margin:0 0 14px;text-align:center;font-size:17px;color:var(--holy);animation:tap-breathe 1.8s ease-in-out infinite}.title__hint--wait{opacity:.7;animation:none}@keyframes tap-breathe{50%{opacity:.55;transform:translateY(2px)}}.btn--white{--face: #fff;--stroke: #d5d9e4;--hard: #b9c0cf;color:#1f2430;-webkit-text-stroke:0;text-shadow:none;font-size:15px;height:46px}.title__error{margin:10px 0 0;text-align:center;font-size:13px;font-weight:700;color:#ffd6dc}.title__meta{margin:14px 0 0;text-align:center;font-size:11.5px;color:#fff6d0c7}.title__meta a{color:inherit}.nick-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 8px;font-size:14px}.nick-row__edit{padding:4px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--cyan);box-shadow:inset 0 0 0 1.5px #5fd8ff73}.nick-row__label{display:inline-flex;align-items:center;gap:6px}.nick-row__ico{width:30px;height:30px;margin:-4px 0;filter:drop-shadow(0 1px 0 rgba(8,18,46,.6))}.nick-input{width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;border:0;border-radius:14px;font:inherit;font-size:18px;font-weight:700;color:#1c2238;background:#fff6d0;box-shadow:inset 0 0 0 2px #08122e59}.nick-count{margin:4px 2px 0;text-align:right}.nick-count--over{color:#ff9aa8}.table-wrap{overflow-x:auto;margin-top:10px}.log-summary{width:100%;border-collapse:collapse;font-size:12px}.log-summary th,.log-summary td{padding:4px;text-align:center;white-space:nowrap;border-bottom:1px solid rgba(122,180,255,.18)}.log-summary th{color:var(--muted);font-weight:700}.log-raw{width:100%;height:160px;margin-top:6px;padding:8px;border-radius:10px;border:2px solid #2e7bc4;background:#0b1430;color:#dde6fa;font:11px/1.4 ui-monospace,monospace;resize:vertical;-webkit-user-select:text;user-select:text}.log-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.log-list li{padding:8px 10px;border-radius:12px;background:#0a1636b3;font-size:12px;line-height:1.5;color:var(--muted)}.log-list b{color:#fff}.log-list .t{color:#dde6fa;word-break:break-all;-webkit-user-select:text;user-select:text}.tune-fab{position:absolute;z-index:25;left:8px;top:132px;padding:6px 10px;border-radius:10px;background:#0a1636e0;box-shadow:0 0 0 2px var(--cyan);font-size:12px;font-weight:700}.tune{position:absolute;z-index:25;left:8px;right:8px;top:120px;max-height:55%;overflow:auto;padding:10px 12px;border-radius:14px;background:#0a1636f2;box-shadow:0 0 0 2px var(--cyan);font-size:12px}.tune__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.tune__head button,.tune__row button{padding:5px 10px;border-radius:8px;background:#1e5fa8;font-size:12px}.tune__lat{margin:2px 0 8px;color:var(--cyan);font-weight:700}.tune__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.tune__grid label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--muted)}.tune__grid label.is-changed span{color:var(--gold)}.tune__grid input{width:64px;padding:3px 6px;border-radius:6px;border:1px solid #2e7bc4;background:#0b1430;color:#fff;font:12px var(--f-px);-webkit-user-select:text;user-select:text}.tune__row{display:flex;gap:8px;margin-top:8px}.tune__msg{margin:6px 0 0;color:var(--green)}.devbar{position:absolute;z-index:25;left:8px;top:172px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.devbar button{padding:6px 10px;border-radius:10px;background:#0a1636e0;box-shadow:0 0 0 2px var(--cyan);font-size:12px;font-weight:700}.devbar button:disabled{opacity:.4}.big-stars{display:flex;justify-content:center;gap:8px;margin:6px 0 4px}.big-star{font-size:56px;line-height:1;color:#ffffff24;-webkit-text-stroke:3px var(--sd);paint-order:stroke fill}.big-star.on{color:var(--gold);text-shadow:0 0 18px rgba(255,201,60,.8),0 3px 0 rgba(0,0,0,.4)}.clear-title,.fail-title{margin:6px 0 0;font-size:18px}.reward{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 2px;font-size:24px}.reward img{width:36px;height:36px;image-rendering:pixelated}.reward small{font-size:12px;font-weight:700;color:var(--gold)}