.attr-fire{--a-light: #ffe0a8;--a-deep: #f07a48;--a-ink: #d9532a}.attr-grass{--a-light: #ddf6b4;--a-deep: #5cc26a;--a-ink: #2f9a4c}.attr-water{--a-light: #c4ecff;--a-deep: #3f9de2;--a-ink: #2379c9}.attr-earth{--a-light: #f2e0bc;--a-deep: #bb8c55;--a-ink: #8f6331}.attr-thunder{--a-light: #fff4ae;--a-deep: #f0c02c;--a-ink: #c49600}.attr-wind{--a-light: #ddfbef;--a-deep: #72d6bb;--a-ink: #22a383}.attr-ice{--a-light: #f0fcff;--a-deep: #93d4ee;--a-ink: #3aa3cf}.attr-light{--a-light: #fffbea;--a-deep: #ffdf8e;--a-ink: #d4a023}.attr-dark{--a-light: #c3b4e0;--a-deep: #4d3f7c;--a-ink: #5a4691}.cf{--fs-text: 2.7cqw;container-type:inline-size;aspect-ratio:63 / 88;width:100%;user-select:none;-webkit-user-select:none}.cf-inner{--frame: #ffffff;--frame-edge: #bfe8da;height:100%;display:flex;flex-direction:column;padding:2.8cqw 3.6cqw 2.2cqw;border-radius:5.5cqw;background:linear-gradient(180deg,color-mix(in srgb,var(--a-light) 45%,white),#fff 60%);border:2.4cqw solid var(--frame);box-shadow:inset 0 0 0 .6cqw var(--frame-edge),0 1.6cqw 3cqw #134b452e;color:var(--ink);font-family:var(--font);overflow:hidden}.rarity-1 .cf-inner{--frame: #e4f7ef;--frame-edge: #9fd9c3}.rarity-2 .cf-inner{--frame: #dff3fb;--frame-edge: #7cc6e6}.rarity-3 .cf-inner{--frame-edge: #e7b53c;border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--a-light) 45%,white),#fff 60%) padding-box,linear-gradient(135deg,#fff1b8,#f4c64a 35%,#fff6d2 55%,#e2a92a 80%,#ffe89a) border-box}.rarity-4 .cf-inner{--frame-edge: #c9a6ff;border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--a-light) 45%,white),#fff 60%) padding-box,linear-gradient(135deg,#ff8fa3,#ffcf6b 18%,#fff59a 32%,#8ff0b0,#7fd3ff,#a99bff 80%,#ff9be6) border-box}.rarity-4 .cf-stars{background:linear-gradient(90deg,#ff6f91,#ffc845,#5ee0a0,#4fb7ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.cf-rb{display:inline-block;margin-left:.6cqw;padding:0 .3cqw;font-family:Hiragino Mincho ProN,Hiragino Mincho Pro,Yu Mincho,YuMincho,"Noto Serif JP",Times New Roman,serif;font-size:5.6cqw;font-style:italic;font-weight:900;letter-spacing:.04em;line-height:1;vertical-align:baseline;background:linear-gradient(100deg,#ff4f7b,#ff9f1c 20%,#ffd60a 35%,#2ec27e 52%,#1c9cff 70%,#8b5cf6 86%,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.035em rgba(60,30,90,.4);filter:drop-shadow(0 .06em 0 rgba(90,50,140,.35))}.bs-name .cf-rb,.cf-rb.is-inline{font-size:1.05em;margin-left:.12em;padding:0 .05em}.cf-tag.is-cost{background:linear-gradient(90deg,#ff6f91,#a78bfa);color:#fff}.cf-head{display:flex;align-items:center;gap:1.6cqw;min-height:9cqw}.cf-era{flex:none;font-size:3.2cqw;font-weight:800;padding:.6cqw 1.8cqw;border-radius:999px;background:var(--a-ink);color:#fff}.cf-name{flex:1;min-width:0;font-size:clamp(4.2cqw,calc(37cqw / var(--name-len, 5)),6.4cqw);font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-hp{flex:none;font-size:7cqw;font-weight:800;color:var(--danger);line-height:1}.cf-hp small{font-size:3.4cqw;margin-right:.4cqw}.cf-kind{flex:none;font-size:3.6cqw;font-weight:800;color:var(--ink-soft)}.cf-attr{flex:none;width:8.6cqw;height:8.6cqw;border-radius:50%;display:grid;place-items:center;font-size:4.8cqw;font-weight:800;color:#fff;line-height:1;background:var(--a-ink);box-shadow:inset 0 -.6cqw #00000026,0 0 0 .6cqw #fff}.cf-attr.is-small{width:5.4cqw;height:5.4cqw;font-size:3.2cqw;box-shadow:inset 0 -.4cqw #00000026}.cf-art{position:relative;margin-top:1.2cqw;aspect-ratio:4 / 3;border-radius:3.4cqw;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 22% 18%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 60% 18% at 50% 96%,rgba(0,0,0,.12),transparent 70%),linear-gradient(180deg,var(--a-light) 0%,var(--a-deep) 100%);box-shadow:inset 0 0 0 .6cqw #ffffffb3}.cf-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;pointer-events:none}.cf-art-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:9cqw;font-weight:800;color:#ffffffd9}.cf-evo{position:absolute;left:2cqw;top:2cqw;font-size:2.8cqw;font-weight:800;padding:.6cqw 1.8cqw;border-radius:999px;background:#ffffffe0;color:var(--a-ink)}.cf-stars{color:var(--sun);font-size:3.8cqw;line-height:1;letter-spacing:.2cqw;text-shadow:0 .3cqw 0 #d49a12}.cf-subtype{margin-left:auto;font-size:2.8cqw;font-weight:800;color:var(--a-ink);line-height:1.3;padding:.2cqw 1.8cqw;border-radius:999px;border:.45cqw solid currentColor}.cf-body{flex:1;display:flex;flex-direction:column;gap:1cqw;margin-top:1.1cqw;min-height:0}.cf-skill{padding:.9cqw 1.8cqw;border-radius:2.6cqw;background:#eaf8f4d9}.cf-skill.is-core{background:linear-gradient(90deg,#fff4cf,#fffaf0);box-shadow:inset 0 0 0 .45cqw #f0c95a}.cf-skill-head{display:flex;align-items:center;gap:1.2cqw}.cf-skill-name{flex:1;min-width:0;line-height:1.3;font-size:3.9cqw;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-skill-dmg{font-size:4.8cqw;font-weight:800;line-height:1.05}.cf-skill-text{margin:.4cqw 0 0;font-size:var(--fs-text);line-height:1.38;color:var(--ink)}.cf-cost{display:inline-flex;gap:.6cqw}.cf-pip{width:3.6cqw;height:3.6cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff 0 18%,var(--sky) 20%);box-shadow:0 0 0 .35cqw #fff}.cf-pip.is-zero{background:#fff;color:var(--ink-soft);font-size:2.6cqw;font-weight:800;display:grid;place-items:center;box-shadow:inset 0 0 0 .35cqw #cfe0dc}.cf-tag{display:inline-block;margin-right:1cqw;padding:0 1.4cqw;border-radius:999px;font-size:2.6cqw;font-weight:800;background:var(--sky);color:#fff;vertical-align:.2cqw}.cf-tag.is-core{background:#e2a92a}.cf-effect{margin:0;padding:2cqw 2.4cqw;border-radius:2.6cqw;background:#eaf8f4d9;font-size:var(--fs-text);line-height:1.38}.cf-pending{margin:auto 0;text-align:center;font-size:3.2cqw;font-weight:700;color:var(--ink-soft)}.cf-foot{display:flex;align-items:center;gap:1.6cqw;margin-top:.8cqw;font-size:2.8cqw;font-weight:800;color:var(--ink-soft)}.cf-draft{padding:.2cqw 1.6cqw;border-radius:999px;background:#fff0c2;color:#9a7000}.type-tripper .cf-inner{background:linear-gradient(180deg,#e9f0ff,#fff 55%)}.type-item .cf-inner{background:linear-gradient(180deg,#fff1e3,#fff 55%)}.type-tripper .cf-art{background:radial-gradient(ellipse 70% 60% at 22% 18%,rgba(255,255,255,.8),transparent 70%),linear-gradient(180deg,#d9e6ff,#8fb0f0)}.type-item .cf-art{background:radial-gradient(ellipse 70% 60% at 22% 18%,rgba(255,255,255,.8),transparent 70%),linear-gradient(180deg,#ffe7cc,#f3b27a)}.cf-evolve{margin:0;padding:1cqw 1.6cqw;border-radius:1.6cqw;font-size:var(--fs-text);line-height:1.38;color:var(--ink);background:#ffffff8c;padding:.7cqw 1.6cqw;border:.4cqw dashed rgba(0,0,0,.18)}.cf-tag.is-evolve{background:#7a5cc4;color:#fff}.type-tripper .cf-name,.type-item .cf-name{font-size:clamp(4.6cqw,calc(62cqw / var(--name-len, 5)),6.4cqw)}.cf-body{overflow:hidden}.cf.rarity-4{--fs-text: 2.5cqw}.cf-evolve.is-cost{padding-top:.5cqw;padding-bottom:.5cqw}.battle{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 4px) 8px 0;background:linear-gradient(180deg,#e3f5fb 0%,var(--mist) 45%,#e6f7ee 100%);overflow:hidden}.battle.is-my-turn{background:linear-gradient(180deg,#e3f5fb 0%,var(--mist) 45%,#d8f3e3 100%)}.b-bar{display:flex;align-items:center;gap:6px;height:32px;flex:none;font-size:12px}.b-dot{width:8px;height:8px;border-radius:50%;background:#c3d2cf;flex:none}.b-dot.is-on{background:var(--leaf);box-shadow:0 0 0 3px #2fb67c33}.b-name{font-size:14px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-hearts{color:#d5dedc;font-size:14px;letter-spacing:-1px}.b-hearts .is-on{color:var(--danger)}.b-stat{margin-left:auto;display:inline-flex;align-items:baseline;gap:2px;color:var(--ink-soft);font-weight:700;background:none;padding:0;font-size:12px}.b-stat+.b-stat{margin-left:6px}.b-stat b{color:var(--ink);font-size:14px}.b-stat.is-btn{background:var(--white);border-radius:999px;padding:4px 9px;box-shadow:0 1px #134b451f}.b-stat.is-quit{color:var(--danger)}.b-side{display:flex;flex-direction:column;gap:6px;flex:none}.b-bench{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.b-activeRow{display:grid;grid-template-columns:1fr 172px 1fr;align-items:center;gap:6px}.b-sideinfo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.b-energy{font-weight:800;font-size:15px;color:var(--ink);background:var(--white);border-radius:999px;padding:3px 9px}.b-energy small{font-size:11px;color:var(--ink-soft)}.b-reactive{max-width:100%;font-size:11px;font-weight:800;padding:4px 8px;border-radius:10px;background:#fff3c9;color:#8a6400;border:1px dashed #e0b43a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-mid{flex:1;min-height:50px;display:flex;align-items:center;gap:8px;padding:4px 0}.b-log{flex:none;height:34px;padding:0 10px;border-radius:999px;background:var(--white);color:var(--ink-soft);font-weight:800;font-size:12px}.b-status{flex:1;margin:0;font-size:12.5px;line-height:1.35;font-weight:700;color:var(--ink);text-align:center}.b-status.is-flow{color:var(--leaf-deep)}.b-end{flex:none;height:40px;padding:0 14px;border-radius:999px;background:var(--leaf);color:#fff;font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--leaf-deep)}.b-end:disabled{background:#c7d6d3;box-shadow:none;color:#fff}.b-flowbtns{display:flex;gap:6px;flex:none}.b-mini{height:34px;padding:0 12px;border-radius:999px;background:var(--white);color:var(--ink);font-weight:800;font-size:13px}.b-mini.is-primary{background:var(--leaf);color:#fff}.b-mini:disabled{opacity:.45}.b-hand{flex:none;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 2px calc(env(safe-area-inset-bottom) + 8px);margin:0 -8px;padding-left:8px;padding-right:8px;scrollbar-width:none;min-height:132px}.b-hand::-webkit-scrollbar{display:none}.b-hc{position:relative;flex:none;width:82px;padding:0;background:none;border-radius:8px;container-type:inline-size;transition:transform .12s}.b-hc.is-playable{box-shadow:0 0 0 3px var(--leaf),0 4px 10px #2fb67c59;transform:translateY(-4px)}.b-hc.is-dim{opacity:.45}.b-hc.is-set{box-shadow:0 0 0 3px var(--sky);transform:translateY(-6px)}.b-hc-tag{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);white-space:nowrap;background:var(--sky);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.b-hand-empty{margin:auto;color:var(--ink-soft);font-size:13px}.fa{position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:left;border-radius:14px;background:var(--a-light, #fff);border:3px solid var(--a-deep, #cfe);box-shadow:0 2px #134b4526;color:var(--ink);-webkit-touch-callout:none}.fa.is-active{height:148px}.fa.is-bench{height:100px;border-width:2px;border-radius:12px}.fa-art{position:absolute;top:0;right:0;bottom:0;left:0}.fa-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.fa:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffffbf,#fff0 30%,#fff0 50%,#ffffffeb 80%);pointer-events:none}.fa>span:not(.fa-art){position:absolute;z-index:1}.fa-name{top:3px;left:6px;right:26px;font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-bench .fa-name{font-size:11px}.fa-attr{top:3px;right:4px;font-size:10px;font-weight:800;color:#fff;background:var(--a-ink);border-radius:6px;padding:1px 4px}.fa-chips{left:4px;right:4px;bottom:20px;display:flex;flex-wrap:wrap;gap:3px}.fa-energy{font-size:11px;font-weight:800;background:#fff8d6;color:#8a6400;border-radius:6px;padding:0 4px}.fa-status{font-size:10px;font-weight:800;color:#fff;border-radius:6px;padding:0 4px}.st-paralysis{background:#d9a400}.st-seal{background:#6b5aa6}.st-poison{background:#9b4fb5}.st-taunt{background:var(--danger)}.fa-item{font-size:10px;font-weight:800;background:var(--sky);color:#fff;border-radius:6px;padding:0 4px}.fa-hp{left:5px;right:5px;bottom:4px;display:flex;align-items:center;gap:4px}.fa-hpbar{flex:1;height:7px;border-radius:4px;background:#134b452e;overflow:hidden}.fa-hpbar i{display:block;height:100%;background:var(--leaf);border-radius:4px;transition:width .4s ease-out}.fa-hpbar.is-low i{background:var(--danger)}.fa-hpnum{font-weight:800;font-size:13px;line-height:1}.fa-hpnum small{font-size:9px;color:var(--ink-soft)}.is-bench .fa-hpnum{font-size:11px}.fa-done{top:20px;right:4px;font-size:9px;font-weight:800;color:var(--ink-soft);background:#ffffffd9;border-radius:6px;padding:0 4px}.fa.is-cand{border-color:var(--leaf);box-shadow:0 0 0 3px #2fb67c73;animation:cand-pulse 1.1s ease-in-out infinite}.fa.is-picked{border-color:var(--sky);box-shadow:0 0 0 4px var(--sky)}@keyframes cand-pulse{50%{box-shadow:0 0 0 6px #2fb67c26}}.fa.anim-hit{animation:fa-hit .45s ease-out}.fa.anim-act{animation:fa-act .45s ease-out}.fa.anim-evolve{animation:fa-evolve .55s ease-out}@keyframes fa-hit{20%{transform:translate(-5px);filter:brightness(1.4) saturate(.6)}40%{transform:translate(5px)}60%{transform:translate(-3px)}}@keyframes fa-act{40%{transform:scale(1.06)}}@keyframes fa-evolve{0%{filter:brightness(2);transform:scale(1.08)}}.fa-empty{border:2px dashed rgba(19,75,69,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:11px;font-weight:700}.fa-empty.is-active{height:148px;border-radius:14px}.fa-empty.is-bench{height:100px}.fa-setup{container-type:inline-size;overflow:hidden;border-radius:10px}.fa-setup.is-active{height:148px;width:105px;margin:0 auto}.fa-setup.is-bench{height:100px;width:72px;margin:0 auto}.fx{z-index:3!important;left:50%;top:38%;transform:translate(-50%);font-weight:900;font-size:22px;white-space:nowrap;pointer-events:none;animation:fx-up 1.2s ease-out forwards;text-shadow:0 2px 0 #fff,0 0 6px #fff}.fx-dmg{color:var(--danger)}.fx-adv{top:60%;font-size:13px;color:#fff;background:#f07a48;padding:1px 8px;border-radius:999px;text-shadow:none}.fx-dis{top:60%;font-size:13px;color:#fff;background:#8aa3a0;padding:1px 8px;border-radius:999px;text-shadow:none}.fx-heal{color:var(--leaf-deep)}.fx-status{top:60%;font-size:13px;color:#fff;background:#7a5bb0;padding:1px 8px;border-radius:999px;text-shadow:none}.fx-info{top:55%;font-size:15px;color:var(--sky)}.fx+.fx{margin-top:0}@keyframes fx-up{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}.b-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#134b4573;display:flex;align-items:flex-end;animation:fade-in .12s ease-out}.b-sheet{position:relative;width:100%;max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--mist);border-radius:24px 24px 0 0;padding:16px 14px calc(env(safe-area-inset-bottom) + 18px);animation:sheet-up .16s ease-out}.bs-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:var(--white);color:var(--ink);font-size:20px;font-weight:800}.bs-head{display:flex;align-items:center;gap:8px;padding-right:40px;flex-wrap:wrap}.bs-name{font-size:19px}.bs-hp{font-weight:800;color:var(--ink)}.bs-en{font-weight:800;color:#8a6400;background:#fff8d6;border-radius:8px;padding:1px 6px}.bs-attr{font-size:11px;font-weight:800;color:#fff;background:var(--a-ink);border-radius:6px;padding:2px 6px;flex:none}.bs-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.bs-tags span{font-size:11px;font-weight:700;background:var(--white);border-radius:999px;padding:2px 8px;color:var(--ink-soft)}.bs-tags .is-item{color:#1f7fa3}.bs-tags .is-warn{color:#fff;background:var(--danger)}.bs-tags .is-buff{color:var(--leaf-deep);background:#dcf5e8}.bs-tags .is-debuff{color:#b0384a;background:#fbe1e5}.bs-note{margin:6px 0;font-size:12.5px;line-height:1.5;color:var(--ink)}.bs-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.bs-btn{height:46px;border-radius:999px;background:var(--white);color:var(--ink);font-weight:800;font-size:15px;box-shadow:0 2px #134b4526}.bs-btn.is-primary{background:var(--leaf);color:#fff;box-shadow:0 3px 0 var(--leaf-deep)}.bs-btn:disabled{opacity:.45}.bs-skill{background:var(--white);border-radius:16px;padding:8px}.bs-skill.is-core{box-shadow:inset 0 0 0 2px var(--sun)}.bs-skill-main{width:100%;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:12px;background:#e0f6ec;color:var(--ink);font-weight:800;text-align:left}.bs-skill-main:not(:disabled):active{background:#c6eed9}.bs-skill-main:disabled{background:#eef2f1;color:#9bb0ad}.bs-cost{min-width:26px;font-size:13px;color:#c49600}.bs-skill-name{flex:1;font-size:15px}.bs-dmg{font-size:20px;font-weight:900}.bs-skill-text{margin:6px 4px 0;font-size:12.5px;line-height:1.5}.bs-alt{margin-top:6px;width:100%;min-height:38px;border-radius:10px;background:#fff3c9;color:#8a6400;font-weight:800;font-size:12.5px}.bs-reason{margin:4px 4px 0;font-size:12px;color:var(--ink-soft)}.bs-link{display:block;margin:12px auto 0;background:none;color:var(--leaf-deep);font-weight:800;text-decoration:underline;font-size:13px}.bs-card{width:min(58vw,240px);margin:0 auto;container-type:inline-size}.bs-title{margin:0 44px 10px 0;font-size:16px}.bs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bs-thumb{padding:0;background:none;border-radius:8px;container-type:inline-size}.bs-thumb.is-picked{box-shadow:0 0 0 3px var(--sky);transform:translateY(-3px)}.bs-row{display:flex;gap:8px;margin-top:14px}.bs-row .bs-btn{flex:1}.bs-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bs-log li{font-size:13px;line-height:1.45;padding:4px 10px;border-radius:10px;background:var(--white)}.bs-log li.is-me{border-left:4px solid var(--leaf)}.bs-log li.is-opp{border-left:4px solid var(--danger)}.b-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#134b45b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:fade-in .12s ease-out}.b-zoom-card{width:min(80vw,340px);container-type:inline-size;animation:card-in .15s ease-out}.b-zoom-hint{margin:0;color:#fff;font-size:12px;opacity:.8}.b-toast{position:fixed;left:50%;top:42%;z-index:55;transform:translate(-50%,-50%);padding:10px 20px;border-radius:999px;font-weight:800;font-size:16px;color:#fff;background:#134b45e0;max-width:88vw;text-align:center;pointer-events:none;animation:toast-in .18s ease-out}.b-toast.is-error{background:var(--danger);font-size:14px;border-radius:16px}.b-toast.is-ko{background:#3c2f63;font-size:18px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}}.b-busy{position:fixed;top:calc(env(safe-area-inset-top) + 40px);left:50%;z-index:56;width:28px;height:28px;margin-left:-14px;border-radius:50%;border:3px solid rgba(47,182,124,.25);border-top-color:var(--leaf);animation:spin .7s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.b-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:24px;background:#134b458c;animation:fade-in .25s ease-out 1.6s both}.b-result-card{width:100%;max-width:340px;background:var(--white);border-radius:var(--radius-lg);padding:24px 20px;display:flex;flex-direction:column;gap:10px;text-align:center;animation:card-in .22s ease-out 1.6s both}.b-result-title{margin:0;font-size:40px;font-weight:900}.is-win .b-result-title{color:var(--leaf-deep)}.is-lose .b-result-title{color:var(--ink-soft)}.b-result-reason{margin:0 0 6px;font-size:14px;color:var(--ink-soft)}.b-banner{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top) + 36px);z-index:30;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:800;line-height:1.45;color:#fff;box-shadow:0 4px 12px #134b4533;animation:fade-in .2s ease-out}.b-banner.is-warn{background:#d99a00}.b-banner.is-error{background:var(--danger)}.bs-btn.is-danger{background:var(--danger);color:#fff;box-shadow:0 3px #b0384a}.b-reactive.is-hidden{background:#efe9f7;color:#5b4a86;border-color:#a893d0}.b-end.is-next{animation:end-pulse 1.2s ease-in-out infinite}@keyframes end-pulse{50%{box-shadow:0 3px 0 var(--leaf-deep),0 0 0 7px #2fb67c47}}.b-timer{flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 6px;border-radius:12px;background:var(--white);color:var(--ink-soft);font-weight:900;font-size:16px;line-height:1;font-variant-numeric:tabular-nums}.b-timer small{font-size:9px;font-weight:800}.b-timer small:first-child{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px}.b-timer.is-mine{background:#dff5ea;color:var(--leaf-deep)}.b-timer.is-low{background:var(--danger);color:#fff;animation:end-pulse 1s ease-in-out infinite}.b-peek{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}.b-peek .b-zoom-card{width:min(78vw,320px,62vh * .714)}.b-peek-row{display:flex;gap:8px;width:min(90vw,360px)}.b-peek-row .bs-btn{flex:1}.fa-equip{top:19px;left:4px;display:flex;align-items:center;gap:3px;max-width:calc(100% - 8px);background:#ffffffeb;border:2px solid var(--sky);border-radius:999px;padding:1px 6px 1px 1px;box-shadow:0 1px 3px #134b4540}.fa-equip-img{width:24px;height:24px;flex:none;border-radius:50%;overflow:hidden;background:#e6f6fb;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--sky)}.fa-equip-img img{width:100%;height:100%;object-fit:cover}.fa-equip-name{font-size:10px;font-weight:800;color:#1f6f8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-bench .fa-equip{padding:1px;top:17px}.is-bench .fa-equip-img{width:20px;height:20px}.fa-mod{font-size:10px;font-weight:800;color:#fff;border-radius:6px;padding:0 4px}.fa-mod.is-good{background:#2fa36b}.fa-mod.is-bad{background:#c0566a}.bs-dmg-base{font-size:13px;font-weight:800;color:#7c9794;margin-right:2px}.bs-skill-main:disabled .bs-dmg-base{color:inherit}.bs-calc{margin:4px 4px 0;font-size:12px;font-weight:700;color:#1f6f8b}.b-toast{white-space:pre-line}.b-toast.is-calc{width:max-content;border-radius:16px;font-size:15px;line-height:1.5;background:#1f6f8beb}.bs-mu{flex:none;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;margin-left:auto}.bs-mu+.bs-dmg{margin-left:4px}.bs-mu.is-adv{background:#f07a48;color:#fff}.bs-mu.is-dis{background:#8aa3a0;color:#fff}.bs-mu.is-even{background:#eef2f1;color:#7c9794}.bs-skill-main:disabled .bs-mu{opacity:.7}.bs-mutable{margin:8px 0 4px;padding:8px 10px;border-radius:12px;background:#f3faf8;font-size:12px;line-height:1.7;color:var(--ink)}.bs-mutable p{margin:0}.bs-mutable b{display:block;font-size:12px;color:var(--ink-soft)}.bs-mutable .is-adv,.bs-chart .is-adv{color:#d8612e;font-weight:900}.bs-mutable .is-dis,.bs-chart .is-dis{color:#6d8784;font-weight:900}.bs-chart{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}.bs-chart th,.bs-chart td{padding:5px 4px;border-bottom:1px solid #e3efec;text-align:left;vertical-align:middle}.bs-chart thead th{font-size:11px}.bs-chart td .bs-attr{margin:1px 2px 1px 0}.b-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#134b458c;animation:fade-in .14s ease-out}.b-cutin-text{margin:0;padding:6px 16px;border-radius:999px;background:#fffffff2;color:var(--ink);font-weight:800;font-size:15px}.b-cutin-card{width:min(56vw,230px);container-type:inline-size;animation:cutin-in .26s cubic-bezier(.2,1.3,.5,1)}.b-cutin-name{margin:0;color:#fff;font-weight:900;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.b-cutin-hint{margin:0;color:#fff;font-size:11px;opacity:.8}@keyframes cutin-in{0%{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.b-mid{gap:6px}.b-mid .b-log{padding:0 9px}.b-skillcut-wrap{position:fixed;left:0;right:0;top:40%;z-index:57;pointer-events:none;display:flex;justify-content:center;transform:translateY(-50%)}.b-skillcut{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;padding:10px 18px;background:linear-gradient(90deg,transparent 0%,var(--a-ink) 14%,var(--a-ink) 86%,transparent 100%);color:#fff;box-shadow:0 4px 16px #134b4540;animation:skillcut-l 1.2s ease-out forwards}.b-skillcut.is-opp{animation-name:skillcut-r;flex-direction:row-reverse;text-align:right}.b-skillcut-art{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#ffffff4d;box-shadow:0 2px 6px #0003}.b-skillcut-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.b-skillcut-body{display:flex;flex-direction:column;min-width:0}.b-skillcut-body small{font-size:12px;font-weight:800;opacity:.95}.b-skillcut-body strong{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-skillcut.is-opp .b-skillcut-body strong{justify-content:flex-end}.b-skillcut-attr{flex:none;font-size:12px;background:#fff;color:var(--a-ink);border-radius:6px;padding:1px 6px;text-shadow:none}@keyframes skillcut-l{0%{transform:translate(-60%);opacity:0}18%{transform:translate(0);opacity:1}82%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}@keyframes skillcut-r{0%{transform:translate(60%);opacity:0}18%{transform:translate(0);opacity:1}82%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}.bs-thumb:has(.bs-count){position:relative}.bs-count{position:absolute;right:4px;bottom:4px;padding:1px 7px;border-radius:999px;background:#134b45d9;color:#fff;font-size:12px;font-weight:800}.b-result-card .btn-primary,.b-result-card .btn-outline{flex:none}.b-result-reward{margin:4px 0 8px;padding:8px 10px;border-radius:12px;background:#e8fbf3;color:#1d7a5a;font-size:13px;font-weight:700;text-align:center}:root{--leaf: #2fb67c;--leaf-deep: #1d8a5c;--sky: #4cc3e8;--sky-soft: #d6f1fa;--mist: #eaf8f4;--ink: #134b45;--ink-soft: #5f8a84;--sun: #ffc93c;--danger: #e2566a;--white: #ffffff;--radius-lg: 28px;--radius-md: 18px;--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--mist);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font-family:inherit;color:inherit;border:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}input,select,textarea{font-size:16px;font-family:inherit}.rotate-guard{display:none}@media (orientation: landscape) and (max-height: 500px){.rotate-guard{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;align-items:center;justify-content:center;background:var(--mist);font-weight:700;font-size:18px}}.splash{min-height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;font-weight:700}.wordmark{margin:0;display:flex;flex-direction:column;align-items:center;line-height:1}.wordmark-main{font-size:56px;font-weight:800;letter-spacing:-.02em;color:var(--leaf);text-shadow:0 4px 0 var(--sky-soft)}.wordmark-sub{font-size:16px;font-weight:700;color:var(--sky);margin-top:4px;letter-spacing:.08em}.wordmark-small{align-items:flex-start}.wordmark-small .wordmark-main{font-size:30px;text-shadow:0 3px 0 var(--sky-soft)}.wordmark-small .wordmark-sub{font-size:11px}.login{min-height:100%;max-width:440px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 40px) 24px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;align-items:center}.login-players{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:36px}.player-tile{background:var(--white);border-radius:var(--radius-lg);padding:18px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;border:3px solid transparent;box-shadow:0 6px #cfe9e1;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.player-tile:active{transform:translateY(3px);box-shadow:0 3px #cfe9e1}.player-tile.is-selected{border-color:var(--leaf);box-shadow:0 6px 0 var(--leaf-deep)}.player-initial{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;color:var(--white);background:var(--sky)}.player-tile.is-selected .player-initial{background:var(--leaf)}.player-name{font-size:18px;font-weight:800}.player-role{font-size:12px;color:var(--ink-soft)}.login-hint{margin:28px 0 14px;font-weight:700;color:var(--ink-soft)}.pin-dots{display:flex;gap:18px}.pin-dot{width:18px;height:18px;border-radius:50%;border:3px solid var(--leaf);background:transparent;transition:background .1s ease}.pin-dot.is-filled{background:var(--leaf)}.pin-dots.is-shaking{animation:shake .36s ease}.pin-dots.is-shaking .pin-dot{border-color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.login-error{min-height:22px;margin:12px 0 8px;font-size:14px;font-weight:700;color:var(--danger);text-align:center}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:300px;margin-top:auto}.key{height:64px;border-radius:50%;aspect-ratio:1;justify-self:center;background:var(--white);font-size:26px;font-weight:700;box-shadow:0 4px #cfe9e1}.key:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #cfe9e1;background:var(--sky-soft)}.key:disabled{opacity:.4}.key-del{background:transparent;box-shadow:none;font-size:22px;color:var(--ink-soft)}.home{min-height:100%;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 18px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column;gap:18px}.home-header{display:flex;justify-content:space-between;align-items:center}.profile-chip{display:flex;flex-direction:column;align-items:flex-end;background:var(--white);padding:8px 14px;border-radius:var(--radius-md)}.profile-name{font-weight:800}.profile-coins{font-size:13px;font-weight:700;color:var(--ink-soft)}.battle-button{flex:1;min-height:220px;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--leaf) 0%,var(--sky) 100%);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 0 var(--leaf-deep)}.battle-button:disabled{filter:saturate(.55)}.battle-label{font-size:34px;font-weight:800}.battle-note{font-size:13px;font-weight:700;opacity:.9}.home-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-tile{background:var(--white);border-radius:var(--radius-md);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 5px #cfe9e1}.menu-tile:disabled .menu-label{opacity:.55}.menu-label{font-size:17px;font-weight:800}.menu-note{font-size:11px;color:var(--ink-soft)}.home-footer{display:flex;justify-content:space-between;align-items:center}.admin-badge{font-size:12px;font-weight:700;background:var(--sun);padding:4px 10px;border-radius:999px}.btn-secondary{background:transparent;font-weight:700;color:var(--ink-soft);padding:10px 14px;border-radius:var(--radius-md);margin-left:auto}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.page{min-height:100%;max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 28px);display:flex;flex-direction:column;gap:22px}.page-head{display:flex;align-items:center;gap:8px}.page-title{margin:0;font-size:22px;font-weight:800}.btn-back{background:var(--white);font-weight:800;padding:10px 14px;border-radius:var(--radius-md);box-shadow:0 4px #cfe9e1}.section-title{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--ink-soft)}.notice{margin:0;padding:14px 16px;border-radius:var(--radius-md);background:var(--white);font-size:14px;line-height:1.6}.notice.is-error{color:var(--danger)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card-cell{position:relative;padding:0;background:none;text-align:left}.card-cell:active{transform:scale(.97)}.card-issue{position:absolute;right:6px;top:-6px;font-size:11px;font-weight:800;background:var(--danger);color:#fff;padding:3px 8px;border-radius:999px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{min-width:44px;height:40px;padding:0 12px;border-radius:999px;background:var(--white);font-weight:800;font-size:16px;box-shadow:0 3px #cfe9e1}.chip[class*=attr-]{color:var(--a-ink)}.chip.is-on{background:var(--leaf);color:#fff;box-shadow:0 3px 0 var(--leaf-deep)}.chip[class*=attr-].is-on{background:var(--a-ink);box-shadow:0 3px #0003}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(env(safe-area-inset-top) + 16px) 20px calc(env(safe-area-inset-bottom) + 16px);background:#134b458c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:zoom-in .16s ease-out}.zoom-card{width:min(88vw,calc((100dvh - 120px) * 63 / 88),420px)}.zoom-issue{margin:0;font-size:13px;font-weight:700;color:#fff;background:var(--danger);padding:6px 12px;border-radius:12px}.zoom-hint{margin:0;color:#fff;font-size:13px;font-weight:700;opacity:.85}@keyframes zoom-in{0%{opacity:0;transform:scale(.96)}}.collection{gap:14px}.col-progress{margin-left:auto;font-weight:700;color:var(--ink-soft);font-size:15px}.col-progress b{font-size:22px;color:var(--leaf-deep);margin-right:2px}.col-toolbar{position:sticky;top:0;z-index:5;display:flex;gap:8px;margin:0 -16px;padding:calc(env(safe-area-inset-top) + 6px) 16px 8px;background:linear-gradient(var(--mist) 80%,rgba(234,248,244,0))}.col-search{flex:1;min-width:0;height:44px;padding:0 16px;border:2px solid #cfe9e1;border-radius:999px;background:var(--white);color:var(--ink);-webkit-user-select:text;user-select:text;outline:none}.col-search:focus{border-color:var(--sky)}.col-filter-btn{flex:none;height:44px;padding:0 16px;border-radius:999px;background:var(--white);font-weight:800;box-shadow:0 3px #cfe9e1;display:inline-flex;align-items:center;gap:6px}.col-filter-btn.is-on{background:var(--leaf);color:#fff;box-shadow:0 3px 0 var(--leaf-deep)}.col-filter-count{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:var(--leaf-deep);font-size:12px;display:grid;place-items:center}.col-hint{margin:-4px 0 0;font-size:12px;font-weight:700;color:var(--ink-soft)}.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;padding:4px 4px 0 0}.col-empty{grid-column:1 / -1}.col-cell{position:relative;padding:0;background:none;text-align:left;isolation:isolate}.col-cell:active{transform:scale(.96)}.col-cell.stack-2:before,.col-cell.stack-3:before,.col-cell.stack-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:9%/6.4%;background:var(--white);box-shadow:inset 0 0 0 2px #bfe8da,0 2px 6px #134b4526}.col-cell.stack-2:before,.col-cell.stack-3:before{transform:translate(3px,-3px)}.col-cell.stack-3:after{transform:translate(6px,-6px);z-index:-2}.col-count{position:absolute;right:-2px;bottom:-6px;z-index:1;font-size:12px;font-weight:800;color:#fff;background:var(--ink);padding:2px 8px;border-radius:999px;box-shadow:0 0 0 2px var(--mist)}.card-back{container-type:inline-size;aspect-ratio:63 / 88;width:100%}.card-back-inner{position:relative;height:100%;border-radius:9%/6.4%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3cqw solid #e4f7ef;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.55) 0 22cqw,transparent 23cqw),repeating-radial-gradient(circle at 50% 46%,rgba(255,255,255,.12) 0 4cqw,transparent 4cqw 8cqw),linear-gradient(160deg,#7fd3a8,#7cc9e6);box-shadow:inset 0 0 0 .8cqw #bfe8da}.card-back-mark{font-size:15cqw;font-weight:800;color:var(--leaf-deep);letter-spacing:-.03em;opacity:.55}.card-back-no{position:absolute;left:50%;bottom:7cqw;transform:translate(-50%);font-size:8.4cqw;font-weight:800;color:var(--leaf-deep);background:#ffffffe6;padding:1cqw 5cqw;border-radius:999px;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#134b4566;animation:fade-in .14s ease-out}.sheet{width:100%;max-width:520px;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--mist);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:10px 18px calc(env(safe-area-inset-bottom) + 16px);animation:sheet-up .18s ease-out}.sheet-grip{width:44px;height:5px;border-radius:999px;background:#bfd9d2;margin:0 auto 12px}.filter-group{margin-bottom:14px}.filter-title{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--ink-soft)}.filter-group .chip-row{margin-bottom:0}.chip-star{color:#d49a12}.chip-star.is-on{color:#fff}.sheet-actions{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;padding:10px 0 0;background:var(--mist)}.sheet-actions .btn-secondary{margin-left:0}.btn-primary{flex:1;height:50px;border-radius:999px;font-size:17px;font-weight:800;background:var(--leaf);color:#fff;box-shadow:0 4px 0 var(--leaf-deep)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--leaf-deep)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:#134b459e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .14s ease-out}.detail-bar{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;color:#fff}.detail-nav{width:44px;height:44px;border-radius:50%;background:#ffffff2e;color:#fff;font-size:26px;font-weight:800;line-height:1}.detail-nav:disabled{opacity:.3}.detail-no{min-width:76px;text-align:center;font-weight:800;font-size:16px}.detail-close{margin-left:auto;height:40px;padding:0 16px;border-radius:999px;background:#fff;color:var(--ink);font-weight:800}.detail-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px calc(env(safe-area-inset-bottom) + 24px)}.detail-card{width:min(76vw,360px);margin:0 auto;animation:card-in .16s ease-out}@keyframes card-in{0%{opacity:0;transform:scale(.97)}}.detail-info{max-width:480px;margin:18px auto 0;background:var(--mist);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.detail-owned{display:flex;align-items:baseline;gap:12px}.detail-owned-n{font-size:34px;font-weight:800;color:var(--leaf-deep);line-height:1}.detail-owned-n small{font-size:15px;margin-left:2px}.detail-owned-note{font-size:13px;font-weight:700;color:var(--ink-soft)}.detail-facts{margin:0;background:var(--white);border-radius:var(--radius-md);padding:4px 14px}.fact{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #e3f1ed;font-size:15px}.fact:last-child{border-bottom:none}.fact dt{flex:none;width:4.5em;color:var(--ink-soft);font-weight:700}.fact dd{margin:0;font-weight:800;line-height:1.7}.detail-stars{color:var(--sun);text-shadow:0 1px 0 #d49a12;letter-spacing:1px}.detail-attr{display:inline-block;padding:0 9px;margin-right:6px;border-radius:999px;background:var(--a-ink);color:#fff;font-size:13px;font-weight:800}.evo-link{padding:3px 10px;margin:0 4px 4px 0;border-radius:999px;background:var(--sky-soft);color:var(--ink);font-weight:800;font-size:14px}.evo-link:disabled{background:#eef3f2;color:var(--ink-soft)}.evo-arrow{font-size:13px;color:var(--ink-soft);font-weight:700}.detail-block{background:var(--white);border-radius:var(--radius-md);padding:12px 14px}.skill-block.is-core{box-shadow:inset 0 0 0 2px #f0c95a;background:#fffaf0}.detail-h{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:6px}.detail-h .cf-tag{font-size:11px;padding:1px 8px}.skill-dmg{margin-left:auto;font-size:20px}.skill-meta{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--ink-soft)}.detail-text{margin:6px 0 0;font-size:15px;line-height:1.65}.menu-tile{position:relative}.menu-badge{position:absolute;top:-8px;right:-4px;font-size:12px;font-weight:800;background:var(--sun);color:var(--ink);padding:3px 9px;border-radius:999px;box-shadow:0 2px #d49a12}.coin-chip{margin-left:auto;font-weight:800;background:var(--white);padding:8px 12px;border-radius:999px;box-shadow:0 3px #cfe9e1}.btn-outline{flex:1;height:50px;border-radius:999px;font-size:16px;font-weight:800;background:var(--white);color:var(--leaf-deep);box-shadow:inset 0 0 0 2px var(--leaf),0 4px #cfe9e1}.btn-primary:disabled,.btn-outline:disabled{opacity:.5}.notice.is-ok{color:var(--leaf-deep);font-weight:700}.gacha{gap:16px}.pack-hero{display:grid;place-items:center;padding:8px 0 4px}.pack{container-type:inline-size;width:150px;aspect-ratio:5 / 7;border-radius:18px 18px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.35) 8% 9%,transparent 9% 91%,rgba(255,255,255,.35) 91% 92%,transparent 92%),repeating-radial-gradient(circle at 50% 45%,rgba(255,255,255,.14) 0 10px,transparent 10px 20px),linear-gradient(160deg,var(--leaf) 0%,var(--sky) 100%);box-shadow:inset 0 10px #ffffff59,inset 0 -8px #00000014,0 10px 0 var(--leaf-deep);transform:rotate(-4deg)}.pack-mark{font-size:26cqw;font-weight:800;color:#fff;letter-spacing:-.03em;text-shadow:0 3px 0 rgba(19,75,69,.25)}.pack-sub{font-size:10cqw;font-weight:800;color:#fff;opacity:.9}.pack.is-shaking{animation:pack-shake .6s ease-in-out infinite}@keyframes pack-shake{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg) translateY(-4px)}}.gacha-source{background:var(--white);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px #cfe9e1}.gacha-source.is-bonus{box-shadow:inset 0 0 0 3px var(--sun),0 5px #e9c35a}.gacha-source-head{display:flex;align-items:baseline;justify-content:space-between}.gacha-source-title{margin:0;font-size:18px;font-weight:800}.gacha-left{font-weight:700;color:var(--ink-soft)}.gacha-left b{font-size:22px;color:var(--leaf-deep)}.gacha-source-note{margin:0;font-size:13px;line-height:1.6;color:var(--ink-soft)}.gacha-actions{display:flex;gap:10px;margin-top:4px}.gacha-actions .btn-primary{flex:1.3}.rates{background:var(--white);border-radius:var(--radius-md);padding:12px 16px}.rates summary{font-weight:800;cursor:pointer}.rates-table{width:100%;margin-top:10px;border-collapse:collapse;font-size:14px}.rates-table th{text-align:left;font-size:12px;color:var(--ink-soft);padding:4px 0}.rates-table td{padding:6px 0;border-top:1px solid #e3f1ed;font-weight:700}.rates-star{color:#d49a12}.rates-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--ink-soft)}.gacha-busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#134b458c;color:#fff;font-weight:800}.gacha-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#2c7d71,#134b45 75%);padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 14px);color:#fff;animation:fade-in .12s ease-out}.gacha-open{flex:1;display:grid;place-items:center}.pack.is-opening{width:180px;animation:pack-open .45s ease-in forwards}.pack.is-gold{background:repeating-radial-gradient(circle at 50% 45%,rgba(255,255,255,.18) 0 10px,transparent 10px 20px),linear-gradient(160deg,#ffe07a,#f4b93a);box-shadow:inset 0 10px #ffffff73,0 0 40px 10px #ffd25ab3,0 10px #c98b12}@keyframes pack-open{0%{transform:rotate(-4deg) scale(1)}35%{transform:rotate(4deg) scale(1.05)}70%{transform:rotate(-3deg) scale(1.08);opacity:1}to{transform:scale(1.4);opacity:0}}.gacha-result-head{text-align:center}.gacha-result-head h2{margin:0;font-size:20px;font-weight:800}.gacha-result-head p{margin:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:26px}.gacha-result-head p.is-hidden{visibility:hidden}.res-tag{font-size:13px;font-weight:800;padding:3px 10px;border-radius:999px;background:#ffffff2e}.res-tag.is-star3{background:var(--sun);color:var(--ink)}.res-tag.is-new{background:var(--sky)}.gacha-grid{flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;align-content:start;padding:14px 6px 10px;perspective:900px}.gacha-grid.is-summary{grid-template-columns:repeat(4,1fr);gap:10px 8px}.flip{position:relative;padding:0;background:none;aspect-ratio:63 / 88;transform-style:preserve-3d;transition:transform .26s ease-out}.flip.is-open{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{transform:rotateY(180deg)}.flip.is-star3.is-open .flip-front{animation:star3-glow .9s ease-out 1;border-radius:9%/6.4%}.flip.is-star3.is-open .flip-front:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:12%/8%;pointer-events:none;box-shadow:0 0 0 2px #ffe07a,0 0 18px 4px #ffd25abf}@keyframes star3-glow{0%{filter:brightness(1.8);transform:rotateY(180deg) scale(1.12)}to{filter:none;transform:rotateY(180deg)}}.flip-new{position:absolute;left:-4px;bottom:-6px;font-size:11px;font-weight:800;background:var(--danger);color:#fff;padding:2px 7px;border-radius:999px;box-shadow:0 0 0 2px #134b45}.flip-coin{position:absolute;left:50%;bottom:6px;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:800;background:#134b45d9;color:var(--sun);padding:2px 7px;border-radius:999px}.gacha-result-actions{display:flex;gap:10px;padding-top:10px}.gacha-result .btn-outline{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 2px #fff9}.exchange-cell:disabled{opacity:.55}.exchange-owned{display:block;margin-top:6px;text-align:center;font-size:12px;font-weight:800;color:var(--ink-soft)}.exchange-preview{width:min(52vw,220px);margin:0 auto}.exchange-q{margin:14px 0 4px;text-align:center;font-weight:800;font-size:16px}.exchange-after{margin:0 0 6px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-soft)}@media (prefers-reduced-motion: reduce){.flip{transition:none}}.deck-new-row{display:flex;gap:10px}.chip-danger{color:var(--danger)}.btn-danger{background:var(--danger);box-shadow:0 4px #b83a4c}.deck-list{display:flex;flex-direction:column;gap:12px}.deck-item{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 5px #cfe9e1;overflow:hidden}.deck-item.is-main{box-shadow:inset 0 0 0 3px var(--leaf),0 5px 0 var(--leaf-deep)}.deck-item-body{width:100%;background:none;text-align:left;padding:14px 16px 8px;display:flex;flex-direction:column;gap:4px}.deck-item-name{font-size:18px;font-weight:800}.deck-item-stats{display:flex;gap:14px;font-size:14px;font-weight:700;color:var(--ink-soft)}.deck-state{font-size:13px;font-weight:800;color:#b07a00}.deck-state.is-ok{color:var(--leaf-deep)}.deck-item-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 12px 12px}.deck-item-actions .chip{height:34px;font-size:14px}.sheet-title{margin:0 0 4px;font-size:18px;font-weight:800}.template-item{width:100%;text-align:left;background:var(--white);border-radius:var(--radius-md);padding:12px 14px;margin-top:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 3px #cfe9e1}.template-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.template-name{font-weight:800;font-size:16px}.template-have{font-size:12px;font-weight:800;color:var(--leaf-deep);white-space:nowrap}.template-bar,.deck-bar{height:6px;border-radius:999px;background:#e3f1ed;overflow:hidden}.template-bar span,.deck-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),var(--sky));border-radius:999px}.template-concept{font-size:12px;line-height:1.6;color:var(--ink-soft)}.deck-edit{gap:12px}.deck-name{flex:1;min-width:0;height:44px;padding:0 14px;font-size:18px;font-weight:800;color:var(--ink);border:2px solid transparent;border-radius:var(--radius-md);background:var(--white);outline:none;-webkit-user-select:text;user-select:text}.deck-name:focus{border-color:var(--sky)}.deck-summary{position:sticky;top:0;z-index:5;margin:0 -16px;padding:calc(env(safe-area-inset-top) + 6px) 16px 10px;background:var(--mist);box-shadow:0 8px 12px -10px #134b4559;display:flex;flex-direction:column;gap:6px}.deck-meter{display:flex;align-items:center;gap:14px}.deck-meter-n{font-size:24px;font-weight:800}.deck-meter-n small{font-size:13px;color:var(--ink-soft);margin-left:2px}.deck-meter-n.is-ok{color:var(--leaf-deep)}.deck-meter-n.is-over{color:var(--danger)}.deck-save{flex:none;margin-left:auto;height:42px;padding:0 20px;font-size:15px}.deck-kinds{margin:0;font-size:12px;font-weight:700;color:var(--ink-soft)}.seg{display:grid;grid-template-columns:1fr 1fr;background:#d9eee8;border-radius:999px;padding:3px}.seg button{height:38px;border-radius:999px;background:none;font-weight:800;color:var(--ink-soft)}.seg button.is-on{background:var(--white);color:var(--ink);box-shadow:0 2px #cfe9e1}.deck-problems{margin:0;padding:10px 14px 10px 28px;background:#fff6dc;border-radius:var(--radius-md);font-size:13px;font-weight:700;line-height:1.7;color:#8a6200}.deck-problems .is-soft{color:var(--ink-soft)}.deck-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.deck-group{margin:10px 0 4px;font-size:14px;font-weight:800;color:var(--ink-soft)}.deck-row{display:flex;align-items:center;gap:8px;background:var(--white);border-radius:var(--radius-md);padding:6px 6px 6px 8px}.deck-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;text-align:left;padding:4px 0}.deck-row-attr{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--a-ink, #7a8fb8)}.deck-row.type-item .deck-row-attr{background:#e29a55}.deck-row-name{flex:1;min-width:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-row-meta{flex:none;font-size:12px;font-weight:700;color:var(--ink-soft)}.stepper{flex:none;display:flex;align-items:center;background:var(--mist);border-radius:999px}.stepper button{width:40px;height:40px;border-radius:50%;background:none;font-size:20px;font-weight:800;color:var(--leaf-deep)}.stepper button:disabled{opacity:.3}.stepper span{min-width:22px;text-align:center;font-weight:800;font-size:17px}.chip-scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll .chip{flex:none}.pick-cell{position:relative}.pick-add{display:block;width:100%;padding:0;background:none}.pick-add:active{transform:scale(.96)}.pick-cell.is-done .pick-add{opacity:.45}.pick-info{position:absolute;bottom:-8px;right:-6px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-style:italic;font-family:Georgia,serif;font-size:15px;box-shadow:0 0 0 2px var(--mist)}.pick-count{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);font-size:12px;font-weight:800;background:var(--leaf);color:#fff;padding:2px 9px;border-radius:999px;box-shadow:0 0 0 2px var(--mist);white-space:nowrap}.pick-minus{position:absolute;left:-6px;bottom:-8px;width:28px;height:28px;border-radius:50%;background:var(--white);color:var(--danger);font-weight:800;font-size:18px;box-shadow:0 0 0 2px var(--mist),0 2px #cfe9e1}.link{background:none;padding:0 0 0 6px;font-weight:800;color:var(--leaf-deep);text-decoration:underline}.resume-room{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius-md);background:var(--sky-soft);font-weight:700}.resume-go{font-weight:800;color:var(--leaf-deep)}.lobby-deck{margin:0;font-size:14px;color:var(--ink-soft)}.lobby-deck b{color:var(--ink)}.code-card{background:var(--white);border-radius:var(--radius-lg);padding:20px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 5px #cfe9e1}.code-label{font-weight:800}.code-input{height:72px;border-radius:var(--radius-md);border:3px solid #cfe9e1;background:var(--mist);outline:none;text-align:center;font-size:40px;font-weight:800;letter-spacing:.25em;color:var(--ink);-webkit-user-select:text;user-select:text}.code-input:focus{border-color:var(--sky)}.code-hint{margin:0;font-size:12px;color:var(--ink-soft)}.room-code{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--white);border-radius:var(--radius-lg);padding:16px;box-shadow:0 5px #cfe9e1}.room-code-label{font-size:13px;font-weight:700;color:var(--ink-soft)}.room-code-n{font-size:52px;font-weight:800;letter-spacing:.18em;color:var(--leaf-deep);line-height:1.1}.room-code-hint{font-size:12px;color:var(--ink-soft)}.room-players{display:grid;gap:10px}.room-player{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--white);border-radius:var(--radius-md);padding:14px 16px}.room-player.is-empty{background:transparent;border:2px dashed #bfd9d2;color:var(--ink-soft);justify-content:center}.room-dot{width:12px;height:12px;border-radius:50%;background:#c9d6d3}.room-dot.is-on{background:var(--leaf);box-shadow:0 0 0 4px #2fb67c33}.room-player-name{font-weight:800;font-size:17px}.room-master{font-size:11px;font-weight:800;background:var(--sun);padding:2px 8px;border-radius:999px}.room-deck{margin-left:auto;font-size:13px;font-weight:800;color:#b07a00}.room-deck.is-ok{color:var(--leaf-deep)}.room-start-btn{width:100%;min-height:120px;flex:none}.room-start-btn:disabled{filter:saturate(.4);opacity:.8}.match-vs{font-size:26px;font-weight:800}.match-vs small{font-size:15px;color:var(--ink-soft);margin:0 6px}.page>.btn-primary,.page>.btn-outline{flex:none}.sound-toggles{display:flex;gap:8px;justify-content:center;margin:12px 0 4px}.sound-btn{flex:1;max-width:170px;height:40px;border-radius:999px;font-weight:800;font-size:14px;background:#eef2f1;color:#7c9794}.sound-btn.is-on{background:#dff4fb;color:#1f6f8b;box-shadow:inset 0 0 0 2px #8fd3ea}.sound-toggles.is-compact{margin:8px 0 0}.gacha-seasons{margin:4px 0 6px}.gacha-seasons button{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;font-size:14px}.gacha-seasons button small{font-size:10px;font-weight:700;color:var(--ink-soft)}.pack.season-2{background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.35) 8% 9%,transparent 9% 91%,rgba(255,255,255,.35) 91% 92%,transparent 92%),repeating-radial-gradient(circle at 50% 45%,rgba(255,255,255,.14) 0 10px,transparent 10px 20px),linear-gradient(160deg,#7f8cf0,#5cc6e8);box-shadow:inset 0 10px #ffffff59,inset 0 -8px #00000014,0 10px #4b55a8}.rates-star.is-rainbow,.res-tag.is-rainbow{background:linear-gradient(90deg,#ff6f91,#ffc845,#5ee0a0,#4fb7ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.res-tag.is-rainbow{border-color:#a78bfa}.npc-entry{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--leaf),var(--sky));color:var(--white);box-shadow:0 4px #1d8a5c55;text-align:left}.npc-entry-title{font-size:17px;font-weight:800}.npc-entry-sub{font-size:12.5px;opacity:.95}.npc-open{background:var(--white);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 5px #cfe9e1}.npc-open-text{margin:0;font-weight:800}.npc-quit{display:flex;flex-direction:column;gap:8px}.npc-quit p{margin:0;font-size:13.5px;color:var(--danger);line-height:1.6}.npc-decks{background:var(--white);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px #cfe9e1}.npc-deck{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--radius-md);background:var(--mist);border:2px solid transparent;font-weight:700;text-align:left;color:var(--ink)}.npc-deck.is-on{border-color:var(--leaf);background:#dff5ea}.npc-deck-name{flex:1;min-width:0;overflow-wrap:anywhere}.npc-deck-meta{font-size:12.5px;color:var(--ink-soft);flex:none}.btn-outline.is-danger{color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger),0 4px #f3d3d8;flex:none}.npc-entry,.npc-open,.npc-decks,.npc-open .btn-primary{flex:none}.npc-start{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:2;box-shadow:0 4px #1d8a5c,0 8px 18px #134b4540}.auth-box{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:32px}.auth-big{flex:none;width:100%;height:54px}.btn-outline.auth-big{border-radius:999px;font-size:16px;font-weight:800}.auth-back{margin:0 auto}.auth-label{font-weight:800;margin-top:6px}.auth-input{height:54px;border-radius:var(--radius-md);border:3px solid #cfe9e1;background:var(--white);outline:none;padding:0 14px;font-size:18px;font-weight:700;color:var(--ink);-webkit-user-select:text;user-select:text}.auth-input:focus{border-color:var(--sky)}.auth-pin{letter-spacing:.4em;text-align:center}.auth-code{text-align:center;letter-spacing:.06em;font-size:18px}.auth-note{margin:0;font-size:12px;color:var(--ink-soft);text-align:center}.auth-check{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;padding:6px 0}.auth-check input{width:22px;height:22px;accent-color:var(--leaf)}.tcode{background:var(--white);border-radius:var(--radius-lg);padding:18px 16px;box-shadow:0 5px #cfe9e1;display:flex;flex-direction:column;align-items:center;gap:8px}.tcode-title{margin:0;font-size:20px;font-weight:800;color:var(--leaf-deep)}.tcode-lead{margin:0;font-size:14px}.tcode-value{margin:4px 0;font-size:22px;font-weight:800;letter-spacing:.06em;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--mist);border-radius:var(--radius-md);padding:10px 12px;-webkit-user-select:all;user-select:all;white-space:nowrap}.tcode-copy{height:44px;padding:0 20px;border-radius:999px;font-weight:800}.tcode-notes{margin:4px 0 0;padding-left:18px;font-size:12px;color:var(--ink-soft);display:grid;gap:4px;text-align:left}.account-page .tcode{margin-top:8px}.lobby-quota{margin:4px 0 8px;font-size:13px;color:var(--muted, #5b7a72);text-align:center}.lobby-quota.is-stop{color:#c0392b;font-weight:700}