:root{--bg:#12141c;--panel:#1c2030;--line:#2e3450;--text:#eceef7;--muted:#9aa1bd;--accent:#5b8cff;--accent-text:#fff;--danger:#ff6b7a;--grade-N:#8b93ad;--grade-R:#4cc38a;--grade-SR:#4fa3ff;--grade-SSR:#b980ff;--grade-UR:#ffb740;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;line-height:1.5}#app{max-width:480px;margin:0 auto}.screen{flex-direction:column;gap:16px;min-height:100dvh;padding:20px 16px 32px;display:flex}.title{text-align:center;justify-content:center}.title h1{margin:0;font-size:1.7rem;line-height:1.3}.eyebrow{color:var(--accent);margin:0;font-weight:600}h2{margin:0;font-size:1.3rem}h3{color:var(--muted);margin:0 0 8px;font-size:.95rem;font-weight:600}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.error{color:var(--danger);min-height:1.2em;margin:-8px 0 0;font-size:.9rem}ul.plain{gap:4px;margin:0;padding:0;list-style:none;display:grid}.stack{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn:disabled,.choice:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.choice:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:.9rem}input[type=text]{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:0 14px}.choices{gap:10px;display:flex}.choices.vertical{flex-direction:column}.choice{text-align:left;border:2px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.choice.selected{border-color:var(--accent);background:#232a47}.gacha-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.stat-row{grid-template-columns:5.5em 1fr 2.5em auto;align-items:center;gap:8px;transition:opacity .3s;display:grid}.stat-name{font-size:.9rem}.stat-name b{color:var(--grade-UR)}.stat-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.bar{background:#12141c;border-radius:5px;height:10px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:5px;width:0;height:100%;transition:width .5s ease-out}.tag{background:var(--grade-SR);color:#06162e;border-radius:6px;padding:1px 6px;font-size:.7rem;font-weight:700}.hidden{opacity:0}.trait{border-top:1px solid var(--line);margin:0;padding-top:8px;transition:opacity .4s}.grade{align-items:center;gap:12px;transition:opacity .4s,transform .4s;display:flex}.grade.hidden{transform:scale(.8)}.grade-letter{letter-spacing:1px;font-size:2.2rem;font-weight:900}.grade-N .grade-letter{color:var(--grade-N)}.grade-R .grade-letter{color:var(--grade-R)}.grade-SR .grade-letter{color:var(--grade-SR)}.grade-SSR .grade-letter{color:var(--grade-SSR)}.grade-UR .grade-letter{color:var(--grade-UR)}@media (prefers-reduced-motion:reduce){.bar-fill,.stat-row,.trait,.grade{transition:none}}.confetti{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;inset:0}.gacha-card{transition:box-shadow .4s,border-color .4s}.gacha-card.glow-SR{border-color:var(--grade-SR);box-shadow:0 0 18px #4fa3ff66}.gacha-card.glow-SSR{border-color:var(--grade-SSR);box-shadow:0 0 26px #b980ffaa}.gacha-card.glow-UR{border-color:var(--grade-UR);animation:.5s ease-out pop;box-shadow:0 0 36px #ffb740cc}.grade:not(.hidden) .grade-letter{animation:.45s cubic-bezier(.2,1.6,.4,1) stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gacha-card,.grade-letter{transition:none;animation:none!important}}.home{padding-bottom:220px}.row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card,.status{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.status p{margin:0}.meters{grid-template-columns:1fr auto auto;align-items:end;gap:14px;display:grid}.meters .bar{margin:4px 0}.kv{flex-direction:column;align-items:flex-end;display:flex}.bar-fill.low{background:var(--danger)}.power b{color:var(--grade-UR);font-size:1.1rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#2a2f48;border-radius:999px;padding:2px 8px;font-size:.8rem}.chip.warn{color:#ffb3bd;background:#4a2430}.notice{color:#ffd1d6;background:#4a2430;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{border:2px dashed var(--line);min-height:56px;color:var(--muted);font:inherit;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.slot.filled{border:2px solid var(--accent);color:var(--text);cursor:pointer;background:#232a47;font-weight:700}.actions{grid-template-columns:1fr;gap:8px;display:grid}.action{text-align:left;border:1px solid var(--line);background:var(--panel);min-height:56px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.action:disabled{opacity:.45;cursor:not-allowed}.action:not(:disabled):active{border-color:var(--accent)}.action:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.action-title{font-weight:700}.action-title em{color:var(--grade-UR);font-size:.85rem;font-style:normal;font-weight:600}.risk{color:#ffb3bd;margin:0}.turn-bar{background:linear-gradient(transparent, var(--bg) 18%);flex-direction:column;gap:6px;max-width:480px;margin:0 auto;padding:10px 16px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.turn-bar p{margin:0}.preview{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:.9rem}.btn.small{min-height:36px;font-size:.85rem;font-weight:500}.skip-btn{letter-spacing:.02em;align-self:center}.overlay{z-index:20;background:#000a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:88dvh;padding:20px 16px 24px;animation:.25s ease-out rise;overflow-y:auto}.stack-tight{flex-direction:column;gap:10px;display:flex}.event-text{margin:0;font-size:1.05rem;line-height:1.6}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.up{color:var(--grade-R)}.down{color:var(--danger)}.flat{color:var(--muted)}.headline{text-align:center;align-items:center;padding:20px 14px}.headline p{margin:0}.headline-title{font-size:1.4rem;font-weight:900}.headline.gold{border-color:var(--grade-UR);box-shadow:0 0 26px #ffb740aa}.headline.gold .headline-title{color:var(--grade-UR)}.headline.silver{border-color:var(--grade-SR)}.delta-row{grid-template-columns:5.5em 1fr auto;align-items:center;gap:8px;display:grid}.delta-vals{text-align:right;font-variant-numeric:tabular-nums}.event-row{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 0;display:flex}.event-row:first-of-type{border-top:0}.place.top{color:var(--grade-UR);font-weight:700}.odds{transition:opacity .4s}.odds summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:.9rem}.odds summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.odds-note{border-left:3px solid var(--accent);background:#232a47;border-radius:4px;margin:8px 0 4px;padding:8px 10px;font-size:.85rem;line-height:1.5}.odds ul{gap:6px;margin:8px 0}.odds-row{border-radius:8px;grid-template-columns:2.6em 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.odds-row.current{background:#232a47}.odds-letter{font-weight:900}.odds-desc{flex-direction:column;font-size:.85rem;display:flex}.odds-pct{font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.odds-row.grade-N .odds-letter{color:var(--grade-N)}.odds-row.grade-R .odds-letter{color:var(--grade-R)}.odds-row.grade-SR .odds-letter{color:var(--grade-SR)}.odds-row.grade-SSR .odds-letter{color:var(--grade-SSR)}.odds-row.grade-UR .odds-letter{color:var(--grade-UR)}.team-icon{vertical-align:middle;image-rendering:pixelated;border-radius:6px;flex:none;display:inline-block;overflow:hidden}.team-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.choice.offer{text-align:left;align-items:center;gap:12px;display:flex}.offer-body{flex-direction:column;gap:2px;min-width:0;display:flex}.offer-line{font-size:.82rem}.offer-line.muted{color:var(--muted)}.offer-line .up{color:var(--grade-R);font-style:normal}.offer-line .down{color:var(--danger);font-style:normal}.contract{text-align:center}.contract-svg{border:1px solid var(--line);width:100%;height:auto;image-rendering:pixelated;cursor:pointer;border-radius:12px;display:block}.c-desk{opacity:0;animation:2.6s linear both paperLife}.c-sign{stroke-dasharray:100;animation:1.2s ease-in-out .3s both signDraw}.c-pen{animation:1.2s ease-in-out .3s both penMove}.c-stamp{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out 1.7s backwards stampIn}.c-char-l{animation:3s ease-in-out both charL}.c-char-r{animation:3s ease-in-out both charR}.c-arms{animation:.1s linear 3s backwards fadeIn}.c-hands{animation:.14s ease-in-out 3.2s 6 alternate shake}.c-spark{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out 3.3s backwards sparkPop}.c-result{animation:.5s ease-out 3.4s backwards fadeUp}.c-ok{animation:.4s ease-out 3.6s backwards fadeUp}.contract.skip *,.contract.skip{animation:none!important}@keyframes paperLife{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes signDraw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes penMove{0%{transform:translate(0)}to{transform:translate(18px,-1px)}}@keyframes stampIn{0%{opacity:0;transform:scale(2.6)}to{opacity:1;transform:none}}@keyframes charL{0%,78%{transform:translate(-30px)}to{transform:none}}@keyframes charR{0%,78%{transform:translate(30px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{to{transform:translateY(-1.5px)}}@keyframes sparkPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.contract *,.contract{animation:none!important}}.timeline{text-align:center;padding:8px 0}.timeline h2{font-size:1.2rem}.timeline-event{min-height:1.4em;color:var(--grade-UR);margin:0;font-weight:700}.timeline-fill{transition:width .25s linear}.beat-title.gold{color:var(--grade-UR)}.beat-title.silver{color:var(--grade-SR)}.standings{margin:4px 0}.standing{border-radius:8px;grid-template-columns:1.8em 1fr auto;gap:8px;padding:4px 8px;font-size:.9rem;display:grid}.standing.me{background:#232a47;font-weight:700}.standing .rank{color:var(--muted);font-variant-numeric:tabular-nums}.schedule-list{flex-direction:column;gap:2px;display:flex}.schedule-row{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding:5px 0;font-size:.88rem;display:flex}.schedule-row:first-child{border-top:0}.schedule-row .sstate{color:var(--muted)}.schedule-row.running .sstate{color:var(--accent);font-weight:700}.schedule-row.done .sstate{color:var(--text)}.schedule-row.done.top .sstate{color:var(--grade-UR);font-weight:700}.schedule-row.skipped{opacity:.5}.cond-label{align-items:center;gap:4px;display:inline-flex;position:relative}.help{display:inline-block;position:relative}.help-btn{border:1px solid var(--muted);width:16px;height:16px;color:var(--muted);cursor:help;background:0 0;border-radius:50%;padding:0;font-size:.7rem;line-height:1}.help-btn:hover,.help-btn:focus-visible{color:var(--text);border-color:var(--text);outline:none}.help-pop{z-index:15;border:1px solid var(--line);width:280px;max-width:calc(100vw - 48px);color:var(--text);text-align:left;background:#232a47;border-radius:10px;padding:10px 12px;font-size:.85rem;display:none;position:absolute;top:22px;left:-8px;box-shadow:0 6px 20px #0008}.help:hover .help-pop,.help:focus-within .help-pop,.help.open .help-pop{display:block}.help-pop p{color:var(--text);margin:6px 0 0}.help-pop .risk{color:#ffb3bd}.tiers{gap:2px;margin:6px 0}.tier{border-radius:6px;grid-template-columns:4.2em 2.6em 1fr;gap:6px;padding:3px 6px;display:grid}.tier.current{background:#36407a;font-weight:700}.tier-range{color:var(--muted);font-variant-numeric:tabular-nums}.bar-fill.perfect{background:var(--grade-UR)}.cond-hint.tier-부진{color:var(--danger)}.cond-hint.tier-완벽{color:var(--grade-UR)}.stat-name{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.stat-row{grid-template-columns:7em 1fr 2.5em auto}.stat-row.compact{grid-template-columns:7em 1fr 2.6em 2.6em}.overlay.center{align-items:center;padding:16px}.overlay.center .sheet{border-radius:20px;max-height:80dvh;animation:.22s ease-out pop}@media (prefers-reduced-motion:reduce){.overlay.center .sheet{animation:none}}.action.taken{border-color:var(--accent);background:#232a47}.taken-tag{margin-left:6px}.delta-row .stat-name{min-width:7em}.help-pop{white-space:normal}.title{position:relative}.support-btn{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#232a47;border-radius:999px;padding:6px 12px;font-size:.85rem;position:absolute;top:12px;left:12px}.support-btn:hover,.support-btn:focus-visible{border-color:var(--accent);outline:none}.account-box{border:1px solid var(--line);background:#232a47;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px;display:flex}.account{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;font-size:1.35rem}.title-sub{color:var(--accent);margin:0;font-weight:600}.title{padding-top:56px}.guide{z-index:40;position:fixed;inset:0}.guide-spot{border:2px solid var(--accent);pointer-events:none;border-radius:14px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #000b}.guide-card{background:var(--panel);border:1px solid var(--accent);border-radius:16px;flex-direction:column;gap:8px;max-width:448px;margin:0 auto;padding:16px;display:flex;position:fixed;left:16px;right:16px}.guide-card.top{top:16px}.guide-card.bottom{bottom:16px}.guide-card.mid{top:50%;transform:translateY(-50%)}.guide-text{margin:0;line-height:1.6}.guide-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.guide-actions .btn.primary{min-width:110px}@media (prefers-reduced-motion:reduce){.guide-spot{transition:none}}.guide-help{border:1px solid var(--line);color:var(--muted);width:28px;height:28px;font:inherit;cursor:pointer;background:0 0;border-radius:999px}.change-graph{flex-direction:column;gap:8px;display:flex}.change-legend{align-items:center;gap:6px;display:flex}.change-legend i{border-radius:3px;width:14px;height:8px;margin-left:6px;display:inline-block}.change-legend i:first-child{margin-left:0}.change-row{grid-template-columns:4.5em 1fr 9.5em;align-items:center;gap:8px;display:grid}.change-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.change-vals{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.change-vals b{font-weight:700}.change-vals em{font-style:normal;font-weight:700}.change-vals .up{color:#4cd18a}.change-vals .down{color:var(--danger)}.change-vals .flat{color:var(--muted)}.change-bar{background:#12141c;border-radius:6px;height:12px;display:flex;overflow:hidden}.seg.kept{background:var(--accent)}.seg.gain{transform-origin:0;background:#4cd18a;animation:.6s ease-out .2s backwards grow}.seg.loss{background:var(--danger);opacity:.85}.change-bar .seg{flex:none;height:100%}@keyframes grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.seg.gain{animation:none}}.ending-art{border:2px solid var(--line);background:#12141c;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.ending-art svg{width:100%;height:100%;display:block}.ending-art.hero{aspect-ratio:16/10;width:100%}.ending-art.thumb{border-radius:10px;width:96px;height:60px}.ending-art.locked{color:var(--muted);border-style:dashed;font-size:1.6rem;font-weight:900}.ending-art.small-art{font-size:1.8rem}.card.headline.gold .ending-art{border-color:var(--grade-UR);box-shadow:0 0 24px #ffb74099}.ending .headline{text-align:center;align-items:center}.ending .event-text{text-align:left}.new-chip{background:var(--grade-UR);color:#2a1a00;align-self:center;font-weight:700}.kv-row{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.kv-row b{text-align:right}.codex-card{flex-direction:row;align-items:center;gap:14px;display:flex}.codex-card.locked{opacity:.8}.codex-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card.achievement{text-align:center;border-color:var(--grade-UR)}.mg-arena{border:1px solid var(--line);touch-action:manipulation;background:#0d1018;border-radius:14px;height:280px;position:relative;overflow:hidden}.mg-target{cursor:crosshair;background:radial-gradient(circle,#ff6b7a 0 22%,#fff 24% 46%,#ff6b7a 48% 100%);border:4px solid #ff6b7a;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;padding:0;animation:.12s ease-out mg-pop;position:absolute}@keyframes mg-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.mg-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mg-card{aspect-ratio:1;border:1px solid var(--line);background:var(--panel);min-height:56px;color:var(--text);cursor:pointer;border-radius:12px;padding:0;font-size:1.8rem}.mg-card.open{border-color:var(--accent);background:#232a47}.mg-grid.three{grid-template-columns:repeat(3,1fr)}.mg-grid.two{grid-template-columns:repeat(2,1fr)}.mg-card.wrong{border-color:var(--danger);background:#3a2230}.mg-card:disabled{opacity:.4;cursor:default}.mg-react{border:1px solid var(--line);color:#fff;cursor:pointer;background:#232a47;border-radius:14px;width:100%;height:220px;font-size:1.1rem;font-weight:700}.mg-react.wait{background:#8a3340}.mg-react.go{background:#2f9e62}.mg-react.early{background:#6b5a1e}.mg-pad{aspect-ratio:1.6;border:2px solid var(--pad);background:color-mix(in srgb, var(--pad) 22%, var(--panel));cursor:pointer;border-radius:14px;padding:0;transition:background 80ms}.mg-pad.lit{background:var(--pad)}.minigame-score{margin:0;font-size:1.15rem;font-weight:700}.minigame-bonus{color:var(--grade-R);margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.mg-target{animation:none}}.chip.award{color:#ffd34d;background:#3a3220;border-color:#6b5a1e}.event-row.mine{background:#232a47;border-radius:10px;padding:4px 8px}.update-entry{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:8px 12px}.update-entry summary{cursor:pointer}.update-items{gap:6px;margin:8px 0 4px;padding-left:18px;font-size:.9rem;display:grid}.upg-art{background:#121827;border:2px solid #2a3350;border-radius:10px;place-items:center;width:72px;height:72px;display:grid}.upg-art.big{width:120px;height:120px}.upg-art.mini{flex:none;width:44px;height:44px}.upg-svg{width:100%;height:100%}.upg-svg.empty g{opacity:.25;filter:grayscale()}.upg-compare{justify-content:center;align-items:center;gap:12px;display:flex}.upg-arrow{color:var(--muted);font-size:1.4rem}.upg-art.after{border-color:#ffd34d;box-shadow:0 0 12px #ffd34d73}.upg-sheet{text-align:center}.upg-stage{place-items:center;min-height:140px;display:grid;position:relative}.upg-art.pop{border-color:#ffd34d;animation:.8s cubic-bezier(.2,1.6,.4,1) upgPop;box-shadow:0 0 24px #ffd34db3}@keyframes upgPop{0%{filter:brightness(3);transform:scale(.5)rotate(-8deg)}60%{filter:brightness(1.6);transform:scale(1.15)rotate(3deg)}to{filter:none;transform:scale(1)}}.upg-spark{width:8px;height:8px;transform:rotate(var(--a)) translateY(0);opacity:0;background:#ffd34d;animation:.9s ease-out .15s upgSpark;position:absolute;top:50%;left:50%}@keyframes upgSpark{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-80px)}}.rgb{animation:3s linear infinite rgbFill}@keyframes rgbFill{0%{fill:#ff3b3b}33%{fill:#3bff6a}66%{fill:#3b7bff}to{fill:#ff3b3b}}.spin{transform-box:fill-box;transform-origin:50%}.choice.with-art{text-align:left;align-items:center;gap:10px;display:flex}.choice.with-art .choice-text{flex-direction:column;gap:2px;display:flex}