:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#130f1f;--bg-stage:#24183a;--panel:#1f182fb8;--panel-strong:#fff6e4e0;--panel-soft:#ffffff1f;--line-soft:#ffffff29;--line-warm:#ffd37f6b;--ink:#fff7ef;--ink-soft:#fff7efb8;--rose:#ff79bc;--gold:#ffd36f;--amber:#ff9f43;--mint:#86ffc5;--cyan:#7de3ff;--shadow-lg:0 22px 50px #05040c6b;--shadow-md:0 10px 24px #05040c47}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#ffd36f2e,#0000 28%),radial-gradient(circle at 20% 15%,#ff79bc24,#0000 22%),radial-gradient(circle at 80% 20%,#7de3ff29,#0000 24%),linear-gradient(#0e0a18 0%,#171126 46%,#0c0915 100%);font-family:Trebuchet MS,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}body{justify-content:center;align-items:stretch;display:flex;overflow:hidden}#root{background:radial-gradient(circle at top,#fff2d642,#0000 20%),radial-gradient(circle at 15% 20%,#ff85b92e,#0000 20%),radial-gradient(circle at 80% 16%,#67d2ff29,#0000 18%),linear-gradient(#231738 0%,#1a122b 30%,#0f0c1d 100%);border:1px solid #ffffff14;border-radius:28px;width:min(100vw,540px);max-width:540px;height:100dvh;min-height:100dvh;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000080,inset 0 1px #ffffff1f}#root:before,#root:after{content:"";pointer-events:none;position:absolute;inset:0}#root:before{background:linear-gradient(90deg,#ffffff0d,#0000 8% 92%,#ffffff0a),linear-gradient(#ffffff0f,#0000 10% 90%,#00000038)}#root:after{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 80px #ffd7940d}@media (width<=540px){#root{border-radius:0;width:100%;height:100dvh}}.page{isolation:isolate;background:radial-gradient(circle at top,#ffffff14,#0000 30%),linear-gradient(#ffffff08,#00000029);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.page>*{z-index:1;position:relative}.page:before,.page:after{content:"";pointer-events:none;position:absolute;inset:0}.page:before{background:radial-gradient(circle at 50% -5%,#fff7da1f,#0000 26%),linear-gradient(#ffffff0a,#0000 28%)}.page:after{background:linear-gradient(#0000,#00000024)}.btn{letter-spacing:.04em;color:#1f1226;cursor:pointer;border:1px solid #ffffff1f;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:inset 0 1px #fff6,0 4px 10px #0000002e}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{color:#4f2400;background:linear-gradient(#ffe7ae 0%,#ffc768 48%,#ff9b3d 100%)}.btn-secondary{color:#46265d;background:linear-gradient(#ffffffe6 0%,#f3e2ffd1 100%)}.btn-danger{color:#55111e;background:linear-gradient(#ffb4ca 0%,#ff799f 48%,#ff5e6c 100%)}.btn:disabled{cursor:not-allowed;opacity:.54;filter:grayscale(.1);transform:none}.input{width:100%;color:var(--ink);background:#0f0a1b94;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;box-shadow:inset 0 1px #ffffff0f}.input::placeholder{color:#fff7ef61}.input:focus{border-color:#ffd36f80;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #ffd36f1f}.top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffffd1,#ffffff94),linear-gradient(90deg,#ffc4e129,#8ec6ff24);border:1px solid #ffffffbd;border-radius:22px;align-items:center;gap:8px;margin:16px 16px 10px;padding:8px 12px;display:flex;box-shadow:0 16px 34px #7691ba24,inset 0 1px #ffffffe6}.top-bar .back-btn{color:#5d708c;cursor:pointer;background:linear-gradient(#ffffffeb,#f5f9ffb8);border:1px solid #ffffffdb;border-radius:12px;width:36px;height:36px;font-size:17px;font-weight:800;line-height:1;transition:background .15s,transform .15s;box-shadow:0 10px 18px #7691ba24,inset 0 1px #ffffffeb}.top-bar .back-btn:hover{background:linear-gradient(#fffffffa,#f7fbffdb);transform:translateY(-1px)}.top-bar .title{text-align:center;letter-spacing:.06em;color:#4a5e7a;text-shadow:0 1px 10px #ffffffb3;flex:1;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:17px;font-weight:700}.stat-vo{color:#ff8a92}.stat-da{color:#82d5ff}.stat-vi{color:#a6f3a4}.stat-hp{color:#ff97b9}.stat-energy{color:#ffd77f}.avatar-placeholder{aspect-ratio:1;background:var(--art-url,none), radial-gradient(circle at 50% 28%, #fff1cee6, transparent 32%), linear-gradient(180deg, #ffbad0f2 0%, #ffd481bf 100%);background-size:cover,cover,cover;background-position:var(--art-position,center), center, center;border-radius:12px;flex-shrink:0;width:44px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,inset 0 -12px 16px #0806102e,0 4px 10px #0003}.avatar-placeholder:after{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#0000 28%),linear-gradient(#0000 50%,#0b081447);position:absolute;inset:0}.avatar-placeholder.large{aspect-ratio:2/3;border-radius:16px;width:min(44vw,200px)}.avatar-placeholder.medium{width:56px}[data-character-id=uzuki]{box-shadow:inset 0 0 0 1px #fff3,0 4px 12px #ff80af2e}[data-character-id=rin]{box-shadow:inset 0 0 0 1px #fff3,0 4px 12px #6498ff2e}[data-character-id=mio]{box-shadow:inset 0 0 0 1px #fff3,0 4px 12px #ffbb422e}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.login-page{background:radial-gradient(circle at 50% 18%,#fffffff0,#fff6 22%,#0000 42%),radial-gradient(circle at 18% 16%,#a8d1ff57,#0000 24%),radial-gradient(circle at 84% 14%,#ffc3e157,#0000 24%),linear-gradient(#eef6ff 0%,#f6f0ff 28%,#fff9fc 60%,#edf5ff 100%);justify-content:flex-start;padding:28px 18px 24px;overflow:hidden}.login-page:before{background:radial-gradient(circle at 24% 30%,#ffffffe0 0 2px,#0000 3px),radial-gradient(circle at 76% 24%,#ffffffd6 0 3px,#0000 4px),radial-gradient(circle at 72% 64%,#ffffffc7 0 2px,#0000 3px),linear-gradient(#ffffff2e,#0000 36%)}.login-page:after{background:linear-gradient(135deg,#ffffff47,#0000 18% 78%,#ffffff38),linear-gradient(#ffcde71a,#0000 32%,#97c6ff1f)}.login-glow,.login-stage-arch,.login-stage-floor{pointer-events:none;z-index:0;position:absolute}.login-glow{filter:blur(24px);border-radius:50%}.login-glow-left{background:radial-gradient(circle,#94cbff6b,#0000 72%);width:52%;height:34%;top:12%;left:-22%}.login-glow-right{background:radial-gradient(circle,#ffb2d96b,#0000 72%);width:52%;height:34%;top:14%;right:-22%}.login-stage-arch{clip-path:inset(0 0 52%);border:4px solid #ffffffa3;border-radius:50%;width:132%;height:240px;top:112px;left:50%;transform:translate(-50%);box-shadow:0 18px 36px #8eadd629}.login-stage-floor{background:radial-gradient(#fffffff0 0%,#ffffff9e 28%,#a6cbff3d 60%,#0000 76%);border:1px solid #ffffffd1;border-radius:50%;width:118%;height:168px;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 -10px 42px #fff6,inset 0 0 0 10px #ffffff29}.login-brand,.login-container{z-index:1;position:relative}.login-brand{text-align:center;margin-top:38px}.login-kicker{color:#5d7390d6;letter-spacing:.18em;background:#ffffff8f;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc7}.game-title{color:#3c4a61;text-align:center;text-shadow:0 10px 24px #ffffffbd;margin-top:18px;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(54px,14vw,76px);line-height:.95}.game-subtitle{text-align:center;color:#4f6582cc;letter-spacing:.08em;margin-top:12px;font-size:13px;font-weight:700}.login-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd6,#fff9),linear-gradient(120deg,#ffcee51f,#a6ccff1a);border:1px solid #ffffffd1;border-radius:28px;gap:14px;width:100%;margin-top:auto;padding:18px 16px 16px;display:grid;box-shadow:0 22px 40px #829cc42e,inset 0 1px #ffffffe0}.login-panel-head{gap:4px;display:grid}.login-panel-kicker{color:#607693d1;letter-spacing:.16em;font-size:10px;font-weight:700}.login-panel-title{color:#40516d;font-size:22px;font-weight:800}.login-panel-copy{color:#4a5e7abd;font-size:12px;line-height:1.5}.login-form{gap:12px;display:grid}.login-field{gap:6px;display:grid}.login-field span{color:#60738f;letter-spacing:.08em;font-size:11px;font-weight:700}.login-page .input{color:#40516d;background:linear-gradient(#ffffffeb,#f6faffbd);border:1px solid #ffffffe0;border-radius:16px;box-shadow:inset 0 1px #fffffff0,0 10px 20px #829cc414}.login-page .input::placeholder{color:#6073908a}.login-page .input:focus{border-color:#83b5ffb8;box-shadow:inset 0 1px #fffffff5,0 0 0 4px #83b5ff24}.login-submit{border-radius:18px;min-height:52px;font-size:16px}.error-msg{color:#b74b67;text-align:center;background:#ff6c911f;border:1px solid #ffaac257;border-radius:14px;padding:10px 12px;font-size:12px}.toggle-btn{color:#5b7090;cursor:pointer;background:#ffffff8a;border:none;border-radius:16px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffffd1,0 10px 18px #829cc414}@media (width<=440px){.login-page{padding:22px 16px 20px}.login-brand{margin-top:28px}.game-title{font-size:clamp(46px,15vw,64px)}.login-container{padding:16px 14px 14px}}.home-page{--accent-main:#ff96c8;--accent-secondary:#83c7ff;--accent-soft:#ff96c82e;--accent-deep:#50637e;padding:18px 18px calc(24px + env(safe-area-inset-bottom));color:#35445f;background:radial-gradient(circle at 18% 16%,#a2cfff2e,#0000 24%),radial-gradient(circle at 82% 14%,#ffc8e32e,#0000 24%),linear-gradient(#eef6ff 0%,#f7f0ff 26%,#fffafc 56%,#edf5ff 100%);display:block;overflow:hidden}.home-page[data-character-id=uzuki]{--accent-main:#ff96c8;--accent-secondary:#7dbfff;--accent-soft:#ff96c82e}.home-page[data-character-id=rin]{--accent-main:#8eb7ff;--accent-secondary:#a0dbff;--accent-soft:#8eb7ff2e}.home-page[data-character-id=mio]{--accent-main:#ffbd78;--accent-secondary:#9bd6ff;--accent-soft:#ffbd782e}.home-page:before,.home-page:after,.home-glow,.home-ribbon,.home-stage-arch,.home-stage-floor,.home-ribbon{display:none}.home-ribbon-left{background:linear-gradient(#ffffff3d,#0000 80%),linear-gradient(135deg,#ffc2e294,#86c7ff2e 68%,#0000 88%);border-radius:50% 50% 42% 58%;bottom:12%;left:-12%;transform:rotate(24deg)}.home-ribbon-right{background:linear-gradient(#fff3,#0000 80%),linear-gradient(225deg,#86c7ff6b,#ffbddd38 72%,#0000 90%);border-radius:48% 52% 60% 40%;bottom:8%;right:-10%;transform:rotate(-18deg)}.home-stage-arch,.home-stage-arch:after,.home-stage-floor{display:none}.home-profile-card,.home-corner-btn,.home-start-btn{cursor:pointer;border:none;transition:transform .18s}.home-profile-card:hover,.home-corner-btn:hover,.home-start-btn:hover{transform:translateY(-2px)}.home-profile-card:active,.home-corner-btn:active,.home-start-btn:active{transform:scale(.98)}.home-profile-card:focus-visible,.home-corner-btn:focus-visible,.home-start-btn:focus-visible{outline-offset:2px;outline:3px solid #67abff52}.home-profile-card{z-index:2;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffffd1,#ffffff8a),linear-gradient(90deg,#ffc4e12e,#8ec6ff29);border-radius:24px;align-items:center;gap:10px;width:calc(100% - 156px);max-width:292px;padding:10px 12px 10px 10px;display:flex;position:absolute;top:16px;left:18px;box-shadow:0 6px 14px #7d92b714,inset 0 0 0 1px #ffffffd1}.home-profile-avatar{width:56px;box-shadow:none;border-radius:16px}.home-profile-copy{flex:1;min-width:0}.home-profile-label{color:#5b7491d1;letter-spacing:.16em;font-size:9px}.home-profile-name{color:#394862;margin-top:2px;font-size:16px;font-weight:800}.home-profile-meta{color:#435773c7;flex-wrap:wrap;gap:7px;margin-top:3px;font-size:10px;display:flex}.home-profile-record{color:#44556f;margin-top:3px;font-size:11px;font-weight:700}.home-profile-action{color:#57709b;background:#fff9;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffffad}.home-corner-btn{z-index:2;color:#4d617d;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffffb8,#ffffff75),linear-gradient(90deg,#ffc2df1f,#8ec6ff1f);border-radius:22px;padding:11px 14px;position:absolute;box-shadow:0 5px 12px #7d92b714,inset 0 0 0 1px #ffffffc7}.home-corner-btn strong{font-size:13px;font-weight:800;display:block}.home-corner-kicker{letter-spacing:.18em;color:#59718ec7;margin-bottom:3px;font-size:9px;display:block}.home-logout-btn{border-radius:20px;min-width:84px;padding:10px 12px;top:18px;right:18px}.home-guide-btn{left:18px;bottom:calc(132px + env(safe-area-inset-bottom));text-align:left;min-width:112px}.home-info-btn{right:18px;bottom:calc(132px + env(safe-area-inset-bottom));text-align:left;min-width:112px}.home-brand{z-index:1;text-align:center;pointer-events:none;width:calc(100% - 80px);position:absolute;top:14%;left:50%;transform:translate(-50%)}.home-kicker{color:#627c9cd1;letter-spacing:.18em;background:#ffffff85;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffb8}.home-title{color:#3b4861;text-shadow:none;margin-top:10px;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(48px,13vw,78px);line-height:.95}.home-subtitle{color:#4b617fc2;letter-spacing:.08em;margin-top:8px;font-size:13px;font-weight:700}.home-showcase{z-index:1;pointer-events:none;position:absolute;inset:148px 0}.home-showcase:before{display:none}.home-showcase-copy{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffffb8,#ffffff6b),linear-gradient(135deg,#ffffff2e,#0000);border-radius:22px;max-width:154px;padding:12px 14px;position:absolute;bottom:112px;left:18px;box-shadow:0 5px 12px #7d92b70f,inset 0 0 0 1px #ffffffc2}.home-showcase-kicker{color:#59718eb8;letter-spacing:.18em;font-size:9px;font-weight:700}.home-showcase-name{color:#40516e;margin-top:6px;font-size:22px;font-weight:800;line-height:1.1}.home-showcase-stand{background-image:var(--art-url,none);background-repeat:no-repeat;background-position:var(--art-position,center 18%);filter:none;background-size:contain;width:min(92%,430px);height:100%;position:absolute;bottom:0;left:50%;transform:translate(-38%)}.home-main-action{left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:3;justify-content:center;display:flex;position:absolute}.home-start-btn{color:#fff;background:linear-gradient(90deg,#ffabd1f5 0%,#bb9dffeb 52%,#6ec4fff5 100%);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,370px);padding:18px 26px;display:flex;box-shadow:0 10px 24px #92a5d229,inset 0 0 0 2px #ffffffd1}.home-start-btn-text{flex:1;justify-items:center;gap:4px;display:grid}.home-start-btn-kicker{letter-spacing:.28em;opacity:.88;font-size:10px;font-weight:700}.home-start-btn strong{font-size:clamp(24px,7vw,32px);line-height:1}.home-start-btn-star{text-shadow:none;font-size:24px;line-height:1}.home-page .avatar-placeholder,.home-page [data-character-id=uzuki],.home-page [data-character-id=rin],.home-page [data-character-id=mio]{box-shadow:none}.home-page .avatar-placeholder:after{display:none}@media (width<=440px){.home-profile-card{width:calc(100% - 142px);padding-right:8px}.home-profile-avatar{width:52px}.home-profile-action{display:none}.home-brand{width:calc(100% - 44px);top:15%}.home-title{font-size:clamp(42px,14vw,62px)}.home-showcase{inset:176px 0 142px}.home-showcase-copy{max-width:138px;padding:10px 12px;bottom:92px}.home-showcase-name{font-size:18px}.home-showcase-stand{width:min(98%,380px);transform:translate(-36%)}.home-guide-btn,.home-info-btn{bottom:calc(122px + env(safe-area-inset-bottom))}}.profile-page{--profile-accent:#ff9aca;background:radial-gradient(circle at 50% 18%,#ffffffeb,#ffffff6b 22%,#0000 42%),radial-gradient(circle at 18% 14%,#a3ceff52,#0000 24%),radial-gradient(circle at 82% 16%,#ffbddd57,#0000 24%),linear-gradient(#edf6ff 0%,#f5f0ff 28%,#fff9fb 58%,#edf5ff 100%);padding-bottom:22px}.profile-page[data-character-id=rin]{--profile-accent:#90b8ff}.profile-page[data-character-id=mio]{--profile-accent:#ffbf7a}.profile-page:before{background:radial-gradient(circle at 18% 26%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 78% 22%,#ffffffdb 0 3px,#0000 4px),linear-gradient(#ffffff29,#0000 34%)}.profile-glow{filter:blur(22px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.profile-glow-left{background:radial-gradient(circle,#a3ceff57,#0000 74%);width:46%;height:30%;top:12%;left:-18%}.profile-glow-right{background:radial-gradient(circle,#ffbddd57,#0000 74%);width:48%;height:32%;top:16%;right:-20%}.profile-hero,.profile-content{z-index:1;position:relative}.profile-hero{background:linear-gradient(#ffffffdb,#ffffff94),linear-gradient(135deg,#ffc6e129,#98c8ff1f);border:1px solid #ffffffd1;border-radius:30px;align-items:stretch;min-height:260px;margin:0 16px 14px;display:flex;overflow:hidden;box-shadow:0 22px 42px #829cc429,inset 0 1px #ffffffe6}.profile-hero:after{content:"";pointer-events:none;background:radial-gradient(#ffffffd6 0%,#ffffff6b 36%,#0000 74%);border-radius:50%;height:88px;position:absolute;inset:auto 22px 18px}.profile-hero-copy{z-index:1;flex-direction:column;justify-content:space-between;width:min(58%,240px);padding:22px 18px 22px 20px;display:flex;position:relative}.profile-kicker{color:#607693d1;letter-spacing:.16em;font-size:10px;font-weight:700}.profile-title{color:#3d4d67;margin-top:8px;font-size:28px;font-weight:800;line-height:1.1}.profile-hero-subtitle{color:#4e6380c2;margin-top:10px;font-size:12px;line-height:1.55}.profile-hero-stats{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.profile-hero-stats span{color:#5c7191;background:#ffffff8a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffffd1}.profile-hero-stand{background-image:var(--art-url,none);background-repeat:no-repeat;background-position:var(--art-position,center 18%);filter:drop-shadow(0 28px 38px #7897c32e)drop-shadow(0 0 32px #ffffff8f);background-size:contain;flex:1}.profile-content{gap:12px;padding:0 16px;display:grid}.form-group,.save-btn{background:linear-gradient(#ffffffd1,#ffffff94),linear-gradient(120deg,#ffcfe41f,#a4ccff14);border:1px solid #ffffffd1;border-radius:24px;box-shadow:0 18px 34px #829cc41f,inset 0 1px #ffffffe6}.form-group{gap:10px;padding:16px;display:grid}.form-group label{color:#647794;letter-spacing:.12em;font-size:11px;font-weight:700}.profile-page .input{color:#40516d;background:linear-gradient(#fffffff0,#f6faffc2);border:1px solid #ffffffe0;border-radius:16px;box-shadow:inset 0 1px #fffffff0,0 10px 20px #829cc414}.profile-page .input::placeholder{color:#60739085}.profile-page .input:focus{border-color:#83b5ffb8;box-shadow:inset 0 1px #fffffff5,0 0 0 4px #83b5ff24}.avatar-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.avatar-option{color:#4f637ed1;cursor:pointer;background:linear-gradient(#ffffffb8,#fff6);border:1px solid #ffffffb8;border-radius:18px;justify-items:center;gap:6px;padding:12px 8px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.avatar-option:hover{border-color:#ffffffeb;transform:translateY(-2px);box-shadow:0 12px 20px #829cc41f}.avatar-option .avatar-placeholder{border-radius:18px;width:100%;max-width:72px}.avatar-option.selected{background:linear-gradient(180deg, #ffffffe0, #ffffff94), linear-gradient(135deg, color-mix(in srgb, var(--profile-accent) 24%, white), #ffffff4d);border-color:#fffffffa;box-shadow:0 16px 26px #829cc424,inset 0 0 0 1px #ffffffeb}.save-btn{min-height:52px;font-size:16px}.msg{text-align:center;border-radius:16px;padding:10px 12px;font-size:12px}.msg.success{color:#316e59;background:#70d4a41f;border:1px solid #70d4a43d}.msg.error{color:#b74b67;background:#ff6c911f;border:1px solid #ffaac257}@media (width<=440px){.profile-hero{min-height:232px}.profile-hero-copy{width:60%;padding:18px 14px 18px 18px}.profile-title{font-size:24px}.avatar-select{gap:8px}.avatar-option{padding:10px 6px;font-size:11px}}.char-select-page{--char-accent:#ff9aca;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%,#fffffff0,#ffffff70 22%,#0000 42%),radial-gradient(circle at 16% 16%,#a3ceff52,#0000 24%),radial-gradient(circle at 84% 16%,#ffbddd57,#0000 24%),linear-gradient(#edf6ff 0%,#f5f0ff 28%,#fff9fb 58%,#edf5ff 100%);overflow-x:hidden}.char-select-page:before,.char-select-page:after{position:fixed}.char-select-page[data-character-id=rin]{--char-accent:#90b8ff}.char-select-page[data-character-id=mio]{--char-accent:#ffbf7a}.char-select-page:before{background:radial-gradient(circle at 22% 24%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 78% 22%,#ffffffdb 0 3px,#0000 4px),linear-gradient(#ffffff29,#0000 34%)}.char-page-glow{filter:blur(22px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.char-page-glow-left{background:radial-gradient(circle,#a3ceff57,#0000 74%);width:46%;height:30%;top:12%;left:-20%}.char-page-glow-right{background:radial-gradient(circle,#ffbddd57,#0000 74%);width:48%;height:32%;top:18%;right:-20%}.char-detail,.char-confirm,.char-error{z-index:1;position:relative}.char-detail{gap:12px;padding:0 16px;display:grid}.char-stage-backdrop,.char-section,.char-confirm{background:linear-gradient(#ffffffd6,#ffffff94),linear-gradient(120deg,#ffcde41f,#a6ccff14);border:1px solid #ffffffd1;border-radius:28px;box-shadow:0 22px 40px #829cc424,inset 0 1px #ffffffe6}.char-stage-backdrop{background-image:linear-gradient(180deg, #ffffff4d, #ffffff0a 30%, #ffffff24 100%), var(--art-url,none), radial-gradient(circle at 50% 22%, #ffffffe0, transparent 42%), linear-gradient(180deg, #edf6ffeb, #f7f0ffc7 44%, #fff9fbe6);background-size:cover,contain,cover,cover;background-position:center, var(--art-position,center 18%), center, center;background-repeat:no-repeat;align-items:flex-end;min-height:348px;padding:16px;display:flex;position:relative;overflow:hidden}.char-stage-backdrop:before{content:"";clip-path:inset(0 0 52%);border:4px solid #ffffff9e;border-radius:50%;width:128%;height:220px;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #8eadd629}.char-stage-backdrop:after{content:"";pointer-events:none;background:radial-gradient(#ffffffe6 0%,#ffffff70 34%,#0000 74%);border-radius:50%;height:110px;position:absolute;inset:auto 18px 16px}.char-showcase{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1;background:linear-gradient(#ffffffc7,#ffffff7a),linear-gradient(120deg,#ffcde41f,#a6ccff14);border-radius:24px;align-items:center;gap:12px;width:min(72%,280px);padding:14px;display:flex;position:relative;box-shadow:0 18px 32px #829cc41f,inset 0 1px #ffffffe0}.char-showcase-avatar{width:min(18vw,66px)}.char-showcase-copy{flex:1;min-width:0}.char-kicker{color:#607693d1;letter-spacing:.16em;font-size:10px;font-weight:700}.char-name-label{color:#3d4d67;margin-top:4px;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:26px;line-height:1.1}.char-stats-strip{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.char-stats-strip span{color:#536782cc;background:#ffffff8a;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffffc7}.char-hp{color:#566b8a;text-align:center;background:linear-gradient(#ffffffc2,#ffffff85),linear-gradient(120deg,#ffc4e11f,#a6ccff14);border:1px solid #ffffffd1;border-radius:20px;padding:12px 16px;font-size:13px;font-weight:800;box-shadow:0 16px 30px #829cc41a,inset 0 1px #ffffffe6}.hp-bar{color:#4ebb88;letter-spacing:.12em;font-family:ui-monospace,Cascadia Code,monospace}.char-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.char-tab{color:#4f637ed1;cursor:pointer;background:linear-gradient(#ffffffb8,#ffffff6b);border:1px solid #fffc;border-radius:20px;justify-items:center;gap:6px;padding:12px 8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.char-tab .avatar-placeholder{border-radius:18px;width:100%;max-width:64px}.char-tab span{font-size:12px;font-weight:700}.char-tab:hover{transform:translateY(-2px);box-shadow:0 12px 20px #829cc41f}.char-tab.active{background:linear-gradient(180deg, #ffffffe6, #ffffff9e), linear-gradient(135deg, color-mix(in srgb, var(--char-accent) 24%, white), #ffffff52);border-color:#fffffffa;box-shadow:0 16px 26px #829cc424,inset 0 0 0 1px #ffffffeb}.char-section{padding:16px}.char-section h3{color:#667a97;letter-spacing:.16em;margin-bottom:8px;font-size:11px;font-weight:700}.skill-item{background:#ffffff85;border:1px solid #ffffffc2;border-radius:16px;padding:10px 12px}.skill-item+.skill-item{margin-top:8px}.skill-name{color:#42536f;font-size:13px;font-weight:800}.skill-desc{color:#4c5f7bc2;margin-top:4px;font-size:12px;line-height:1.5}.char-error{color:#b74b67;text-align:center;background:#ff6c911f;border:1px solid #ffaac257;border-radius:16px;margin:0 16px 10px;padding:10px 12px;font-size:12px}.char-confirm{z-index:5;background:linear-gradient(#fffc,#ffffff9e),linear-gradient(120deg,#ffcde41f,#a6ccff14);margin:12px 16px 0;padding:10px}.confirm-btn{border-radius:18px;width:100%;min-height:52px;font-size:16px}@media (width<=440px){.char-stage-backdrop{min-height:318px}.char-showcase{width:min(78%,250px);padding:12px}.char-name-label{font-size:22px}.char-tabs{gap:8px}.char-tab{padding:10px 6px}}.lobby-page{background:radial-gradient(circle at 50% 18%,#ffffffeb,#ffffff6b 22%,#0000 42%),radial-gradient(circle at 16% 16%,#a3ceff52,#0000 24%),radial-gradient(circle at 84% 14%,#ffbddd57,#0000 24%),linear-gradient(#edf6ff 0%,#f5f0ff 28%,#fff9fb 58%,#edf5ff 100%);padding-bottom:20px}.lobby-page:before{background:radial-gradient(circle at 24% 24%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 78% 18%,#ffffffdb 0 3px,#0000 4px),linear-gradient(#ffffff29,#0000 34%)}.lobby-glow{filter:blur(22px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.lobby-glow-left{background:radial-gradient(circle,#a3ceff57,#0000 74%);width:46%;height:32%;top:14%;left:-20%}.lobby-glow-right{background:radial-gradient(circle,#ffbddd57,#0000 74%);width:48%;height:34%;top:18%;right:-20%}.player-count{text-align:right;color:#586e8bbd;min-width:52px;font-size:12px;font-weight:700}.lobby-shell{z-index:1;gap:12px;padding:0 16px;display:grid;position:relative}.lobby-hero{gap:12px;display:grid}.lobby-self-card,.lobby-stage-card,.invitation-banner,.challenge-result-banner,.pending-invite-banner,.player-row,.empty-msg{background:linear-gradient(#ffffffd1,#ffffff94),linear-gradient(120deg,#ffcde41f,#a6ccff14);border:1px solid #ffffffd1;border-radius:24px;box-shadow:0 18px 34px #829cc41f,inset 0 1px #ffffffe6}.lobby-stage-card{padding:20px 18px}.lobby-stage-kicker,.lobby-self-kicker,.player-list-header,.inv-kicker{letter-spacing:.16em;color:#617794c7;font-size:10px;font-weight:700}.lobby-stage-title,.lobby-self-name{color:#40516d;margin-top:6px;font-size:24px;font-weight:800;line-height:1.1}.lobby-stage-copy,.lobby-self-meta{color:#4a5e7ac2;margin-top:8px;font-size:12px;line-height:1.55}.lobby-stage-metrics{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.lobby-stage-metrics span{color:#5c7191;background:#ffffff8f;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffffd1}.lobby-self-card{align-items:center;gap:12px;padding:14px 16px;display:flex}.lobby-self-copy{min-width:0}.invitation-banner{gap:10px;padding:14px 16px;display:grid}.inv-text{align-items:center;gap:12px;display:flex}.inv-avatar{border-radius:18px;width:58px}.inv-copy{color:#42536f;gap:4px;font-size:13px;line-height:1.5;display:grid}.inv-copy strong{font-size:17px}.inv-buttons{gap:8px;display:flex}.btn-sm{border-radius:14px;min-width:92px;padding:8px 12px;font-size:12px}.challenge-result-banner,.pending-invite-banner{color:#5a708f;padding:12px 14px;font-size:12px;line-height:1.5}.challenge-result-banner{background:linear-gradient(#ffe9f1e0,#ffffffa3),linear-gradient(120deg,#ffb2ce2e,#ffffff14)}.pending-invite-banner{background:linear-gradient(#e8f6ffe6,#ffffffa3),linear-gradient(120deg,#aedeff2e,#ffffff14)}.player-list-header{justify-content:space-between;align-items:center;padding:2px 4px 0;display:flex}.player-list{gap:10px;display:grid}.empty-msg{text-align:center;color:#4a5e7ac2;padding:18px 16px}.player-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.player-row .avatar-placeholder{border-radius:18px;width:56px}.player-info{flex:1;min-width:0}.player-name{color:#42536f;font-size:16px;font-weight:800}.player-meta{color:#4c5f7bc2;margin-top:4px;font-size:12px}.player-status{flex-shrink:0}.in-game-tag{color:#5d7191;background:#fff9;border:1px solid #ffffffd1;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=440px){.lobby-stage-title{font-size:22px}.player-row{padding:12px 14px}}.game-page{overflow:hidden}.loading,.waiting-screen,.opening-screen,.missing-room-screen,.result-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px 16px;display:flex}.waiting-screen,.opening-screen,.missing-room-screen,.result-screen{background:#161022d6;border:1px solid #ffffff14;border-radius:20px;margin:12px}.waiting-screen h2,.opening-screen h2,.missing-room-screen h2,.result-screen h2{color:#fff7e8;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:24px}.missing-room-screen p{color:#ffd7a7;font-size:14px;font-weight:800}.missing-room-screen span{color:#fff7efb8;max-width:280px;font-size:12px;line-height:1.6}.opening-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:200px;display:grid}.opening-card{aspect-ratio:2/3;color:#653400;background:linear-gradient(#fff3d1f5,#ffc768d9);border:1px solid #fff4dcd1;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:18px;font-weight:900;display:flex;box-shadow:0 6px 14px #0000002e}.opening-info,.ready-status,.end-reason{color:#fff7efb3;font-size:12px}.final-scores{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.final-scores>div{color:#fff7ef;background:#ffffff14;border-radius:10px;padding:7px 10px;font-weight:700}.game-page.playing{background:radial-gradient(circle at 50% 0,#ffe19d24,#0000 25%),radial-gradient(circle at 0%,#ff79bc1f,#0000 24%),radial-gradient(circle at 100% 40%,#7de3ff1a,#0000 20%),linear-gradient(#201437 0%,#140f24 45%,#0d0a17 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:6px;height:100%;min-height:0;padding:8px;display:grid}.opponent-area,.center-area,.my-area{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0f;border-radius:16px;min-width:0}.opponent-area{background:#1a1229d1;padding:10px}.game-header{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.phase-badge{align-items:center;gap:4px;display:flex}.phase-label,.round-counter,.preview-type-badge,.buff-detail-kind{letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.phase-label{min-height:22px;padding:0 8px;font-size:10px}.phase-label.phase-training{color:#ffe1a8;background:#ffb65a2e}.phase-label.phase-performance{color:#ffd8ee;background:#ff70b92e}.round-counter{color:#fff7efb3;background:#ffffff0f;min-height:22px;padding:0 8px;font-size:10px}.opp-identity{align-items:center;gap:6px;display:flex}.opp-identity .avatar-placeholder{width:36px}.opp-name{color:#fff7ef;font-size:13px;font-weight:700}.stat-row{color:#fff7efcc;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.stat-row.stats{color:#fff7efad}.hand-info{margin-left:auto}.buff-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.buff-tag{border:1px solid #0000;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.buff-tag.buff{color:#d6ffea;background:#86ffc51f;border-color:#86ffc52e}.buff-tag.debuff{color:#ffd8e4;background:#ff7aa01f;border-color:#ff7aa02e}.buff-tag.clickable{cursor:pointer}.mechanic-row{margin-top:6px}.mechanic-button{appearance:none;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.mechanic-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.tension-tag{color:#ffe0a0;background:#ffa50026;border:1px solid #ffa50040;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.crisis-tag{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.crisis-tag.crisis-lost{color:#e0d0ff;background:#b48cff26;border:1px solid #b48cff40}.crisis-tag.crisis-awakened{color:#fff4c0;background:#ffd7002e;border:1px solid #ffd7004d}.turn-ended-tag{color:#fff7ef80;margin-top:4px;font-size:10px}.center-area{background:radial-gradient(circle,#fff8e414,#0000 26%),#0e0a1ad1;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-height:0;padding:10px 8px;display:flex;overflow:hidden auto}.center-area>*{flex-shrink:0}.perf-type{color:#fff6dd;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.perf-type-vo{background:#ff8ca02e}.perf-type-da{background:#82d5ff2e}.perf-type-vi{background:#a6f3a42e}.performance-scoreboard{background:#110c1ce0;border:1px solid #ffffff14;border-radius:14px;gap:8px;padding:10px;display:grid}.performance-scoreboard.perf-vo{box-shadow:0 0 0 1px #ff8ca00f}.performance-scoreboard.perf-da{box-shadow:0 0 0 1px #82d5ff0f}.performance-scoreboard.perf-vi{box-shadow:0 0 0 1px #a6f3a40f}.performance-scoreboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.performance-scoreboard-lead{color:#fff7efa6;letter-spacing:.08em;font-size:10px;font-weight:800}.performance-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.performance-side{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;min-width:0;padding:8px 10px}.performance-side.mine{text-align:left}.performance-side.opp{text-align:right}.performance-side.leading{background:#ffdf9914;border-color:#ffd98726}.performance-side-label{color:#fff7ef8c;letter-spacing:.12em;font-size:9px;font-weight:800}.performance-score-value{color:#fff8ef;font-variant-numeric:tabular-nums;text-shadow:0 4px 12px #ffcd8024;margin-top:4px;font-size:clamp(26px,6vw,38px);font-weight:900;line-height:.95}.performance-side-meta{color:#fff7efa6;margin-top:4px;font-size:10px;font-weight:700;line-height:1.3}.performance-score-center{background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.performance-score-center-text{color:#fff7e6;letter-spacing:.14em;font-size:10px;font-weight:900}.performance-meter{border-radius:999px;height:14px;position:relative;overflow:hidden}.performance-meter-track{border-radius:inherit;background:linear-gradient(90deg,#ffbf661f,#ffffff0a 50%,#ffa3cf1f);border:1px solid #ffffff14;position:absolute;inset:0}.performance-meter-fill{border-radius:999px;transition:width .24s;position:absolute;top:2px;bottom:2px}.performance-meter-fill.mine{background:linear-gradient(90deg,#ffb457 0%,#ffd682 100%);left:2px;box-shadow:0 0 20px #ffba5c47}.performance-meter-fill.opp{background:linear-gradient(90deg,#ff8ec2 0%,#ffb0d7 100%);right:2px;box-shadow:0 0 20px #ff8fc13d}.performance-meter-divider{background:#ffffff4d;width:1px;position:absolute;top:1px;bottom:1px;left:50%;transform:translate(-50%)}.history-panel{background:#100c1bc7;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:1 0 180px;gap:6px;width:100%;min-height:180px;padding:10px;display:flex;overflow:hidden}.history-header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.history-title{color:#fff7ef;font-size:12px;font-weight:800}.history-subtitle{color:#fff7ef80;letter-spacing:.12em;font-size:9px}.history-track-group{flex-direction:column;gap:6px;min-width:0;display:flex}.history-row{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px;display:grid}.history-row-label{color:#fff7ef8c;letter-spacing:.08em;font-size:10px;font-weight:800}.history-track{align-items:flex-start;gap:6px;max-width:100%;min-height:60px;padding:2px 0 4px;display:flex;overflow:auto hidden}.history-empty-chip{color:#fff7ef66;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-width:70px;padding:0 8px;font-size:10px;display:inline-flex}.history-thumb{appearance:none;aspect-ratio:2/3;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;flex:0 0 40px;width:40px;min-width:40px;padding:0;display:block;position:relative;overflow:hidden}.history-thumb:hover{transform:translateY(-2px)}.my-area{background:#1b1329db;padding:10px 10px 8px;position:relative}.my-info-row{align-items:center;gap:8px;display:flex}.my-info-row .avatar-placeholder{width:48px}.my-stats-block{flex:1}.turn-banner{background:#130e1fe0;border:1px solid #ffffff0f;border-radius:10px;align-items:center;min-height:26px;margin-top:6px;padding:5px 8px;display:flex}.turn-banner.my-turn{background:#2a18054d;border-color:#ffd78233}.turn-banner.waiting{background:#ffffff0d}.turn-banner-text{color:#fff7efd9;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.hand-area{background:#08060f61;border-radius:14px;gap:6px;padding:8px 2px 6px;display:flex;overflow-x:auto}.card{--card-shell:linear-gradient(160deg, #fcf7f0f5 0%, #ece0ffe6 100%);aspect-ratio:2/3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;width:min(19vw,82px);min-width:70px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.card:hover{border-color:#ffd89259;transform:scale(1.01)}.card.selected{border-color:#ffe2a780;transform:none;box-shadow:0 6px 16px #00000040}.card-art-full{background-image:var(--art-url,none), radial-gradient(circle at 50% 18%, #ffffff42, transparent 26%), var(--card-shell,none);background-size:cover,cover,cover;background-position:var(--art-position,center), center, center;position:absolute;inset:0}.card-type-universal,.card-type-universal.card-detail-art,.played-card.card-type-universal{--card-shell:linear-gradient(160deg, #f5f1ff 0%, #dad8ec 100%)}.card-type-training,.card-type-training.card-detail-art,.played-card.card-type-training{--card-shell:linear-gradient(160deg, #fff2ca 0%, #ffc97f 100%)}.card-type-performance,.card-type-performance.card-detail-art,.played-card.card-type-performance{--card-shell:linear-gradient(160deg, #ffd6ef 0%, #ff8fba 100%)}.card-type-special,.card-type-special.card-detail-art,.played-card.card-type-special{--card-shell:linear-gradient(160deg, #efe2ff 0%, #a47cff 100%)}.card-effects-icons{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;left:6px}.effect-icon{color:#fff9ef;background:#0a081275;border-radius:8px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:inset 0 1px #ffffff24}.card-cost-corner{z-index:1;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:32px;right:6px}.card-cost-corner .cost-hp,.card-cost-corner .cost-energy{background:#0a081275;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:800}.card-cost-corner .cost-hp{color:#ffb7ce}.card-cost-corner .cost-energy{color:#ffe198}.card-name-bar{z-index:1;background:linear-gradient(#0000,#07050ce0);align-items:center;gap:4px;padding:20px 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-type-dot.type-universal{background:#d6d6ef}.card-type-dot.type-training{background:#ffd46e}.card-type-dot.type-performance{background:#ff9fca}.card-type-dot.type-special{background:#c7a7ff}.card-name-text{color:#fff8ee;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.hand-zone{flex-direction:column;min-width:0;margin-top:8px;display:flex;position:relative}.hand-preview-floating{z-index:8;pointer-events:none;position:absolute;bottom:calc(100% + 6px);left:6px;right:6px}.card-preview{box-sizing:border-box;background:#161121;border:1px solid #ffe2a726;border-radius:14px;max-width:100%;min-height:0;max-height:none;padding:10px;overflow:hidden;box-shadow:0 12px 20px #0000004d}.card-preview.floating{max-width:100%}.preview-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preview-type-badge{padding:3px 7px;font-size:10px}.preview-type-badge.type-universal{color:#f6f2ff;background:#d6d6ef24}.preview-type-badge.type-training{color:#fff3cf;background:#ffd46e29}.preview-type-badge.type-performance{color:#ffe1ef;background:#ff9fca29}.preview-type-badge.type-special{color:#ede0ff;background:#c7a7ff29}.preview-name{color:#fff9ef;font-size:13px;font-weight:800}.preview-cost{gap:6px;margin-top:4px;font-size:11px;font-weight:800;display:flex}.preview-cost .cost-hp{color:#ffb7ce}.preview-cost .cost-energy{color:#ffe198}.preview-effects{gap:3px;margin-top:4px;display:grid}.preview-effect-row{align-items:flex-start;gap:4px;display:flex}.preview-effect-copy{gap:2px;min-width:0;display:grid}.preview-effect-main{color:#fff7efe6;overflow-wrap:anywhere;font-size:11px;font-weight:700}.preview-effect-sub{color:#fff7ef99;overflow-wrap:anywhere;font-size:10px;line-height:1.3}.preview-card-desc{color:#fff7efb3;overflow-wrap:anywhere;border-top:1px solid #ffffff0f;margin-top:6px;padding-top:5px;font-size:11px;line-height:1.4}.preview-desc{color:#fff7efa6;margin-top:4px;font-size:11px;line-height:1.4}.action-buttons{z-index:4;gap:6px;margin-top:8px;display:flex;position:relative}.action-btn{flex:1;min-height:40px;font-size:13px}.status-meter-row{align-items:center;gap:4px;min-height:18px;margin-top:5px;display:flex}.status-slot{border:1px solid #ffffff8c;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #1412222e}.status-slot.positive{color:#236344;background:#78e1a6e6}.status-slot.negative{color:#7a2641;background:#f591b2e6}.status-slot.fading{opacity:.45}.target-modal-overlay,.buff-detail-overlay,.card-detail-overlay,.char-detail-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#05030a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.target-modal,.buff-detail-card,.card-detail-panel,.char-detail-panel{background:#181126eb;border:1px solid #ffffff14;border-radius:16px;width:min(100%,340px);animation:.15s ease-out modalIn;box-shadow:0 12px 32px #0006}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.target-modal,.buff-detail-card{text-align:center;padding:16px}.target-modal h3,.buff-detail-name,.card-detail-title,.char-detail-name{color:#fff9ef}.target-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.faction-confirm-modal p{color:#fff7efb8;margin-top:10px;font-size:12px;line-height:1.6}.faction-confirm-effect{color:#ffe2a7;letter-spacing:0;background:#ffd37f1f;border:1px solid #ffd37f47;border-radius:14px;margin-top:12px;padding:14px;font-size:22px;font-weight:900}.target-btn{color:#fff7ef;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;min-height:38px;font-size:12px;font-weight:800}.target-btn.stat-vo.selected{background:#ff8ca02e}.target-btn.stat-da.selected{background:#82d5ff2e}.target-btn.stat-vi.selected{background:#a6f3a42e}.target-actions{gap:6px;margin-top:10px;display:flex}.target-actions .btn{flex:1}.buff-detail-kind{min-height:22px;margin-bottom:6px;padding:0 8px;font-size:10px}.buff-detail-kind.buff{color:#d6ffea;background:#86ffc524}.buff-detail-kind.debuff{color:#ffd8e4;background:#ff7aa024}.buff-detail-kind.mechanic-tension{color:#ffe7bb;background:#ffa5002e}.buff-detail-kind.mechanic-crisis-lost{color:#e8dcff;background:#b48cff2e}.buff-detail-kind.mechanic-crisis-awakened{color:#fff4c0;background:#ffd70033}.buff-detail-desc,.buff-detail-duration,.card-detail-desc,.char-detail-player,.char-detail-skill .skill-desc{color:#fff7efad}.buff-detail-desc,.card-detail-desc{line-height:1.5}.mechanic-detail-card{text-align:left}.mechanic-detail-notes{gap:5px;margin:10px 0;display:grid}.mechanic-detail-note{color:#fff7efb8;background:#ffffff0a;border-radius:10px;padding:7px 10px;font-size:11px;line-height:1.4}.card-detail-panel,.char-detail-panel{max-height:88vh;padding:14px;overflow-y:auto}.card-detail-art{aspect-ratio:2/3;border:1px solid #ffffff24;border-radius:14px;width:min(44vw,150px);margin:0 auto 10px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.card-detail-info{gap:6px;display:grid}.card-detail-type-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.card-detail-cost{gap:6px;font-size:11px;font-weight:800;display:flex}.card-detail-cost .cost-hp{color:#ffb7ce}.card-detail-cost .cost-energy{color:#ffe198}.card-detail-effects{gap:5px;display:grid}.card-detail-effect-row{align-items:flex-start;gap:5px;display:flex}.card-detail-effect-copy{gap:2px;display:grid}.card-detail-effect-main{color:#fff7efe0;font-size:11px;font-weight:700}.card-detail-effect-sub{color:#fff7ef99;font-size:10px;line-height:1.35}.clickable-identity{cursor:pointer}.detail-hint{opacity:.55}.char-detail-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.avatar-large{aspect-ratio:2/3!important;border-radius:14px!important;width:80px!important}.char-detail-name{font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:22px}.char-detail-stats{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.char-stat-item{color:#fff7efc7;background:#ffffff0f;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.char-detail-section+.char-detail-section{margin-top:8px}.char-detail-section h4{color:#ffe8b4;letter-spacing:.16em;margin-bottom:5px;font-size:10px}.char-detail-skill{background:#ffffff0a;border-radius:10px;padding:8px 10px}.char-detail-skill+.char-detail-skill{margin-top:5px}.char-detail-skill .skill-name{color:#fff8ef;font-size:12px;font-weight:800}@media (width<=480px){.game-page.playing{gap:4px;padding:4px}.opponent-area,.center-area,.my-area{border-radius:12px}.opponent-area,.my-area{padding:8px}.center-area{gap:6px;padding:8px 6px}.game-header{gap:4px;margin-bottom:4px}.phase-badge{gap:3px}.phase-label,.round-counter{min-height:20px;padding:0 6px;font-size:9px}.opp-identity .avatar-placeholder,.my-info-row .avatar-placeholder{width:32px}.opp-name{font-size:12px}.stat-row{gap:4px;margin-top:3px;font-size:10px}.buff-row{gap:3px;margin-top:3px}.buff-tag{padding:2px 5px;font-size:9px}.turn-ended-tag{margin-top:3px;font-size:9px}.performance-scoreboard{border-radius:10px;gap:6px;padding:8px}.performance-scoreboard-header{gap:4px}.performance-scoreboard-lead{font-size:9px}.performance-sides{gap:6px}.performance-side{border-radius:8px;padding:6px 8px}.performance-score-value{font-size:clamp(22px,8vw,32px)}.performance-side-meta{margin-top:3px;font-size:9px}.performance-score-center{width:30px;height:30px}.performance-meter{height:10px}.history-panel{border-radius:10px;flex-basis:140px;gap:4px;min-height:140px;padding:8px}.history-header{gap:4px}.history-title{font-size:11px}.history-subtitle{letter-spacing:.06em;font-size:8px}.history-track-group{gap:4px}.history-row{grid-template-columns:28px minmax(0,1fr);gap:4px}.history-row-label{font-size:9px}.history-track{gap:4px;min-height:50px}.history-empty-chip{min-width:60px;font-size:9px}.history-thumb{border-radius:6px;flex-basis:36px;width:36px;min-width:36px}.my-info-row{gap:6px}.turn-banner{border-radius:8px;min-height:22px;margin-top:4px;padding:4px 6px}.turn-banner-text{font-size:10px}.hand-zone{margin-top:6px}.hand-preview-floating{bottom:calc(100% + 4px);left:4px;right:4px}.card-preview{border-radius:10px;max-height:none;padding:8px}.preview-header{gap:4px}.preview-type-badge{padding:2px 6px;font-size:9px}.preview-name{font-size:12px}.preview-cost{gap:4px;margin-top:3px;font-size:10px}.preview-effects{gap:2px;margin-top:3px}.preview-effect-row{gap:3px}.preview-effect-main{font-size:10px}.preview-effect-sub{font-size:9px}.preview-card-desc{margin-top:4px;padding-top:4px;font-size:10px}.hand-area{border-radius:10px;gap:4px;padding:6px 2px}.card{border-radius:10px;width:min(17vw,68px);min-width:62px}.card-effects-icons{gap:2px;top:3px;left:3px}.effect-icon{border-radius:5px;width:16px;height:16px}.card-cost-corner{bottom:22px;right:3px}.card-cost-corner .cost-hp,.card-cost-corner .cost-energy{padding:2px 4px;font-size:8px}.card-name-bar{padding:14px 5px 5px}.card-name-text{font-size:8px}.action-buttons{gap:4px;margin-top:6px}.action-btn{border-radius:10px;min-height:34px;font-size:11px}}.interaction-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:clamp(8px,2vw,16px);animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}.interaction-modal{box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #64b4ff33;border-radius:16px;flex-direction:column;width:min(100%,800px);max-width:100%;max-height:calc(100dvh - 16px);padding:14px;display:flex;overflow:hidden auto;box-shadow:0 6px 24px #0006}.interaction-title{text-align:center;color:#e0e8ff;margin:0 0 10px;font-size:15px}.interaction-subtitle{text-align:center;color:#e0e8ffa6;margin-bottom:10px;font-size:11px}.interaction-preview{width:100%;min-width:0;margin-bottom:10px}.interaction-buff-preview{box-sizing:border-box;background:linear-gradient(#ffe8ba14,#ffffff08);border:1px solid #ffd78226;border-radius:12px;width:100%;min-width:0;margin-bottom:10px;padding:10px 12px}.interaction-buff-kind{color:#ffe0a6;letter-spacing:.1em;background:#ffd78224;border-radius:999px;justify-content:center;align-items:center;min-width:48px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.interaction-buff-name{color:#fff6e7;margin-top:6px;font-size:15px;font-weight:800}.interaction-buff-desc{color:#fff6e7cc;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.45}.interaction-buff-meta{color:#fff6e78c;margin-top:6px;font-size:10px}.interaction-card-track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:8px;width:100%;min-width:0;max-width:100%;padding:2px 2px 6px;display:flex;overflow:auto hidden}.interaction-card-option{appearance:none;box-sizing:border-box;flex:none;width:min(20vw,90px);min-width:72px;padding:0}.interaction-card-option.selected{border-color:#64b4ff8f;box-shadow:inset 0 1px #ffffff57,0 12px 22px #00000047,0 0 0 1px #64b4ff3d}.interaction-buff-option{appearance:none;box-sizing:border-box;color:#fff6e7;text-align:left;cursor:pointer;background:linear-gradient(#ffe8ba14,#ffffff08);border:1px solid #ffd78224;border-radius:12px;flex:none;min-width:180px;max-width:230px;padding:10px 12px;box-shadow:0 8px 16px #00000026}.interaction-buff-option.selected{border-color:#ffd7828f;box-shadow:inset 0 1px #ffffff47,0 12px 22px #0000003d,0 0 0 1px #ffd78238}.interaction-buff-option-name{font-size:13px;font-weight:800}.interaction-buff-option-desc{color:#fff6e7bf;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.4}.interaction-buff-option-meta{color:#fff6e780;margin-top:6px;font-size:10px}.interaction-actions{justify-content:center;margin-top:10px;display:flex}.interaction-actions .btn{min-width:140px}.inspection-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:180;background:#05030a99;justify-content:center;align-items:center;padding:clamp(8px,2vw,16px);display:flex;position:fixed;inset:0}.inspection-modal{box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #64b4ff33;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,800px);max-width:100%;max-height:calc(100dvh - 16px);padding:14px;display:flex;overflow:hidden;box-shadow:0 6px 24px #0006}.inspection-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.inspection-title{color:#eef3ff;font-size:18px;font-weight:900}.inspection-subtitle{color:#e0e8ffa6;margin-top:4px;font-size:11px}.inspection-close{flex:none}.inspection-empty{color:#fff7ef80;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-height:100px;font-size:12px;display:flex}.inspection-card-track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:8px;width:100%;min-width:0;padding:2px 2px 6px;display:flex;overflow:auto hidden}.inspection-card-option{flex:none}@media (width<=480px){.inspection-overlay{align-items:flex-end;padding:8px}.inspection-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 16px);padding:12px}.inspection-header{flex-direction:column;align-items:stretch}.inspection-title{font-size:15px}.inspection-subtitle{font-size:10px}.inspection-card-track{scroll-snap-type:x proximity;gap:6px}.inspection-card-option{scroll-snap-align:start}.interaction-overlay{align-items:flex-end;padding:8px}.interaction-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 16px);padding:12px}.interaction-title{margin-bottom:8px;font-size:13px}.interaction-subtitle{margin-bottom:8px;font-size:10px}.interaction-preview{margin-bottom:8px}.interaction-buff-preview{margin-bottom:8px;padding:8px 10px}.interaction-card-track{scroll-snap-type:x proximity;gap:6px;padding-bottom:4px}.interaction-card-option{scroll-snap-align:start;width:min(20vw,76px);min-width:64px}.interaction-buff-option{scroll-snap-align:start;min-width:160px;max-width:200px;padding:8px 10px}.interaction-actions{margin-top:8px}}.guide-page{padding-bottom:0;overflow:hidden}.guide-tabs{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 12px 8px;display:grid}.guide-tab{color:#fff7ef99;cursor:pointer;background:#19122899;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s;display:flex}.guide-tab.active{color:#fff8ef;background:#281c3cb3;border-color:#ffe3ab4d}.guide-tab-kicker{letter-spacing:.18em;opacity:.6;font-size:8px}.guide-content{flex-direction:column;flex:1;gap:10px;padding:0 12px 20px;display:flex;overflow-y:auto}.guide-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181227a6;border:1px solid #ffffff14;border-radius:16px;padding:12px}.guide-section-kicker{color:#ffd893b3;letter-spacing:.16em;margin-bottom:4px;font-size:9px}.guide-section-title{color:#fff9ef;margin-bottom:8px;font-size:17px;font-weight:800}.guide-text{color:#fff7efa6;font-size:12px;line-height:1.6}.guide-flow{background:#0a071240;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:10px;padding:8px;display:flex}.guide-flow-step{color:#fff7efd1;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700}.guide-flow-arrow{color:#fff7ef4d;flex-shrink:0;font-size:12px}.guide-info-list{flex-direction:column;gap:4px;margin-top:8px;list-style:none;display:flex}.guide-info-list li{color:#fff7efb8;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;padding:6px 8px 6px 18px;font-size:11px;line-height:1.5;position:relative}.guide-info-list li:before{content:"·";color:#ffd893b3;font-size:14px;font-weight:900;position:absolute;left:7px}.guide-info-list li strong{color:#fff8ef}.guide-formula{color:#ffe8b5;text-align:center;letter-spacing:.04em;background:#ffd36f0f;border:1px solid #ffd36f1f;border-radius:10px;margin:8px 0 10px;padding:8px 10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;font-weight:700;line-height:1.4}.guide-table{border:1px solid #ffffff0f;border-radius:10px;overflow:hidden}.guide-table-header,.guide-table-row{grid-template-columns:1fr 1fr;padding:6px 10px;display:grid}.guide-table-header{color:#ffeab6;letter-spacing:.1em;background:#ffd89314;font-size:10px;font-weight:700}.guide-table-row{color:#fff7efb8;background:#ffffff08;border-top:1px solid #ffffff0a;font-size:12px}.guide-resource{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;padding:10px}.guide-resource+.guide-resource{margin-top:6px}.guide-resource-name{margin-bottom:4px;font-size:14px;font-weight:800}.guide-card-types{flex-direction:column;gap:8px;margin-top:12px;display:flex}.guide-card-type-item{background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.guide-card-type-desc{color:#fff7efb8;font-size:13px}.guide-badge{letter-spacing:.06em;border:1px solid;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.guide-badge-training{color:#b4ffd8;background:#86ffc524;border-color:#86ffc53d}.guide-badge-performance{color:#ffb0d8;background:#ff79bc24;border-color:#ff79bc3d}.guide-badge-phase{color:#fff7efb8;background:#ffffff14;border-color:#ffffff1f}.guide-badge-buff{color:#b4ffd8;background:#86ffc524;border-color:#86ffc53d}.guide-badge-debuff{color:#ffb0d8;background:#ff79bc24;border-color:#ff79bc3d}.guide-filter{flex-wrap:wrap;gap:4px;padding-bottom:2px;display:flex}.guide-filter-btn{color:#fff7ef99;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s}.guide-filter-btn:hover{border-color:#ffd36f33}.guide-filter-btn.active{color:#fff8ef;background:#ffe3ab2e;border-color:#ffe3ab5c}.guide-cards-list,.guide-buffs-list{flex-direction:column;gap:6px;display:flex}.guide-card-item{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;padding:10px}.guide-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.guide-card-name{color:#fff8ef;font-size:13px;font-weight:700}.guide-card-count{color:#fff7efa6;background:#ffffff14;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.guide-card-meta-row{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.guide-cost{border:1px solid;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.guide-card-owner{color:#ffd89399;margin-bottom:4px;font-size:10px}.guide-card-desc{color:#fff7ef99;font-size:11px;line-height:1.45}.guide-effect-stack{gap:3px;margin-top:6px;display:grid}.guide-effect-stack-tight{margin-top:4px}.guide-effect-phase-label{color:#ffeab6;margin:8px 0 2px;font-size:11px;font-weight:800;line-height:1.35}.guide-effect-phase-label:first-child{margin-top:0}.guide-effect-line{color:#fff7efad;background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.4}.guide-effect-line strong{color:#fff8ef}.guide-char-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.guide-char-copy{flex:1;min-width:0}.guide-char-name{color:#fff9ef;text-shadow:0 2px 12px #00000080;margin-top:2px;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:22px;line-height:1.1}.guide-char-quote{color:#fff7ef8c;margin-top:4px;font-size:11px;font-style:italic}.guide-char-stats{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.guide-char-stats span{background:#0a071259;border:1px solid #ffffff14;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.guide-subsection{border-top:1px solid #ffffff0f;margin-top:10px;padding-top:10px}.guide-subsection h3{color:#ffeab6;letter-spacing:.16em;margin-bottom:6px;font-size:11px}.guide-skill-item{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:10px;padding:8px 10px}.guide-skill-item+.guide-skill-item{margin-top:5px}.guide-skill-name{color:#fff8ef;font-size:12px;font-weight:700}.guide-skill-desc{color:#fff7ef99;margin-top:2px;font-size:11px;line-height:1.45}.guide-buff-item{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;padding:10px}.guide-buff-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.guide-buff-name{color:#fff8ef;font-size:13px;font-weight:700}.guide-buff-duration{color:#fff7ef80;margin-bottom:3px;font-size:10px}.guide-buff-desc{color:#fff7ef99;font-size:11px;line-height:1.45}.guide-char-switcher{gap:4px;padding-bottom:4px;display:flex}.guide-char-switcher-tab{color:#fff7ef99;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:6px 8px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s}.guide-char-switcher-tab:hover{border-color:#ffd36f26}.guide-char-switcher-tab.active{color:#fff8ef;background:#ffe3ab26;border-color:#ffe3ab4d}.guide-char-hero{background:#0a071299;border-radius:16px;align-items:flex-end;width:100%;min-height:260px;display:flex;position:relative;overflow:hidden}.guide-char-stand-art{object-fit:contain;object-position:bottom right;opacity:.55;pointer-events:none;width:auto;height:100%;position:absolute;top:0;right:-10%;-webkit-mask-image:linear-gradient(270deg,#000 20%,#0000 85%);mask-image:linear-gradient(270deg,#000 20%,#0000 85%)}.guide-char-hero-overlay{z-index:1;background:linear-gradient(#0000 0%,#0a071266 40%,#0a0712d9 100%);flex-direction:column;gap:8px;width:100%;padding:16px 14px;display:flex;position:relative}.guide-char-hero-top .guide-section-kicker{margin-bottom:2px}.guide-char-hero-top .guide-char-name{text-shadow:0 2px 16px #0009;font-size:28px}.guide-char-hero-top .guide-char-quote{text-shadow:0 1px 8px #0006;margin-top:4px}.guide-art-toggle{justify-content:center;gap:4px;display:flex}.guide-art-toggle-btn{color:#fff7ef99;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:700;transition:border-color .15s,background .15s}.guide-art-toggle-btn:hover{border-color:#ffd36f26}.guide-art-toggle-btn.active{color:#fff8ef;background:#ffe3ab26;border-color:#ffe3ab4d}.guide-card-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.guide-card-thumb{cursor:pointer;background:#0a071266;border:1px solid #ffffff0f;border-radius:8px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.guide-card-thumb:hover{border-color:var(--card-glow,#ffffff26);transform:translateY(-2px)}.guide-card-thumb-img{aspect-ratio:3/4;object-fit:cover;background:#ffffff0a;width:100%;display:block}.guide-card-thumb-name{text-align:center;color:#fff7efd9;background:linear-gradient(#0a071280,#0a0712cc);padding:3px 4px;font-size:9px;font-weight:700;line-height:1.3}.guide-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px 16px;animation:.2s guideModalFadeIn;display:flex;position:fixed;inset:0}@keyframes guideModalFadeIn{0%{opacity:0}to{opacity:1}}.guide-modal{background:#181227f2;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:360px;max-height:85vh;animation:.2s guideModalSlideUp;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000080}@keyframes guideModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-modal-close{z-index:2;color:#fff7efa6;cursor:pointer;background:#181227cc;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.guide-modal-art-section{padding:10px 10px 0}.guide-modal-art-toggle{justify-content:center;gap:4px;margin-bottom:8px;display:flex}.guide-modal-art-btn{color:#fff7ef99;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:700;transition:border-color .15s,background .15s}.guide-modal-art-btn.active{color:#fff8ef;background:#ffe3ab26;border-color:#ffe3ab4d}.guide-modal-art-img{object-fit:cover;background:#ffffff0a;border-radius:10px;width:100%;display:block}.guide-modal-info{flex-direction:column;gap:5px;padding:10px 12px 14px;display:flex}.guide-modal-name{color:#fff9ef;font-size:16px;font-weight:800}.guide-page{background:radial-gradient(circle at 50% 18%,#fffffff0,#ffffff70 22%,#0000 42%),radial-gradient(circle at 16% 14%,#a3ceff52,#0000 24%),radial-gradient(circle at 84% 14%,#ffbddd57,#0000 24%),linear-gradient(#edf6ff 0%,#f5f0ff 28%,#fff9fb 58%,#edf5ff 100%)}.guide-page:before{background:radial-gradient(circle at 22% 24%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 78% 18%,#ffffffdb 0 3px,#0000 4px),linear-gradient(#ffffff29,#0000 34%)}.guide-hero,.guide-tabs-shell,.guide-content{z-index:1;position:relative}.guide-hero{background:linear-gradient(#ffffffd6,#ffffff94),linear-gradient(120deg,#ffcde41f,#a6ccff14);border:1px solid #ffffffd1;border-radius:28px;margin:0 16px 12px;padding:18px 18px 20px;box-shadow:0 20px 36px #829cc424,inset 0 1px #ffffffe0}.guide-hero-kicker{color:#607693d1;letter-spacing:.16em;font-size:10px;font-weight:700}.guide-hero-title{color:#3d4d67;margin-top:8px;font-size:26px;font-weight:800;line-height:1.15}.guide-hero-copy{color:#4e6380c2;margin-top:8px;font-size:12px;line-height:1.55}.guide-tabs-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffc7,#ffffff8a),linear-gradient(120deg,#ffcde41a,#a6ccff14);border:1px solid #ffffffd1;border-radius:24px;margin:0 16px 10px;padding:4px;box-shadow:0 18px 30px #829cc41a,inset 0 1px #ffffffe0}.guide-tabs{gap:6px;padding:0}.guide-tab{color:#586e8bbd;background:0 0;border:1px solid #0000;border-radius:18px;min-height:58px}.guide-tab:hover{border-color:#ffffffb8}.guide-tab.active{color:#40516d;background:linear-gradient(#ffffffdb,#ffffff9e);border-color:#ffffffdb;box-shadow:0 10px 20px #829cc41f,inset 0 1px #ffffffe6}.guide-tab-kicker{color:#607693a8}.guide-content{gap:12px;padding:0 16px 24px}.guide-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffd1,#ffffff94),linear-gradient(120deg,#ffcde41f,#a6ccff14);border:1px solid #ffffffd1;border-radius:24px;padding:16px;box-shadow:0 18px 34px #829cc41f,inset 0 1px #ffffffe6}.guide-section-kicker,.guide-subsection h3{color:#667a97}.guide-section-title,.guide-char-name,.guide-skill-name,.guide-buff-name,.guide-modal-name,.guide-card-name{color:#40516d}.guide-text,.guide-card-desc,.guide-skill-desc,.guide-buff-desc,.guide-buff-duration,.guide-card-owner,.guide-char-quote,.guide-modal-info,.guide-card-thumb-name,.guide-card-type-desc,.guide-effect-line{color:#4a5c77}.guide-flow,.guide-info-list li,.guide-resource,.guide-card-item,.guide-buff-item,.guide-skill-item,.guide-effect-line,.guide-card-type-item{background:#ffffffb8;border-color:#d7e2f1d1}.guide-flow-step,.guide-char-stats span,.guide-filter-btn,.guide-art-toggle-btn,.guide-modal-art-btn,.guide-char-switcher-tab,.guide-badge-phase,.guide-card-count{color:#40516d;background:#ffffffc2;border-color:#d2dfefdb}.guide-info-list li{color:#4a5c77}.guide-info-list li:before{color:#b9872f}.guide-flow-arrow{color:#60769370}.guide-info-list li strong,.guide-effect-line strong{color:#3e4f6b}.guide-effect-phase-label{color:#40516d}.guide-formula{color:#526783;background:#ffffff9e;border-color:#ffffffd1}.guide-table{border-color:#fffc}.guide-table-header{color:#607490;background:#ffffffad}.guide-table-row{color:#4c5f7bcc;background:#ffffff80;border-top-color:#ffffffb8}.guide-table-row:nth-child(odd){background:#ffffff6b}.guide-char-switcher,.guide-filter,.guide-art-toggle{gap:8px}.guide-char-switcher-tab.active,.guide-filter-btn.active,.guide-art-toggle-btn.active,.guide-modal-art-btn.active{color:#40516d;background:linear-gradient(#ffffffe0,#ffffffa3);border-color:#ffffffeb;box-shadow:0 10px 18px #829cc41a,inset 0 1px #ffffffeb}.guide-char-hero{background:linear-gradient(#ffffff5c,#ffffff14),linear-gradient(#edf6fff0,#f7f0ffc7 44%,#fff9fbeb);border:1px solid #ffffffd1;border-radius:28px;min-height:300px;box-shadow:0 20px 36px #829cc424,inset 0 1px #ffffffe0}.guide-char-stand-art{opacity:.72;filter:drop-shadow(0 26px 32px #829cc429)drop-shadow(0 0 24px #ffffff7a);right:-2%;-webkit-mask-image:linear-gradient(270deg,#000 24%,#0000 86%);mask-image:linear-gradient(270deg,#000 24%,#0000 86%)}.guide-char-hero-overlay{background:linear-gradient(#0000 0%,#ffffff6b 42%,#ffffffe0 100%)}.guide-char-stats span{background:#ffffffa8}.guide-card-thumb{background:#ffffff85;border-color:#ffffffd1;border-radius:12px;box-shadow:0 12px 22px #829cc414}.guide-card-thumb-name{background:linear-gradient(#ffffff9e,#ffffffdb)}.guide-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dde8f78f}.guide-modal{background:linear-gradient(#fffffff5,#f8faffe6);border-color:#ffffffe6;border-radius:24px;box-shadow:0 24px 48px #7691ba38,inset 0 1px #ffffffeb}.guide-modal-close{color:#5d7191;background:#ffffffdb;border-color:#ffffffe0}.guide-modal-close:hover{color:#40516d;background:#fffffffa}.guide-modal-art-img{background:#ffffff9e}@media (width<=440px){.guide-hero-title{font-size:22px}.guide-tab{min-height:54px;font-size:11px}}.guide-badge-universal{color:#4a6e85;background:#aee9ff4d;border-color:#8ccfeb57}.guide-badge-training,.guide-badge-buff{color:#4a785f;background:#b8f0d257;border-color:#86d1ac57}.guide-badge-performance,.guide-badge-debuff{color:#8a566d;background:#ffc9dd52;border-color:#e99fbe57}.guide-badge-special{color:#836643;background:#ffe6b657;border-color:#e8cb9057}.guide-badge-red{color:#8a566d;background:#ffc9dd52;border-color:#e99fbe57}.guide-badge-blue{color:#4a6e85;background:#aee9ff4d;border-color:#8ccfeb57}.guide-badge-orange{color:#836643;background:#ffe6b657;border-color:#e8cb9057}.guide-badge-rainbow{color:#5a6073;background:linear-gradient(135deg,#ffc9dd5c,#aee9ff57,#ffe6b661);border-color:#becde270}.guide-cost-hp{color:#8f5a70;background:#ffccdb57;border-color:#ecabc161}.guide-cost-energy{color:#7f6644;background:#ffe8be61;border-color:#e3c68c61}.guide-flow-step.hl-training{color:#4a785f;background:#c2f1d875;border-color:#97d6b45c}.guide-flow-step.hl-performance{color:#8b576d;background:#ffcee26b;border-color:#e8a3c057}.guide-page .stat-hp{color:#a9345e}.guide-page .stat-energy{color:#806014}.guide-page .stat-vo{color:#a73540}.guide-page .stat-da{color:#1f6f9f}.guide-page .stat-vi{color:#347842}.guide-card-owner{color:#6b7e99}.guide-char-hero-top .guide-char-name,.guide-char-hero-top .guide-char-quote{text-shadow:none}.guide-card-thumb-name{color:#546987}.info-page{padding:18px 18px calc(24px + env(safe-area-inset-bottom));color:#35445f;background:radial-gradient(circle at 18% 14%,#a2cfff38,#0000 24%),radial-gradient(circle at 82% 12%,#ffc8e33d,#0000 24%),linear-gradient(#eef6ff 0%,#f8f1ff 34%,#fffafc 62%,#edf5ff 100%);gap:14px;overflow-x:hidden}.info-page:before,.info-page:after{position:fixed}.info-hero,.info-section{z-index:1;background:linear-gradient(#ffffffd6,#ffffff94),linear-gradient(120deg,#ffcde424,#a6ccff1a);border:1px solid #ffffffd1;border-radius:28px;position:relative;box-shadow:0 22px 40px #829cc424,inset 0 1px #ffffffe6}.info-hero{text-align:center;padding:28px 22px}.info-kicker,.info-section-kicker{color:#607693d1;letter-spacing:.18em;font-size:11px;font-weight:800}.info-title{color:#3d4d67;margin-top:8px;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:44px;line-height:1}.info-subtitle{color:#4c5f7bc7;margin-top:10px;font-size:14px;font-weight:700}.info-section{padding:20px}.info-section h2{color:#3d4d67;margin-top:8px;font-size:24px;line-height:1.2}.info-section p{color:#4c5f7bd1;margin-top:12px;font-size:14px;line-height:1.75}.info-build-time,.info-group-number{color:#40516e;text-align:center;background:#ffffff9e;border-radius:18px;margin-top:14px;padding:14px 16px;font-size:20px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffffc7}.info-section-warning{border-color:#ffd2809e}.info-group-section{margin-bottom:4px}.info-group-number{color:#2f5f8f;letter-spacing:.08em;font-size:32px}@media (width<=440px){.info-page{padding-inline:16px}.info-title{font-size:38px}.info-section h2{font-size:22px}.info-group-number{font-size:28px}}