:root{color-scheme:light;--ink:#15243a;--muted:#627084;--orange:#eb7225;--line:#e1e6eb;--paper:#f3f5f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:16px/1.65 'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{height:88px;background:white;display:flex;align-items:center;gap:50px;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand>b{background:var(--ink);color:white;border-bottom:4px solid var(--orange);padding:2px 11px;font-size:26px}.brand span{font-size:21px;font-weight:800}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:1px}header nav{display:flex;gap:30px;font-weight:700}header nav a[aria-current]{color:var(--orange)}.preview{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);padding:4px 10px;border-radius:4px}main{max-width:1160px;margin:32px auto;min-height:65vh}h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:1.3;margin-bottom:16px}h2{font-size:23px;margin-bottom:20px}h3{font-size:18px;margin-bottom:8px}.hero{height:410px;position:relative;overflow:hidden;border-radius:12px;background:#185d92 url("/assets/optimized/6b5ae58c9f97-900.webp") center/cover;color:white}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,24,46,.90),rgba(10,24,46,.1))}.hero-copy{position:relative;z-index:1;padding:52px 48px;width:58%}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:#ffb568;margin-bottom:15px}.hero p{color:#e1e9f3}.hero-player{position:absolute;right:6%;height:105%;bottom:-8%;max-width:52%;object-fit:contain;filter:drop-shadow(0 12px 15px #11243e66)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:11px 20px;background:var(--orange);color:white;font-weight:700}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.section{margin-top:34px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.section-title>a{font-size:14px;color:var(--muted)}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool{display:flex;align-items:center;gap:18px;background:white;padding:23px;border-radius:8px;border:1px solid var(--line)}.tool:hover{border-color:var(--orange);transform:translateY(-2px)}.tool b{display:grid;place-items:center;width:48px;height:48px;background:#fff0e5;color:var(--orange);border-radius:8px;font-size:23px}.tool small{color:var(--muted);display:block;font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;grid-template-columns:43% 1fr;min-height:180px}.feature img{width:100%;height:200px;object-fit:cover}.feature.player img{object-fit:contain;background:#dbe6ef}.feature>div{padding:24px}.label{font-size:12px;color:var(--orange);font-weight:700}.muted{color:var(--muted)}.small{font-size:14px}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:22px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading h1{font-size:32px}.filters{padding:22px;background:white;border:1px solid var(--line);border-radius:8px;margin:14px 0 24px}.filters input{width:100%;padding:12px 15px;border:1px solid #c9d2dc;border-radius:5px;background:#f8fafb;color:var(--ink)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.chip{border:1px solid var(--line);background:white;color:var(--ink);padding:6px 15px;border-radius:4px}.chip.active{color:white;background:var(--ink);border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.card img{width:100%;height:260px;object-fit:contain;background:linear-gradient(140deg,#d6e7f2,#6689a4)}.card .label{position:absolute;top:12px;left:12px;background:var(--ink);color:#ffb568;padding:3px 9px}.card-info{padding:16px}.card-info h3{margin:0}.count{font-size:14px;color:var(--muted)}.empty{background:white;border:1px dashed #bbc7d3;padding:40px;text-align:center;border-radius:8px}.detail-hero{display:grid;grid-template-columns:45% 55%;background:var(--ink);color:white;border-radius:10px;overflow:hidden}.portrait{min-height:430px;background:linear-gradient(0deg,#16263c99,#16263c33),url("/assets/optimized/6b5ae58c9f97-900.webp") 28% center/cover;display:flex;align-items:end;justify-content:center}.portrait img{width:100%;height:440px;object-fit:contain;filter:drop-shadow(0 8px 15px #0005)}.profile{padding:42px}.profile h1{font-size:36px}.profile .muted{color:#bdcad9}.profile .chips{margin:0 0 26px}.profile .chip{font-size:14px;background:#ffffff12;border-color:#ffffff25;color:white}.data-row{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:13px 0;gap:16px}.data-row span{color:#bdcad9;font-size:14px}.tabs{display:flex;gap:28px;border-bottom:1px solid #cad3dd;margin:28px 0 22px;overflow:auto}.tab{padding:13px 0;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700}.tab.active{color:var(--ink);border-color:var(--orange)}.panel{background:white;border:1px solid var(--line);padding:28px;border-radius:8px}.pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pending{padding:22px;background:#f5f7f9;border-left:3px solid #c4cdd7}.pending p{color:var(--muted);margin:0;font-size:14px}.memory-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}.memory-layout img{width:100%;border-radius:6px}.memory-full{display:block;width:100%;max-height:570px;object-fit:contain;background:#16263c;border-radius:8px}.memory-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.memory-meta>div{padding:20px;background:white;border:1px solid var(--line);border-radius:6px}footer{max-width:1160px;margin:48px auto 24px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.mobile-nav{display:none}@media(max-width:800px){header{padding:0 20px;height:76px;gap:20px}header nav{gap:16px;font-size:14px}main{margin:20px}.hero{height:360px}.hero-copy{padding:32px 25px;width:63%}h1{font-size:34px}.hero-player{right:-9%;height:92%;max-width:61%}.tools{gap:10px}.tool{padding:16px;display:block}.tool b{margin-bottom:10px}.tool small{font-size:12px}.feature-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}.detail-hero{grid-template-columns:42% 58%}.profile{padding:26px}.portrait img{height:390px}.memory-layout{grid-template-columns:1fr}footer{margin:35px 20px 90px;display:block}footer span{display:block}}@media(max-width:520px){header{height:72px}.brand span{font-size:19px}header nav{display:none}.preview{font-size:12px}main{margin:16px}.hero{height:335px;border-radius:8px}.hero-copy{padding:26px 20px;width:70%}.hero-copy h1{font-size:34px}.hero-copy p{font-size:14px;max-width:170px}.hero-player{max-width:70%;right:-17%;height:88%;bottom:-7%}.eyebrow{font-size:12px;letter-spacing:1px}.hero .button{padding:9px 14px;font-size:14px}.tools{gap:8px}.tool{padding:13px 10px}.tool h3{font-size:16px}.tool small{font-size:12px}.tool b{height:36px;width:36px;font-size:19px}.section{margin-top:26px}h2{font-size:21px}.feature{grid-template-columns:40% 60%;min-height:155px}.feature img{height:175px}.feature>div{padding:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:220px}.detail-hero{display:flex;flex-direction:column}.portrait{min-height:320px}.portrait img{height:330px}.profile{padding:24px}.profile h1{font-size:32px}.pending-grid{grid-template-columns:1fr}.panel{padding:20px}.tabs{gap:26px}.memory-meta{grid-template-columns:1fr;gap:10px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:14px 10px calc(14px + env(safe-area-inset-bottom));font-size:14px;font-weight:700}.mobile-nav a[aria-current]{color:var(--orange)}.page-heading{align-items:baseline}.page-heading h1{font-size:28px}.chip{font-size:14px}.count{font-size:12px}}

@media(max-width:520px){.hero-player{right:-2%;max-width:64%;height:82%;bottom:-5%}}




:root{color-scheme:dark;--ink:#edf3ff;--muted:#b0c0d9;--orange:#ffae55;--line:#3a5279;--paper:#0c152b}body{background:linear-gradient(135deg,#0c1730ed,#152a4deb),url("/assets/optimized/6b5ae58c9f97-900.webp") center top/cover fixed;font-family:'Microsoft YaHei','PingFang SC',sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#8fa8d320 1px,transparent 1px);background-size:8px 8px}header{background:#0c1830e8;border-bottom:2px solid #476084;box-shadow:0 6px 30px #0004}.brand>b{background:#f4ae58;color:#16233d;border:2px solid #ffe1a1;transform:skew(-8deg)}.brand span{letter-spacing:2px}.preview{color:#fbd393;border-color:#ae8355;background:#b0762612}header nav a[aria-current],.mobile-nav a[aria-current]{color:#ffc568}h1,h2,h3{font-weight:900}h1{letter-spacing:2px}em{font-size:20px;font-style:normal;background:#efac5a;color:#18243d;padding:4px 16px;display:table;transform:skew(-8deg);margin-top:14px;border:1px solid #ffe3ad;letter-spacing:4px}.hero{border:1px solid #6a84ae;border-bottom:5px solid #e7aa5c;border-radius:4px;box-shadow:0 20px 45px #0005;height:450px}.hero:before{background:linear-gradient(90deg,#07132ee8,#12223d20)}.hero-copy{padding:48px}.hero-copy h1{font-size:56px;text-shadow:3px 4px #19254a}.hero-copy p{margin-top:20px}.hero-player{z-index:1;height:108%;bottom:-8%;right:8%;filter:drop-shadow(12px 8px 0 #0b152c55) drop-shadow(0 0 30px #9ccfff50)}.hero-stamp{position:absolute;right:3%;bottom:8%;font-size:100px;font-weight:900;color:#ffffff20;writing-mode:vertical-rl;transform:rotate(8deg)}.button{background:linear-gradient(110deg,#f29b41,#ffd78b);color:#17243b;border:1px solid #ffe2ac;border-radius:3px;box-shadow:3px 4px 0 #080f2077}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.secondary{background:#25385be0;color:#ffe3a9;border:1px solid #7891b4}.button:disabled{cursor:wait;opacity:.6}.tool{background:linear-gradient(130deg,#2c426a,#172743);border:1px solid #536d96;border-radius:4px;box-shadow:4px 5px 0 #070e2033}.tool b{background:#152540;border:1px solid #d1a971;color:#ffca82;border-radius:3px;transform:skew(-7deg)}.section-title h2{border-left:4px solid #ffc36a;padding-left:14px}.feature,.filters,.card,.panel,.memory-meta>div,.empty{background:linear-gradient(140deg,#213554ed,#14233ded);border-color:#4e6589;border-radius:4px}.feature.player img{background:linear-gradient(145deg,#47739b,#243453)}.feature img{border-right:1px solid #53698a}.card{border:1px solid #b48b60;box-shadow:4px 5px 0 #07102677}.card img{background:linear-gradient(130deg,#ad784b,#324764 80%)}.card .label{background:#f6bf70;color:#192943;border:1px solid #ffe4b7;border-radius:0;transform:skew(-8deg)}.card-info{background:#111e34}.filters input{background:#0c1830;color:#edf3ff;border-color:#506686}.chip{background:#23385b;border-color:#546c91}.chip.active{background:#d9a358;color:#101d33;border-color:#ffd799}.detail-hero{background:linear-gradient(110deg,#1a3256,#121d33);border:1px solid #7283a1;border-bottom:4px solid #eab767;border-radius:3px;box-shadow:0 15px 30px #0004;grid-template-columns:46% 54%}.portrait{background:linear-gradient(0deg,#172b4c44,#172b4c11),url("/assets/optimized/6b5ae58c9f97-900.webp") 30% center/cover;border-right:1px solid #71849c}.portrait img{height:490px;filter:drop-shadow(6px 10px 0 #111d3844)}.profile{padding:40px}.profile h1{font-size:40px}.profile .chip{background:#1e3859}.profile .button{margin-top:22px;font-size:14px}.data-row{border-color:#445779}.data-row b{font-size:15px}.tabs{background:#10203bdd;border-bottom:1px solid #7f96b8;padding:0 20px;gap:34px}.tab.active{color:#ffcf88;border-color:#ffbd66}.panel{padding:26px}.pending{background:#12233c;border-left-color:#c3a16d}.memory-full{border:1px solid #71839f}.skill-list{display:grid;gap:22px}.skill-card{background:#14243e;border:1px solid #4b658c;border-radius:4px;overflow:hidden}.skill-head{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(90deg,#314b73,#1b2c47);border-bottom:1px solid #47648d}.skill-head h3{margin:0;font-size:21px}.skill-no{display:grid;place-items:center;min-width:48px;height:48px;background:#e6ae68;color:#172440;border:2px solid #ffdd9d;transform:skew(-6deg);font-size:23px}.skill-tag{margin-left:auto;color:#ffd68f;white-space:nowrap;font-size:13px}.level-choices{display:flex;gap:10px;padding:18px 20px 0;flex-wrap:wrap}.level-button{min-width:70px;border:1px solid #5b749a;color:#e5efff;background:#263b5c;padding:7px 13px;border-radius:3px}.level-button small{display:block;font-size:13px}.level-button.active{background:#f4c17d;color:#12233e;border-color:#ffe9bc;font-weight:bold;box-shadow:0 0 13px #e6a74226}.skill-description{margin:0;padding:20px;line-height:1.95;color:#dce8fa}.skill-description strong{color:#ffcd80}.skill-card details{padding:0 20px 18px;color:#b6c9e1;font-size:14px}.skill-card summary{cursor:pointer}.source-image{display:block;width:100%;max-width:700px;margin-top:15px;border-radius:3px}.resonances{display:grid;gap:20px}.resonance{border:1px solid #ad8652;background:linear-gradient(110deg,#3d3550,#182841);padding:24px;border-radius:4px}.resonance h3{color:#ffd091;border-bottom:1px solid #a58a6344;padding-bottom:12px;font-size:22px}.resonance p{margin:0;line-height:1.95}.sheet-note{font-size:13px;color:#b4c3db;border-top:1px solid #42587a;padding-top:18px;margin-top:25px}.oneflow{max-width:1000px;margin:auto;background:#12213b;border:1px solid #6c83a6;box-shadow:0 18px 50px #0005}.sheet-hero{height:380px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0b1731ed,#18325c33),url("/assets/optimized/6b5ae58c9f97-900.webp") center/cover;border-bottom:4px solid #e9b36a}.sheet-hero>div{position:relative;z-index:1;padding:40px;width:65%}.sheet-hero h1{font-size:48px;margin-top:15px}.sheet-player{position:absolute;height:108%;right:2%;bottom:-10%;max-width:50%;object-fit:contain}.sheet-body{padding:30px}.sheet-heading{display:flex;gap:14px;align-items:center;margin:30px 0 20px}.sheet-heading:first-child{margin-top:0}.sheet-heading>b{font-size:24px;color:#ffd491;font-style:italic}.sheet-heading h2{margin:0;font-size:23px}.thresholds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thresholds>div{background:linear-gradient(#324669,#1d2e49);border:1px solid #6a7b96;padding:18px 14px}.thresholds b{font-size:22px;color:#ffce89}.thresholds p{font-size:14px;margin:8px 0 0}.sheet-skills{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sheet-skills .skill-head{padding:16px}.sheet-skills .skill-head h3{font-size:19px}.sheet-skills .skill-no{min-width:35px;height:40px;font-size:19px}.level-line{padding:15px 18px 0;font-size:13px;color:#adbfda}.level-line strong{display:block;color:#ffd193;font-size:16px;margin-top:5px}.sheet-skills .skill-description{padding:16px;font-size:15px}.sheet-body .memory-layout{align-items:center}.mobile-nav{background:#0b1931f5;border-top:1px solid #8194b3}.page-heading h1{font-size:32px}.page-heading .button{font-size:14px}footer{border-color:#4b6080}@media(max-width:800px){header{gap:20px}header nav{gap:16px}.hero-copy{padding:32px}.hero-copy h1{font-size:42px}.hero{height:390px}.profile{padding:25px}.profile h1{font-size:32px}.portrait img{height:450px}.thresholds{grid-template-columns:1fr 1fr}.sheet-skills{grid-template-columns:1fr}.sheet-hero h1{font-size:40px}.sheet-body{padding:24px}}@media(max-width:520px){.hero{height:350px}.hero-copy{padding:25px 20px;width:70%}.hero-copy h1{font-size:35px}.hero-copy em{font-size:17px}.hero-copy p{font-size:14px;max-width:160px}.hero-player{right:-2%;max-width:64%;height:84%;bottom:-5%}.hero-stamp{font-size:65px}.tool small{font-size:12px}.detail-hero{display:flex;flex-direction:column}.portrait{min-height:330px;border:0}.portrait img{height:340px}.profile{padding:24px}.profile h1{font-size:34px}.data-row b{font-size:14px}.profile .button{display:flex}.tabs{gap:24px;padding:0 12px}.tab{font-size:14px}.panel{padding:15px}.section-title{align-items:start;gap:10px}.section-title .small{font-size:12px}.skill-head{padding:15px;gap:10px}.skill-head h3{font-size:19px}.skill-no{min-width:40px;height:43px;font-size:21px}.skill-head .small{font-size:13px}.level-choices{padding:14px 13px 0;gap:7px}.level-button{min-width:48px;flex:1;padding:7px 8px;font-size:14px}.skill-description{padding:16px;font-size:16px}.resonance{padding:18px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:28px}.page-heading .button{padding:10px 13px;font-size:13px}.sheet-hero{height:325px}.sheet-hero>div{padding:24px 18px;width:78%}.sheet-hero .eyebrow{font-size:11px}.sheet-hero h1{font-size:34px}.sheet-hero p{font-size:14px}.sheet-hero .button{font-size:13px;padding:9px 12px}.sheet-player{right:-6%;height:85%;max-width:65%;bottom:-4%}.sheet-body{padding:15px}.sheet-heading{gap:10px}.sheet-heading h2{font-size:20px}.thresholds{gap:8px}.thresholds>div{padding:13px 11px}.thresholds b{font-size:20px}.thresholds p{font-size:14px}.sheet-skills .skill-head{gap:9px;padding:13px}.sheet-skills .skill-description{font-size:16px}.sheet-body .memory-layout{gap:15px}.oneflow{border-radius:3px}.skill-tag{font-size:12px}}



:root{color-scheme:light;--ink:#171717;--muted:#60636b;--orange:#ff851b;--line:#dedede;--paper:#fafafa}body{background:#fafafa;color:#171717}body:before{background-image:radial-gradient(#b7b7b71c 1px,transparent 1px);background-size:7px 7px}header{height:100px;background:white;border-bottom:1px solid #eee;box-shadow:none;gap:28px;padding:0 max(24px,calc((100vw - 1280px)/2))}.brand>b{background:#ff8a20;border:2px solid #151515;border-bottom:5px solid #151515;color:#111;box-shadow:3px 3px 0 #ffc773}.brand span{color:#101010;font-weight:900;letter-spacing:1px}.brand small{color:#616161}.preview{border:1px solid #d2d2d2;background:white;color:#666;font-size:12px}header nav{height:100%;gap:0;flex:1;justify-content:center}header nav a{min-width:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 18px;font-weight:900;font-size:19px;line-height:1.4;color:#111;white-space:nowrap}header nav a:before{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;font-weight:900;margin-bottom:3px}header nav a[href='#home']:before{content:'HOME'}header nav a[href='#players']:before{content:'MEMBER'}header nav a[href='#memory']:before{content:'GALLERY'}header nav a[href='#oneflow']:before{content:'QUICK GUIDE'}header nav a[aria-current]{background:#ff8923;color:white;background-image:radial-gradient(#ffffff30 1px,transparent 1px);background-size:5px 5px}main{max-width:1280px;margin:26px auto}.hero{height:480px;background:url("/assets/optimized/6b5ae58c9f97-900.webp") 45% center/cover;border:0;border-radius:0;box-shadow:none;isolation:isolate;overflow:hidden}.hero:before{background:linear-gradient(90deg,#fff 4%,#fffffff2 27%,#ffffffbb 52%,#ffffff30 100%)}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:24px;background:#ff8a20;z-index:2;clip-path:polygon(0 0,69% 0,72% 100%,0 100%)}.hero-copy{width:55%;padding:52px 50px;z-index:3}.eyebrow{color:#9a4508;letter-spacing:1.5px;font-size:13px}.hero-copy h1{color:#111;font-size:62px;letter-spacing:0;line-height:1.12;text-shadow:3px 3px 0 white;font-weight:1000}.hero-copy p{color:#303030;font-size:18px;line-height:1.65}.hero-copy em,.profile em,.sheet-hero em{background:#111;color:white;border:0;font-size:19px;letter-spacing:4px;padding:5px 20px;margin-top:14px;box-shadow:5px 4px 0 #ff9b34;transform:skew(-7deg)}.hero-player{right:7%;height:109%;max-width:52%;bottom:-12%;filter:drop-shadow(10px 7px 0 #ffffffc0);z-index:2}.hero-stamp{font-size:110px;right:3%;bottom:14%;color:#141414;opacity:.13;z-index:1}.button{background:#ff891e;color:#111;border:2px solid #161616;box-shadow:4px 4px 0 #171717;border-radius:0;font-weight:900;padding:11px 21px}.button:hover{filter:none;background:#ffab4c;transform:translateY(-2px)}.button.secondary{background:white;color:#111;border:2px solid #171717}.tools{gap:0;border:2px solid #171717;box-shadow:5px 5px 0 #171717}.tool{border:0;border-radius:0;box-shadow:none;background:#ff9c45;min-height:112px;transition:transform .15s}.tool+.tool{border-left:2px solid #171717}.tool:nth-child(2){background:#82d7c8}.tool:nth-child(3){background:#92dce8}.tool:hover{border-color:#111;transform:none;filter:brightness(1.05)}.tool b{background:transparent;border:0;font-size:38px;font-weight:900;color:#111;transform:none;width:auto;height:auto}.tool h3{font-size:21px;color:#111}.tool small{color:#293332}.section-title h2{border-left:0;padding:0;font-size:28px;color:#111}.section-title h2:after{content:'';display:block;height:5px;background:#ff891e;width:52px;margin-top:8px}.section-title>a{color:#515151}.feature-grid{gap:22px}.feature{border:1px solid #252525;border-bottom:4px solid #252525;background:white;border-radius:0}.feature.player img{background:linear-gradient(120deg,#ffb360,#ffe2b8);border-right:1px solid #252525}.feature img{border-color:#252525}.feature h3{color:#111}.label{color:#914310}.filters,.panel,.empty{background:white;border:1px solid #dedede;border-radius:0;box-shadow:none}.filters input{background:#f6f6f6;color:#111;border:1px solid #bababa;border-radius:0}.filters input::placeholder{color:#666}.chip{background:white;border:1px solid #b5b5b5;color:#222;border-radius:0}.chip.active{background:#111;color:white;border-color:#111}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#ffb15c;border:2px solid #111;border-radius:0;box-shadow:5px 5px 0 #e7e7e7}.card img{background:linear-gradient(135deg,#ff992c,#ffcf86);height:330px}.card .label{background:#111;color:white;border:0;font-weight:900;padding:5px 12px}.card-info{background:white;color:#111;border-top:2px solid #111}.detail-hero{display:grid;grid-template-columns:48% 52%;background:#fff;border:0;border-radius:0;box-shadow:none;overflow:hidden;position:relative;min-height:520px}.portrait{order:2;background:linear-gradient(#ffffffbf,#ffffffcc),url("/assets/optimized/6b5ae58c9f97-900.webp") 35% center/cover;min-height:520px;border:0;position:relative}.portrait:before{content:'KARASUNO';position:absolute;bottom:4%;right:4%;color:#ff851b;font-size:65px;font-family:Arial,sans-serif;font-weight:1000;line-height:1;opacity:.5}.portrait img{height:535px;max-width:100%;position:relative;z-index:1;filter:drop-shadow(8px 10px 0 #ffffff90)}.profile{order:1;background:#ffae5c;padding:38px 35px;color:#111;position:relative;isolation:isolate;align-self:stretch;overflow:hidden}.profile:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffab4ada,#ffab4ada),url("/assets/optimized/8abad571bf95-576.webp") 50% 24%/95% auto no-repeat;opacity:.7}.profile .eyebrow{color:#252525}.profile h1{font-size:46px;color:#080808;letter-spacing:0}.profile .chips{margin-top:24px;margin-bottom:20px}.profile .chip{background:#ffffffbf;border:1px solid #111;color:#111;font-size:14px}.profile .muted{color:#333}.data-row{border-top:2px solid #141414;padding:14px 0;align-items:center}.data-row span{background:#151515;color:#fff;padding:1px 7px;font-size:14px}.data-row b{color:#171717;font-size:16px}.profile .button{background:#111;color:#fff;border-color:#111;box-shadow:4px 4px 0 white;margin-top:23px}.tabs{background:white;border-bottom:2px solid #111;padding:0;gap:0;margin-top:26px}.tab{padding:15px 26px;color:#252525;border:0;border-bottom:4px solid transparent;font-size:16px}.tab.active{color:#111;background:#ffb15e;border-bottom:4px solid #111}.panel{padding:28px}.pending{background:#f5f5f5;border-left:4px solid #ff982c;color:#111}.skill-card{background:white;border:1px solid #c5c5c5;border-radius:0}.skill-head{background:#f3f3f3;border-bottom:1px solid #d4d4d4;padding:18px 20px}.skill-no{background:#ff992c;border:2px solid #111;color:#111;transform:none;border-radius:0}.skill-head h3{color:#111}.skill-tag{color:#8a4100;background:#fff0dd;padding:3px 7px}.level-button{background:#fff;color:#202020;border:1px solid #aaa;border-radius:0}.level-button.active{background:#ff9c38;color:#111;border:1px solid #111;box-shadow:2px 2px 0 #111}.skill-description{color:#242424;line-height:1.95}.skill-description strong{color:#aa4400;background:#fff0df;padding:0 3px}.skill-card details{color:#616161}.resonance{background:#fff;border:1px solid #c7c7c7;border-left:6px solid #ff8b22;border-radius:0}.resonance h3{color:#111;border-bottom:2px solid #111}.resonance p{color:#282828}.sheet-note{color:#626262;border-color:#d0d0d0}.oneflow{background:white;border:2px solid #171717;box-shadow:6px 6px 0 #e8e8e8;border-radius:0}.sheet-hero{background:linear-gradient(90deg,#fff 2%,#ffffffea 35%,#ffffff66),url("/assets/optimized/6b5ae58c9f97-900.webp") center/cover;border-bottom:8px solid #ff8d22;height:390px;color:#111}.sheet-hero>div{padding:42px;width:65%;z-index:2}.sheet-hero h1{font-size:48px;color:#111;letter-spacing:0}.sheet-hero p{color:#333}.sheet-player{filter:drop-shadow(8px 6px 0 #ffffffbb);z-index:1}.sheet-heading>b{color:#ff891e;font-size:32px}.sheet-heading h2{color:#111}.thresholds>div{background:#fff1df;border:1px solid #e5c8a7;border-top:4px solid #ff972f}.thresholds b{color:#111}.thresholds p{color:#333}.thresholds>div:nth-child(2){background:#e5f7f2;border-color:#a9d5c9;border-top-color:#5ebda8}.thresholds>div:nth-child(3){background:#e5f4fa;border-color:#afd8e5;border-top-color:#67bccc}.thresholds>div:nth-child(4){background:#f2ecfa;border-color:#d1bce9;border-top-color:#b695d8}.level-line{color:#626262}.level-line strong{color:#a04200}.sheet-body .memory-layout img{border:1px solid #222;border-radius:0}.memory-meta>div{background:white;border:1px solid #bbb;border-top:4px solid #ff942a;border-radius:0}.memory-full{background:#f3f3f3;border-color:#bbb;border-radius:0}.mobile-nav{background:#fff;border-top:2px solid #171717;color:#111}.mobile-nav a[aria-current]{background:#ff922b;color:#111;padding:3px 12px;margin:-3px -12px}footer{border-color:#ccc;color:#646464}.count,.breadcrumb{color:#626262}.page-heading .eyebrow{color:#965014}

@media(max-width:1100px){header{padding:0 20px;gap:20px}header nav a{min-width:100px;padding:12px;font-size:16px}.preview{display:none}main{margin:24px}.profile h1{font-size:40px}.profile{padding:30px 26px}.data-row b{font-size:14px}}

@media(max-width:800px){header{height:82px}.brand span{font-size:19px}.brand small{font-size:11px}.brand>b{font-size:24px}header nav a{min-width:82px;font-size:14px;padding:10px}header nav a:before{font-size:10px}.hero{height:410px}.hero-copy{padding:36px 30px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:16px}.hero-player{right:1%;max-width:56%}.tool{min-height:105px}.tool h3{font-size:18px}.tool b{font-size:28px}.detail-hero{grid-template-columns:50% 50%;min-height:470px}.portrait{min-height:470px}.portrait img{height:470px}.profile h1{font-size:34px}.profile{padding:26px 22px}.profile .chips{gap:6px}.profile .chip{font-size:12px;padding:5px 8px}.data-row{gap:10px}.data-row span{font-size:12px}.data-row b{font-size:13px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card img{height:280px}}

@media(max-width:520px){header{height:72px;padding:0 18px}.preview{display:block;font-size:11px}.brand span{font-size:20px}.brand small{font-size:11px}main{margin:16px}.hero{height:365px}.hero-copy{padding:26px 18px;width:72%}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.5px}.hero-copy em{font-size:16px;padding:3px 14px}.hero-copy p{font-size:14px;max-width:165px;margin:22px 0 18px}.hero .button{font-size:13px;padding:9px 10px}.hero-player{height:79%;max-width:65%;right:-5%;bottom:-3%}.hero-stamp{font-size:70px;right:2%;bottom:17%}.hero:after{height:13px;clip-path:polygon(0 0,48% 0,53% 100%,0 100%)}.tools{box-shadow:3px 3px 0 #171717}.tool{padding:14px 10px;min-height:132px}.tool b{font-size:27px;margin-bottom:8px}.tool h3{font-size:15px;margin-bottom:4px}.tool small{font-size:12px}.section-title h2{font-size:23px}.feature img{height:190px}.feature>div{padding:16px}.feature h3{font-size:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:240px}.detail-hero{display:flex;flex-direction:column;min-height:0}.portrait{order:1;min-height:345px;background:linear-gradient(#ffffff99,#ffffffbf),url("/assets/optimized/6b5ae58c9f97-900.webp") center/cover}.portrait img{height:350px}.portrait:before{font-size:44px;bottom:6%}.profile{order:2;padding:24px}.profile h1{font-size:38px}.profile .chips{margin-top:22px}.profile .chip{font-size:13px}.data-row span{font-size:13px}.data-row b{font-size:14px}.tabs{gap:0;padding:0}.tab{padding:13px 12px;font-size:14px;flex:1;white-space:nowrap}.panel{padding:15px}.skill-head{padding:15px}.skill-head .small{font-size:13px}.level-button{min-width:46px}.oneflow{box-shadow:3px 3px 0 #e8e8e8}.sheet-hero{height:320px;border-bottom-width:5px}.sheet-hero>div{padding:24px 17px;width:80%}.sheet-hero h1{font-size:36px}.sheet-hero .eyebrow{font-size:11px;letter-spacing:0}.sheet-hero .button{font-size:12px;padding:8px 10px}.sheet-player{height:83%;right:-5%;bottom:-5%;max-width:65%}.sheet-heading h2{font-size:20px}.sheet-heading>b{font-size:27px}.sheet-body{padding:14px}.skill-tag{font-size:12px;padding:2px 4px}.sheet-skills .skill-head h3{font-size:18px}.page-heading .button{font-size:13px}.thresholds p{font-size:14px}}



.memory-record{background:white;border:1px solid #ccc;padding:26px}.memory-record .memory-layout{grid-template-columns:1.1fr 1fr;align-items:start}.memory-record h2{font-size:24px;line-height:1.5;overflow-wrap:anywhere}.memory-record img{border:1px solid #ccc;border-radius:0}.memory-limit{color:#913e00;background:#fff0df;padding:10px 12px;border-left:4px solid #ff982c;font-size:14px}.memory-stats{display:grid;grid-template-columns:1fr 1fr;margin:12px 0;gap:0 22px}.memory-stats>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #bbb}.memory-stats dt{font-size:15px}.memory-stats dd{margin:0;font-weight:900;font-size:18px}.memory-ranks{border-top:2px solid #161616;margin-top:24px;padding-top:24px}.rank-buttons{display:flex;gap:12px}.rank-buttons button{min-width:82px}.rank-result{margin-top:20px;background:#fff6e9;border:1px solid #f1c58e;padding:20px}.rank-result p{margin-bottom:0;font-size:17px;line-height:1.9}.feature h3{overflow-wrap:anywhere}.oneflow .memory-layout p{font-size:16px}.oneflow .memory-limit{font-size:14px}.oneflow .memory-layout h3{line-height:1.5}@media(max-width:800px){.memory-record .memory-layout{grid-template-columns:1fr}}@media(max-width:520px){.memory-record{padding:16px}.memory-record h2{font-size:21px}.memory-record .memory-layout{gap:20px}.memory-stats{gap:0 18px}.rank-buttons{gap:7px}.rank-buttons button{min-width:0;flex:1;padding:8px 5px}.rank-result{padding:15px}.rank-result p{font-size:16px}.memory-record .eyebrow{font-size:12px}.memory-record h3 .small{display:block;font-weight:400}.memory-ranks .section-title h2{font-size:22px}}




/* Variant labels must not inherit the hero heading text shadow. */

.hero-copy em,.profile em,.sheet-hero em{text-shadow:none;}


.batch-filters{display:flex;gap:16px}.batch-filters input{flex:1;min-width:0}.batch-filters select{font:inherit;background:white;color:#111;border:1px solid #aaa;padding:10px;max-width:40%}.batch-title{font-size:32px}.card h3{overflow-wrap:anywhere}.portrait img{width:100%}@media(max-width:520px){.batch-filters{flex-direction:column}.batch-filters select{max-width:100%}.batch-title{font-size:25px}}


header nav a[href="#memories"]:before{content:"GALLERY"}




.batch-player-hero .portrait{background:linear-gradient(#ffffff33,#ffffff88),var(--player-bg),linear-gradient(135deg,#fff3df,#e0edf2);background-position:center;background-size:cover}.batch-player-hero .portrait:before{content:attr(data-school);font-size:clamp(24px,4vw,50px);overflow-wrap:anywhere}.batch-player-hero .profile{background:#fffaf3}.batch-player-hero .profile:before{content:none;background:none}.player-tags{font-weight:800;color:#994909}.batch-filters{display:flex;flex-wrap:wrap;gap:12px}.batch-filters select{min-width:125px;padding:10px;background:white;color:#171717;border:1px solid #bbb}.batch-filters input{min-width:180px;max-width:100%}



.player-card{position:relative}.quality-badge{position:absolute;top:12px;left:12px;z-index:2;padding:5px 12px;background:#f8c569;color:#533000;font-weight:900;font-style:italic;letter-spacing:1px;border:1px solid #b57720;box-shadow:2px 2px 0 #ffffffb0}.player-card[data-quality="UR"]{border-color:#bf4762;background:linear-gradient(145deg,#fff8f8,#f3c9d3)}.player-card[data-quality="UR"] .card-info{background:#fff0f3;border-top:3px solid #c44d6a}.player-card[data-quality="UR"] .quality-badge{background:linear-gradient(130deg,#9e2446,#e06d7b);color:white;border-color:#87213e}.player-card[data-quality="SP"]{border-color:#7f68bc;background:linear-gradient(135deg,#e6f8ff,#ede4ff 48%,#ffe5ef)}.player-card[data-quality="SP"] .card-info{background:linear-gradient(110deg,#ecf7ff,#f4edff);border-top:3px solid #8c69c7}.player-card[data-quality="SP"] .quality-badge{background:linear-gradient(120deg,#366d99,#7e4aaa 60%,#a9447c);color:white;border-color:#6e5296}.batch-player-hero[data-quality="UR"] .profile{background:linear-gradient(135deg,#fff8fa,#ffe4eb)}.batch-player-hero[data-quality="SP"] .profile{background:linear-gradient(135deg,#edfaff,#f0e8ff,#ffeef6)}



.player-card[data-quality]{background-image:var(--quality-bg);background-size:cover;background-position:center}.player-card:after{content:"";position:absolute;inset:0;background:var(--quality-frame) center/100% 100%;pointer-events:none;z-index:1}.player-card .card-info{position:relative;z-index:2}.player-card>.quality-badge{z-index:3}



.bond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.bond-card{border:1px solid #ddd;border-top:4px solid #ff932b;background:#fffdf8;padding:20px}.bond-card h3{margin-top:0}.bond-members{display:flex;flex-wrap:wrap;gap:12px}.bond-member{display:flex;flex-direction:column;align-items:center;width:100px;color:#222;text-decoration:none;font-size:13px;text-align:center}.bond-member img{width:84px;height:96px;object-fit:contain;background:#f3efe8}.bond-card p{line-height:1.8}.bond-card summary{cursor:pointer;font-weight:bold;color:#884207}



.bond-table-wrap{overflow-x:auto}.bond-attributes table{border-collapse:collapse;width:100%;font-size:13px}.bond-attributes th,.bond-attributes td{padding:9px 7px;text-align:left;border-bottom:1px solid #e4ded5}.player-card[data-quality="SP"]{background-size:100% 100%;background-repeat:no-repeat}.player-card[data-quality="SP"]:after{background:none}



.player-card .quality-badge.original-quality{background:none;border:0;box-shadow:none;padding:0}.player-card .quality-badge img{width:66px;height:46px;object-fit:contain;background:none}.skill-name{display:flex;align-items:center;gap:10px}.skill-name img{width:48px;height:48px;object-fit:contain}.school-heading{display:flex;align-items:center;gap:12px}.school-heading img{width:48px;height:48px;object-fit:contain}.memory-quality{display:flex;align-items:center;gap:8px}.feature .memory-quality img{width:48px;height:32px;object-fit:contain;background:none}

/* In-game inspired catalogue cards */

#batch-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:6px}

.player-card.game-card{isolation:isolate;aspect-ratio:3/4;display:block;position:relative;border:3px solid #f2c862;border-radius:7px;overflow:hidden;background:var(--quality-bg) center/100% 100%;box-shadow:0 0 0 2px #fff,0 3px 12px #49311526;transition:transform .2s,box-shadow .2s}

.player-card.game-card:before{content:'';position:absolute;inset:5px;border:1px solid #fff9;z-index:5;pointer-events:none;background:none}

.player-card.game-card:after{content:none}.player-card.game-card:hover{transform:translateY(-5px);box-shadow:0 0 0 2px #fff,0 7px 20px #49311540}

.player-card.game-card[data-quality=UR]{border-color:#ffc17d}.player-card.game-card[data-quality=SP]{border-color:#ddc1ff;box-shadow:0 0 0 2px #fff,0 0 12px #b5d9f2}

.game-card .card-character{position:absolute;inset:9% -7% 0;z-index:2;pointer-events:none}

.game-card .card-character img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;background:none;margin:0;filter:drop-shadow(0 2px 3px #0002)}

.game-card .position-badge{position:absolute;right:9px;top:9px;z-index:6}.game-card .position-badge img{width:37px;height:37px;object-fit:contain;background:none}

.game-card .quality-badge{top:9px;left:8px;z-index:6}.game-card .quality-badge img{width:54px;height:38px}

.player-card.game-card .card-info{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:22px 9px 10px;background:linear-gradient(transparent,#171b27ee 35%);border:0;color:white;text-align:center}

.player-card.game-card .card-info h3{color:#fff;font-size:17px;line-height:1.3;margin:0 0 4px;white-space:normal;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}

.player-card.game-card .card-info .muted{color:#e8e2d8;font-size:11px}

.card-effects{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}

.card-effects:before{content:'';position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 36%,#fff0 42%,#fff9 49%,#fff0 56%,transparent 65%);animation:card-sheen 6s ease-in-out infinite;animation-play-state:paused}

.game-card[data-quality=SP] .card-effects:after{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 3px),radial-gradient(circle at 65% 70%,#fff 0 1px,transparent 4px),conic-gradient(from 30deg at 50% 50%,#92eeff44,#f2baff44,#fff6,#a8fcff44);background-size:55px 65px,85px 95px,100% 100%;animation:card-prism 8s ease-in-out infinite alternate;animation-play-state:paused;mix-blend-mode:screen}

.game-card.is-visible .card-effects:before,.game-card.is-visible .card-effects:after{animation-play-state:running}

.game-card:nth-child(3n) .card-effects:before{animation-delay:-2s}.game-card:nth-child(3n + 1) .card-effects:before{animation-delay:-4s}

.game-card:not([data-quality=SP]):not([data-quality=UR]):not([data-quality=SSR]) .card-effects{display:none}

@keyframes card-sheen{0%,20%{transform:translateX(-55%);opacity:0}40%{opacity:.55}65%,100%{transform:translateX(55%);opacity:0}}

@keyframes card-prism{from{transform:translate(-2%,-2%) rotate(-5deg);opacity:.3}to{transform:translate(3%,4%) rotate(6deg);opacity:.7}}

@media(max-width:520px){#batch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card .position-badge img{width:30px;height:30px}.game-card .quality-badge img{width:44px;height:32px}.player-card.game-card .card-info h3{font-size:14px}}

@media(prefers-reduced-motion:reduce){.game-card .card-effects:before,.game-card .card-effects:after{animation:none!important}.player-card.game-card{transition:none}.player-card.game-card:hover{transform:none}}


/* Clean catalogue nameplate and character dossier */

.player-card.game-card .card-info{left:8px;right:8px;bottom:8px;padding:7px 5px;background:#ffffffdb!important;border:1px solid #ffffffa8;border-radius:3px;backdrop-filter:blur(5px)}

.player-card.game-card .card-info h3{color:#171b27;text-shadow:none;font-size:15px;margin:0;line-height:1.4}

.dossier-hero.detail-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;min-height:480px;border:1px solid #e7e3dd;border-radius:12px;overflow:hidden;background:var(--player-bg) center/cover,#f6f2ee;box-shadow:0 8px 28px #283d5010}

.dossier-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffff12,#ffffffc9 48%,#fffffff5 74%)}

.dossier-hero .portrait{background:none!important;min-height:480px;align-self:stretch;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}

.dossier-hero .portrait:before,.dossier-hero .portrait:after{content:none!important}.dossier-hero .portrait img{height:460px;width:100%;object-fit:contain;object-position:center bottom;max-width:100%;position:relative;filter:drop-shadow(5px 8px 9px #22334926)}

.dossier-hero .profile{background:none!important;padding:46px 38px 36px;display:flex;flex-direction:column;justify-content:center;border:0;position:relative}

.dossier-hero .profile:before,.dossier-hero .profile:after{content:none!important}.dossier-hero .profile h1{font-size:clamp(30px,3.2vw,46px);line-height:1.2;margin:19px 0 13px;color:#1e2634;letter-spacing:-1px;text-shadow:none}

.dossier-hero .school-heading{color:#595f6a;font-size:13px;letter-spacing:1px}.dossier-hero .school-heading img{width:38px;height:38px}

.dossier-tags{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700}.dossier-tags img{width:64px;height:43px;object-fit:contain}.dossier-tags span{border-left:1px solid #bbb;padding-left:18px}

.dossier-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.dossier-facts div{border-top:1px solid #d5d9df;padding-top:12px}.dossier-facts div:last-child{grid-column:1/-1}.dossier-facts dt{font-size:12px;color:#6f7480}.dossier-facts dd{margin:5px 0 0;font-size:27px;font-weight:700;color:#273245}.dossier-facts dd small{font-size:13px;font-weight:400}.dossier-facts dd.school-name{font-size:18px}.dossier-hero .button{align-self:flex-start;font-size:13px}

@media(max-width:640px){.dossier-hero.detail-hero{display:flex;flex-direction:column;min-height:0}.dossier-hero:before{background:linear-gradient(#ffffff11,#ffffff33 30%,#ffffffef 62%,#fff)}.dossier-hero .portrait{min-height:310px;height:310px;order:0}.dossier-hero .portrait img{height:320px}.dossier-hero .profile{order:1;padding:23px}.dossier-hero .profile h1{font-size:30px;margin:13px 0}.dossier-facts{margin-bottom:5px;gap:15px}.player-card.game-card .card-info h3{font-size:13px}}


/* Official-site inspired split character profile */

.dossier-hero.detail-hero{--school-accent:#ffb971;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:520px;background:#f6f4f1;border:0;border-radius:0;box-shadow:none;gap:0;overflow:hidden}

.dossier-hero[data-school*="音驹"]{--school-accent:#f49a9c}.dossier-hero[data-school*="青叶"]{--school-accent:#88d7c5}.dossier-hero[data-school*="伊达"]{--school-accent:#91dbe0}.dossier-hero[data-school*="白鸟"]{--school-accent:#c7b1e5}.dossier-hero[data-school*="枭谷"]{--school-accent:#e5cc86}.dossier-hero[data-school*="稻荷"]{--school-accent:#dda2af}

.dossier-hero:before{content:none}.dossier-hero .profile{grid-column:1;grid-row:1;order:0;margin:24px 0 24px 24px;padding:32px 30px;background:var(--school-accent)!important;z-index:3;justify-content:flex-start;border:2px solid white;box-shadow:0 0 0 1px #17171710}

.dossier-hero .profile h1{font-family:"Microsoft YaHei",sans-serif;font-size:clamp(34px,3.7vw,52px);font-weight:900;line-height:1.2;color:#111;margin:25px 0 12px;letter-spacing:0;overflow-wrap:anywhere;text-shadow:none}

.dossier-hero .school-heading{color:#171717;font-size:13px;font-weight:700;letter-spacing:.4px;min-height:38px}.dossier-hero .school-heading img{width:36px;height:36px;flex-shrink:0}

.dossier-edition{align-self:flex-start;background:#151515;color:white;font-size:15px;font-weight:700;padding:5px 20px;border-radius:30px;margin-bottom:18px;letter-spacing:2px}

.dossier-hero .dossier-tags{border-top:2px solid #191919;border-bottom:0;margin-top:12px;padding-top:16px;gap:18px;color:#111}.dossier-hero .dossier-tags span{border:0;background:#fff9;padding:6px 14px;font-size:15px}

.dossier-hero .dossier-facts{display:flex;flex-direction:column;gap:15px;margin:22px 0 20px}.dossier-hero .dossier-facts div{display:flex;align-items:center;gap:15px;padding:0;border:0;min-width:0}.dossier-hero .dossier-facts dt{background:#161616;color:#fff;font-weight:700;font-size:14px;padding:5px 10px;min-width:80px;text-align:center;flex-shrink:0}.dossier-hero .dossier-facts dd{margin:0;color:#111;font-size:24px;line-height:1.35;overflow-wrap:anywhere}.dossier-hero .dossier-facts dd small{color:#171717;font-size:14px}.dossier-hero .dossier-facts dd.school-name{font-size:19px}

.dossier-hero .portrait{grid-column:2;grid-row:1;order:1;isolation:isolate;min-height:520px;height:100%;background:#f6f4f1!important;overflow:hidden}

.dossier-hero .portrait:before{content:''!important;position:absolute;inset:0;background:var(--player-bg) center/cover;opacity:.22;z-index:-2;transform:none}

.dossier-hero .portrait:after{content:''!important;position:absolute;left:0;right:0;bottom:0;height:90px;background:var(--school-accent);z-index:-1;border:0;transform:none}

.dossier-hero .portrait img{display:block;position:relative;inset:auto;transform:none;width:100%;height:520px;max-height:none;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 4px 0 #fff9);z-index:1;margin:0;padding:12px 8px 0}

.dossier-position{position:absolute;right:14px;bottom:53px;z-index:0;color:#17171718;font:bold 110px/1 Arial,sans-serif;pointer-events:none}

@media(max-width:700px){.dossier-hero.detail-hero{display:flex;flex-direction:column;min-height:0}.dossier-hero .portrait{order:0;height:320px;min-height:320px}.dossier-hero .portrait img{height:320px;width:100%;padding-top:5px}.dossier-hero .portrait:after{height:55px}.dossier-position{font-size:80px;bottom:20px}.dossier-hero .profile{order:1;margin:0;padding:24px;border:0;box-shadow:none}.dossier-hero .profile h1{font-size:36px;margin-top:15px}.dossier-hero .dossier-facts{gap:12px;margin-bottom:8px}.dossier-hero .dossier-facts dd{font-size:23px}.dossier-hero .dossier-facts dd.school-name{font-size:18px}}


/* Character stage: information, cast and school navigation */

.player-showcase{position:relative;isolation:isolate;min-height:650px;display:grid;grid-template-columns:minmax(340px,43%) 1fr 108px;overflow:hidden;background:#f7f5ef;border:1px solid #e7e3db;border-radius:4px;color:#1d2631}

.player-showcase:before{content:'';position:absolute;inset:0 100px 0 28%;background:var(--scene) center/cover;opacity:.48;z-index:-2}

.player-showcase:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf8f2 15%,#faf8f2ed 36%,#faf8f225 60%,#faf8f299 91%)}

.showcase-content{grid-column:1;position:relative;padding:32px 0 30px 34px;z-index:3;min-width:0;display:flex;flex-direction:column}

.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#867348;font-size:10px;letter-spacing:2px;border-bottom:1px solid #c6b99e;padding-bottom:15px;margin-bottom:33px}.showcase-heading a{color:#605a4d;letter-spacing:0;font-size:12px}

.showcase-school{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4c535c}.showcase-school img{width:33px;height:33px;object-fit:contain}

.showcase-content h1{font-size:clamp(34px,4vw,55px);line-height:1.2;color:#172430;letter-spacing:1px;margin:16px 0 12px;font-weight:900;text-shadow:0 1px white}

.showcase-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.showcase-tags img{width:55px;height:39px;object-fit:contain}.showcase-tags>span{font-size:12px;border:1px solid #c3b692;background:#fffaf0;padding:5px 12px;color:#635438}

.showcase-facts{display:flex;gap:0;background:#fffefaeb;border:1px solid #ded5c2;border-left:3px solid #b29658;margin-top:24px;padding:18px 0;max-width:350px}.showcase-facts>div{flex:1;padding:0 22px;display:flex;flex-direction:column;gap:5px}.showcase-facts>div+div{border-left:1px solid #dfd8ca}.showcase-facts span{font-size:12px;color:#717680}.showcase-facts b{font-size:27px;font-weight:600;color:#26313d}.showcase-facts small{font-size:11px;margin-left:5px;font-weight:400}

.showcase-actions{display:flex;gap:20px;margin:22px 0 28px;font-size:12px;font-weight:600}.showcase-actions a{color:#6c582c;border-bottom:1px solid #bba774;padding-bottom:4px}

.showcase-art{position:absolute;left:42%;right:100px;top:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;z-index:1;pointer-events:none}.showcase-art>img{width:118%;max-width:none;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 10px 12px #24364925)}.showcase-watermark{position:absolute;right:10px;bottom:40px;font:bold 140px/1 Arial;color:#fff9;z-index:-1;letter-spacing:-8px}

.showcase-roster{margin-top:auto;min-width:0;padding-top:15px;border-top:1px solid #c6b99e}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#5d584c;font-size:12px}.roster-heading button{background:#ffffffb0;border:1px solid #c6b99e;color:#63512b;width:30px;height:26px;cursor:pointer;margin-left:5px}.roster-track{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c4b38f transparent;padding:3px 2px 10px;scroll-snap-type:x proximity}.roster-track a{flex:0 0 75px;min-width:0;display:flex;flex-direction:column;align-items:center;background:#fff9;border:1px solid #d4cbb9;color:#333;padding:4px;scroll-snap-align:start}.roster-track a[aria-current]{border:2px solid #aa8747;padding:3px;background:#fff3d8;box-shadow:0 0 0 2px #d5bd8250}.roster-track img{width:64px;height:64px;object-fit:contain;background:#eee9df}.roster-track span{font-size:10px;margin-top:5px;white-space:nowrap}.roster-track small{font-size:9px;color:#7c725e;margin-top:2px;white-space:nowrap}

.showcase-schools{grid-column:3;grid-row:1;z-index:4;position:relative;min-height:0;border-left:1px solid #d4c9b2;background:#fbf9f2e8;padding:22px 8px;display:flex;flex-direction:column;align-items:stretch}.school-rail-heading{font-size:11px;text-align:center;color:#7c6a45;letter-spacing:1px;margin-bottom:16px}.showcase-schools nav{height:565px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4b38f transparent;display:flex;flex-direction:column;gap:15px}.showcase-schools a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 2px;color:#747069;text-align:center}.showcase-schools img,.showcase-schools b{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid #d6cebc;border-radius:50%;padding:6px;display:grid;place-items:center;font-size:13px}.showcase-schools span{font-size:10px;line-height:1.3}.showcase-schools a[aria-current]{color:#704d09;font-weight:700}.showcase-schools a[aria-current] img,.showcase-schools a[aria-current] b{border:2px solid #ab8b42;box-shadow:0 0 0 3px #eadcbc;background:#fff8e3}.player-showcase a:focus-visible,.player-showcase button:focus-visible{outline:3px solid #ba7910;outline-offset:2px}#player-skills{scroll-margin-top:110px}

@media(max-width:900px){.player-showcase{grid-template-columns:minmax(320px,47%) 1fr 90px}.showcase-content{padding-left:24px}.showcase-art{left:42%;right:90px}.showcase-schools{padding-left:4px;padding-right:4px}.showcase-content h1{font-size:38px}}

@media(max-width:640px){.player-showcase{display:flex;flex-direction:column;min-height:0}.player-showcase:before{inset:55px 0 auto;height:350px;opacity:.5}.player-showcase:after{background:linear-gradient(#faf8f211,#faf8f200 260px,#faf8f2 400px)}.showcase-schools{order:0;padding:12px;border:0;border-bottom:1px solid #ded3bd;display:block}.school-rail-heading{display:none}.showcase-schools nav{height:auto;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 0 6px}.showcase-schools a{flex:0 0 62px;padding:2px}.showcase-schools img,.showcase-schools b{width:39px;height:39px}.showcase-art{top:95px;left:0;right:0;bottom:auto;height:295px}.showcase-art>img{height:100%;width:100%}.showcase-watermark{font-size:100px;bottom:10px;right:20px}.showcase-content{order:1;padding:315px 22px 22px}.showcase-heading{margin-bottom:18px}.showcase-content h1{font-size:36px}.showcase-facts{max-width:none;margin-top:18px}.showcase-roster{margin-top:10px}.showcase-actions{margin-bottom:15px}}


/* Original game emblems and roster controls */

.showcase-school img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px #34230c16)}

.showcase-schools img{width:56px;height:56px;background:none;border:0;border-radius:0;padding:3px;object-fit:contain;filter:grayscale(.25);transition:filter .18s,transform .18s}

.showcase-schools a[aria-current] img{border:0;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 4px #c5a35780);transform:scale(1.08)}

.showcase-schools a:hover img{filter:none;transform:scale(1.08)}

.showcase-schools a[aria-current]{background:linear-gradient(90deg,transparent,#e5d6af6b,transparent);border-radius:5px}

.roster-heading button{width:34px;height:34px;padding:0;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:filter .15s}

.roster-heading button img{width:26px;height:32px;object-fit:contain}.roster-heading button[data-roster-step="1"] img{transform:scaleX(-1)}

.roster-heading button:hover{filter:brightness(1.13)}.roster-heading button:active{filter:brightness(.9)}

@media(max-width:640px){.showcase-schools img{width:40px;height:40px;padding:2px}.showcase-school img{width:34px;height:34px}}

@media(prefers-reduced-motion:reduce){.showcase-schools img,.roster-heading button{transition:none}}




.hub-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hub-tools .tool{border:1px solid #2222!important}.hub-tools .tool:nth-child(4){background:#ffe5aa}.hub-tools .tool:nth-child(5){background:#e4d6fa}.hub-tools .tool:nth-child(6){background:#b9dfed}.home-content-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:26px}.home-content-columns>section{min-width:0}.home-content-columns .feature-grid{gap:14px}.home-content-columns .feature img{height:175px}.guide-cover{display:block;background:#fff;border:1px solid #ded6c8;overflow:hidden}.guide-cover>img{width:100%;height:210px;object-fit:cover}.guide-cover>div{padding:18px}.guide-cover span,.hub-kicker{font-size:11px;letter-spacing:2px;color:#936125}.guide-cover h3{margin:8px 0;color:#171717}.guide-cover p{color:#666;font-size:13px}.calendar-panel{background:#fff;border:1px solid #ddd;padding:24px}.calendar-controls,.calendar-filters,.hub-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.calendar-controls button,.calendar-filters button{padding:8px 13px;background:#fff;border:1px solid #ddd;color:#333;cursor:pointer}.calendar-controls input{border:1px solid #ccc;padding:7px;max-width:165px}.calendar-filters{margin:15px 0}.calendar-filters button[aria-pressed=true]{background:#fff0d7;border-color:#dc8a29}.calendar-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-content:start}.calendar-week{font-size:12px;text-align:center;color:#777;padding:6px}.calendar-day{min-height:53px;background:#faf9f6;border:1px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#222}.calendar-day.selected{border-color:#e48b22;background:#ffecd4}.calendar-day>span{display:flex;gap:4px;height:6px}.calendar-day i{width:6px;height:6px;border-radius:50%;display:block}.player-dot{background:#e58a21}.activity-dot{background:#4a95b9}.calendar-events{max-height:380px;overflow:auto;border-left:1px solid #eee;padding-left:20px}.calendar-events h3{font-size:15px;margin:0 0 12px}.calendar-events article{padding:12px 0;border-bottom:1px solid #eee}.calendar-events h4{font-size:14px;margin:7px 0}.calendar-events small{font-size:11px;color:#777}.event-type{font-size:10px;padding:3px 6px;background:#eaf3fa;color:#306887}.event-type.player{background:#fff0db;color:#9a5700}.gacha-settings,.team-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.gacha-settings label,.team-slots label{display:flex;flex-direction:column;gap:8px;font-size:13px}.gacha-settings input,.team-slots select{width:100%;padding:10px;border:1px solid #ccc;background:white;color:#222;min-width:0}.draw-results,.team-faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;margin:25px 0}.draw-results a,.team-faces a{display:flex;align-items:center;flex-direction:column;padding:10px;background:#faf7f0;border:1px solid #e0d6c3;text-align:center;gap:6px;font-size:12px}.draw-results img,.team-faces img{width:75px;height:90px;object-fit:contain}.team-warning{color:#ab3029;font-weight:700}.auto-guide{max-width:900px;margin:auto}.auto-guide-hero{display:flex;gap:25px;align-items:center;background:#fff3df;padding:20px}.auto-guide-hero img{width:35%;height:240px;object-fit:contain}.auto-guide h2{border-left:4px solid #f99d35;padding-left:12px;margin-top:30px}.auto-guide-skill{border-bottom:1px solid #ddd;padding:12px 0}.auto-guide-skill p{line-height:1.9;white-space:pre-line}.cultivation-link{display:inline-block;margin-left:4px}

@media(max-width:700px){.home-content-columns,.calendar-layout{grid-template-columns:1fr}.calendar-events{border-left:0;border-top:1px solid #ddd;padding:15px 0 0;max-height:320px}.calendar-panel{padding:16px}.calendar-panel>.section-title{align-items:flex-start;gap:10px;flex-wrap:wrap}.hub-tools .tool h3{font-size:14px}.hub-tools .tool small{font-size:10px}.hub-tools .tool{padding:12px 9px}.auto-guide-hero{gap:10px;padding:12px}.auto-guide-hero h1{font-size:24px}.auto-guide-hero img{height:180px}.calendar-controls input{font-size:13px}}


.rerun-dot{background:#9361ba}.event-type.rerun{background:#f1e8fb;color:#74439b}.calendar-source{font-size:10px;color:#777;margin:7px 0 0}.calendar-source a{text-decoration:underline}.calendar-events small{overflow-wrap:anywhere}




/* Light, framed editorial presentation inspired by the supplied game website. */

body{background:#f6f4f1}header{border-bottom:2px solid #171717}main{width:calc(100% - 64px);max-width:1480px}.button{border-radius:0}.page-heading h1{font-weight:900}.editorial-home .hero{border:3px solid #171717;height:510px}.editorial-home .hero-copy h1{font-size:clamp(36px,4.4vw,66px)}.editorial-home .section{margin-top:54px}.editorial-home .section-title{border-bottom:3px solid #171717;margin-bottom:20px;padding-bottom:10px;align-items:center}.editorial-home .section-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:1px}.editorial-home .section-title h2:before{display:block;font:900 12px Arial;letter-spacing:3px;color:#b45000;margin-bottom:5px;content:'FEATURED'}.editorial-home .guide-preview h2:before{content:'GUIDE BOOK'}.editorial-home .calendar-panel h2:before{content:none}.editorial-home .section-title>a{color:#171717;font-weight:700;border-bottom:2px solid #ff8a20;padding:5px 0}.home-content-columns{display:block}.home-content-columns>section{width:100%}.home-content-columns .feature-grid{grid-template-columns:1fr 1fr;gap:24px}.home-content-columns .feature{border:2px solid #171717;border-radius:0;box-shadow:none;background:#fff;overflow:hidden}.home-content-columns .feature img{width:100%;height:290px;object-fit:cover;background:#eff9fc}.home-content-columns .feature.player img{object-fit:contain;background:linear-gradient(120deg,#d8f4f6,#fff2d4)}.home-content-columns .feature>div{padding:22px 26px}.home-content-columns .feature h3{font-size:24px}.guide-stage{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);border:3px solid #171717;background:#fff}.guide-cover{position:relative;border:0;min-height:440px;display:flex;align-items:flex-end;isolation:isolate}.guide-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.guide-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#fff 0%,#fffffff2 16%,#ffffff00 72%)}.guide-cover>div{padding:32px;width:100%}.guide-cover h3{font-size:34px;margin:8px 0}.guide-cover p{color:#333;margin:0}.guide-cover span{color:#933e00;font-weight:800}.guide-topics{display:grid;border-left:3px solid #171717}.guide-topics a{display:flex;flex-direction:column;justify-content:center;padding:24px;background:#fff1de;border-bottom:2px solid #171717;gap:9px}.guide-topics a:nth-child(2){background:#e3f5f4}.guide-topics a:nth-child(3){background:#eee9fb;border-bottom:0}.guide-topics span{font:800 11px Arial;letter-spacing:2px;color:#555}.guide-topics b{font-size:21px}.guide-topics small{color:#454545}.guide-topics a:hover{box-shadow:inset 6px 0 #ff851b}.editorial-home .tool{border-radius:0;box-shadow:none;background:#fff!important;border:2px solid #171717!important}.editorial-home .tool b{color:#ff851b}.editorial-home .tool:hover{background:#fff0dc!important;transform:translateY(-2px)}.editorial-home .calendar-panel{border:2px solid #171717;padding:28px}.editorial-home .hub-kicker{color:#914500}.editorial-home .feature:hover{transform:translateY(-3px);box-shadow:5px 5px 0 #ffbb69}

@media(min-width:1800px){main{max-width:1680px}.guide-cover{min-height:500px}}

@media(max-width:900px){main{width:calc(100% - 32px)}.guide-stage{grid-template-columns:1fr}.guide-topics{grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:3px solid #171717}.guide-topics a{padding:16px;border-bottom:0;border-right:1px solid #171717}.guide-topics b{font-size:17px}.guide-topics a:last-child{border-right:0}.editorial-home .hero{height:430px}.home-content-columns .feature img{height:220px}}

@media(max-width:600px){main{width:calc(100% - 24px)}.editorial-home .section{margin-top:32px}.editorial-home .section-title h2{font-size:25px}.editorial-home .hero{height:400px}.editorial-home .hero-copy{padding:24px 20px;width:70%}.editorial-home .hero-copy h1{font-size:36px}.editorial-home .hero-copy p{font-size:14px}.editorial-home .hub-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-content-columns .feature-grid{grid-template-columns:1fr;gap:18px}.guide-cover{min-height:320px}.guide-cover>div{padding:20px}.guide-cover h3{font-size:26px}.guide-topics{grid-template-columns:1fr}.guide-topics a{border-right:0;border-bottom:1px solid #171717;padding:18px}.guide-topics a:last-child{border-bottom:0}.editorial-home .calendar-panel{padding:15px}.editorial-home .section-title{gap:10px}.editorial-home .section-title>a{font-size:12px}}



.anime-home{width:100%;max-width:none;margin:0;overflow:hidden;background:#f6f4f1;color:#141414}.anime-home *{box-sizing:border-box}.ah-opening{height:min(760px,calc(100svh - 100px));min-height:560px;position:relative;isolation:isolate;background:url("/assets/optimized/6b5ae58c9f97-900.webp") center 55%/cover}.ah-opening:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff 0%,#fffef7f0 22%,#ffffff65 48%,transparent 70%);z-index:-1}.ah-opening-lines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 150px,#ffffff44 151px 153px,transparent 154px 300px);clip-path:polygon(0 0,75% 0,50% 100%,0 100%);z-index:-1}.ah-opening-copy{position:absolute;left:7%;top:16%;z-index:2}.ah-eyebrow{font:900 12px Arial;letter-spacing:4px;color:#a84200}.ah-opening-small{margin:24px 0 10px;font-weight:800;font-size:18px}.ah-opening h1{font-size:clamp(60px,6.8vw,110px);line-height:1.13;font-style:italic;letter-spacing:-3px;font-weight:1000;margin-bottom:25px;text-shadow:4px 4px white}.ah-opening h1 span{font-size:.69em;color:#ed7715;letter-spacing:0;-webkit-text-stroke:1px #c35b0b}.ah-opening-copy>p:not(.ah-opening-small){font-size:15px;letter-spacing:2px}.ah-cta{display:inline-flex;align-items:center;gap:40px;background:#171717;color:#fff;padding:15px 24px;border-left:6px solid #ff8a20;font-weight:800;box-shadow:5px 5px #ff981f}.ah-cta:hover{background:#d86500}.ah-opening-player{position:absolute;height:100%;width:55%;object-fit:contain;right:1%;bottom:-2%;filter:drop-shadow(15px 10px 0 #ffffff70);animation:ah-enter .7s ease-out}.ah-opening-tag{position:absolute;bottom:14%;right:5%;padding:15px 28px;background:#fffffff0;border-left:5px solid #ff8520;transform:skew(-5deg);box-shadow:6px 6px #171717}.ah-opening-tag>*{display:block}.ah-opening-tag small{font-size:10px;letter-spacing:2px}.ah-opening-tag strong{font-size:30px;line-height:1.5}.ah-opening-tag span{font-size:13px}.ah-opening-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px 7%;background:#ffffffd9;font:800 11px Arial;letter-spacing:2px;border-top:1px solid #fff}.ah-ticker{white-space:nowrap;overflow:hidden;background:#ff8a20;padding:12px 0;transform:rotate(-1deg) scale(1.02);font:900 italic 27px Arial;letter-spacing:3px;border-block:2px solid #171717}.ah-ticker i{padding:0 30px;font-style:normal;color:#fff}.ah-section,.ah-schools-section,.ah-system-section{padding:74px max(5%,calc((100vw - 1600px)/2));position:relative}.ah-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.ah-heading>div>span{font:900 italic clamp(34px,4.3vw,64px)/1 Arial;letter-spacing:-2px}.ah-heading h2{display:inline-block;font-size:17px;margin:0 0 0 20px;letter-spacing:2px;border-left:4px solid #ff8a20;padding-left:14px}.ah-heading>a{font-size:13px;font-weight:800;border-bottom:2px solid #171717;padding-bottom:5px;white-space:nowrap}.ah-pickup{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);border:3px solid #171717;box-shadow:9px 9px 0 #e5e0d8}.ah-feature-scene{display:block;position:relative;min-height:540px;height:100%;background-size:cover;background-position:center;overflow:hidden}.ah-feature-scene>img{position:absolute;right:3%;height:100%;width:75%;object-fit:contain;animation:ah-enter .35s ease-out}.ah-feature-scene>div{position:absolute;bottom:0;left:0;right:0;padding:60px 32px 24px;background:linear-gradient(0deg,#131b2eeb,transparent);color:white}.ah-feature-scene h3{font-size:clamp(26px,3vw,46px);margin:5px 0;text-shadow:2px 2px #171717}.ah-feature-scene p{margin:0;font-size:13px}.ah-feature-scene p b{float:right;color:#ffd08a}.ah-feature-scene>div>span{font-size:12px;background:#fff;color:#171717;padding:3px 10px;font-weight:900}.ah-news{display:grid;background:#212121}.ah-news button{position:relative;overflow:hidden;text-align:left;background:#252525;color:white;border:0;border-bottom:1px solid #ffffff50;padding:24px 20px;isolation:isolate}.ah-news button:last-child{border-bottom:0}.ah-news button>span,.ah-news button>strong,.ah-news button>small{position:relative;z-index:1;display:block}.ah-news button>span{font:800 10px Arial;letter-spacing:2px;color:#ffb25d}.ah-news strong{font-size:20px;line-height:1.6;margin:10px 0;max-width:86%}.ah-news small{color:#eee;font-size:11px}.ah-news small b{float:right;font-size:20px}.ah-news img{position:absolute;height:150%;right:-5%;top:-15%;opacity:.14;filter:grayscale(1)}.ah-news button[aria-pressed=true]{background:#df690a;box-shadow:inset 6px 0 #ffd547}.ah-news button[aria-pressed=true]>span{color:#fff}.ah-schools-section{padding-inline:0;padding-top:28px}.ah-schools-section>.ah-heading{margin-inline:5%}.ah-schools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:3px solid #171717}.ah-schools>a{height:560px;position:relative;background:var(--school-color);overflow:hidden;border-right:3px solid #171717;isolation:isolate}.ah-schools>a:last-child{border-right:0}.ah-schools img{position:absolute;width:180%;max-width:none;height:110%;object-fit:cover;object-position:50% 0;left:-40%;top:0;mix-blend-mode:multiply;filter:grayscale(1);opacity:.65;transition:transform .35s,opacity .35s}.ah-schools a:hover img{transform:scale(1.06);filter:none;mix-blend-mode:normal;opacity:1}.ah-school-en{position:absolute;writing-mode:vertical-rl;font:900 36px/1 Arial;left:14px;top:22px;letter-spacing:2px}.ah-schools a>div{position:absolute;bottom:0;left:0;right:0;padding:65px 20px 22px;background:linear-gradient(transparent,var(--school-color) 65%);display:flex;flex-direction:column;gap:4px}.ah-schools a small{font-size:12px}.ah-schools a b{font-size:26px}.ah-schools a div>span{font-size:12px;font-weight:800}.ah-guide{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);border:3px solid #171717}.ah-guide-main{height:100%;display:flex;flex-direction:column;background:#191919;color:white}.ah-guide-main>img{width:100%;height:430px;object-fit:cover}.ah-guide-main>div{flex:1;padding:25px 30px;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:6px 6px}.ah-guide-main small{color:#ffb259;font-size:12px}.ah-guide-main h3{font-size:30px;margin:6px 0}.ah-guide-main h3>span{float:right;color:#ffa43b}.ah-guide-main p{font-size:14px;color:#ddd;margin:0}.ah-guide-thumbs{display:grid;background:#171717}.ah-guide-thumbs button{position:relative;border:0;border-bottom:3px solid #171717;padding:0;min-height:170px;overflow:hidden;background:#222;color:white;text-align:left}.ah-guide-thumbs button:last-child{border-bottom:0}.ah-guide-thumbs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .3s}.ah-guide-thumbs button:hover img{transform:scale(1.05)}.ah-guide-thumbs button>span{position:absolute;bottom:0;padding:35px 15px 15px;background:linear-gradient(transparent,#000d);width:100%;font-size:10px}.ah-guide-thumbs b{display:block;font-size:17px}.ah-guide-thumbs button[aria-pressed=true]:after{content:'';position:absolute;inset:0;border:5px solid #ffd84f;pointer-events:none}.ah-system-section{background:#fff1dc;isolation:isolate}.ah-system-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 18px,#ffb96315 18px 20px);z-index:-1}.ah-system{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ah-system-card{height:370px;position:relative;overflow:hidden;background:#deeff9;border:2px solid #171717;box-shadow:5px 5px #171717}.ah-system-card:nth-child(2){background:#ffe09a}.ah-system-card:nth-child(3){background:#bee8dd}.ah-system-card:nth-child(4){background:#e4d9ef}.ah-system-num{position:absolute;top:2px;left:12px;font:900 italic 72px Arial;color:#fff9}.ah-system-card>img{position:absolute;right:-13%;top:10px;width:100%;height:85%;object-fit:contain;transition:transform .3s}.ah-system-card:hover>img{transform:scale(1.08)}.ah-system-card>div{position:absolute;bottom:0;left:0;right:0;padding:65px 18px 18px;background:linear-gradient(transparent,#fffffff5 48%)}.ah-system-card small{font:900 10px Arial;letter-spacing:2px}.ah-system-card h3{font-size:24px;margin:3px 0}.ah-system-card p{font-size:11px;margin:0 0 7px}.ah-system-card div>b{font-size:12px;color:#a64500}.ah-memory-link{margin-top:35px;background:#171717;color:white;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-left:8px solid #ff8a20}.ah-memory-link>span{font-size:12px;letter-spacing:2px}.ah-memory-link b{font-size:22px}.ah-calendar-wrap{display:grid;grid-template-columns:1fr 3fr;border:3px solid #171717}.ah-calendar-wrap>aside{padding:32px;background:#ff901f;background-image:radial-gradient(#fff4 1px,transparent 1px);background-size:6px 6px}.ah-calendar-wrap aside>span{font:900 italic clamp(30px,3.5vw,56px)/1.05 Arial}.ah-calendar-wrap em{color:#fff;font-style:inherit}.ah-calendar-wrap aside p{margin:30px 0 8px;font-size:14px;font-weight:800}.ah-calendar-wrap aside small{font-size:12px}.anime-home .calendar-panel{border:0;margin:0;padding:28px;min-width:0}.anime-home .calendar-panel .section-title{margin:0 0 18px;padding:0 0 14px}.anime-home .calendar-panel .section-title h2{font-size:23px}.anime-home .calendar-panel .hub-kicker{display:none}.anime-home .calendar-layout{grid-template-columns:1fr 1fr}.anime-home .calendar-day{min-height:45px}.anime-home .calendar-events{max-height:330px}@keyframes ah-enter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

@media(min-width:1800px){.ah-feature-scene{min-height:650px}.ah-schools>a{height:660px}}

@media(max-width:1000px){.ah-heading h2{display:block;margin:10px 0 0}.ah-opening{min-height:540px}.ah-opening-copy{left:5%}.ah-opening-player{right:-12%;width:70%}.ah-pickup{grid-template-columns:2fr 1fr}.ah-feature-scene{min-height:460px}.ah-news strong{font-size:17px}.ah-schools>a{height:420px}.ah-school-en{font-size:24px;left:8px}.ah-schools a>div{padding:50px 12px 20px}.ah-schools a b{font-size:20px}.ah-guide-main>img{height:350px}.ah-system{grid-template-columns:repeat(2,minmax(0,1fr))}.ah-calendar-wrap{grid-template-columns:1fr}.ah-calendar-wrap>aside{display:none}.ah-memory-link b{font-size:17px}}

@media(max-width:600px){.ah-opening{height:680px;min-height:0}.ah-opening-copy{top:6%;left:6%}.ah-opening-small{font-size:14px;margin-top:16px}.ah-opening h1{font-size:60px;margin-bottom:16px}.ah-opening-copy>p:not(.ah-opening-small){font-size:11px;letter-spacing:1px}.ah-opening-player{height:59%;width:90%;right:-17%;bottom:4%}.ah-opening:before{background:linear-gradient(160deg,#fff 0%,#fffffff0 30%,#ffffff10 65%)}.ah-opening-tag{right:auto;left:6%;bottom:12%;padding:9px 14px}.ah-opening-tag strong{font-size:23px}.ah-opening-tag small{font-size:8px}.ah-opening-tag span{font-size:11px}.ah-cta{padding:10px 14px;font-size:13px;gap:24px}.ah-opening-bottom{font-size:8px;letter-spacing:0;padding-inline:6%}.ah-ticker{font-size:19px;padding:9px 0}.ah-section,.ah-system-section{padding:45px 16px}.ah-heading{gap:8px}.ah-heading>div>span{font-size:36px}.ah-heading h2{font-size:14px}.ah-heading>a{font-size:11px}.ah-pickup{grid-template-columns:1fr;box-shadow:5px 5px #e5e0d8}.ah-feature-scene{min-height:370px}.ah-feature-scene>img{width:95%;right:-5%}.ah-feature-scene>div{padding:50px 16px 18px}.ah-feature-scene h3{font-size:26px}.ah-feature-scene p{font-size:10px}.ah-news{grid-template-columns:repeat(3,minmax(0,1fr))}.ah-news button{padding:14px 9px;border-bottom:0;border-right:1px solid #ffffff50}.ah-news button>span{font-size:8px;letter-spacing:0}.ah-news strong{font-size:13px;max-width:100%;margin:6px 0}.ah-news small{font-size:9px}.ah-news small b{display:none}.ah-news button[aria-pressed=true]{box-shadow:inset 0 4px #ffd547}.ah-schools-section{padding-top:10px;padding-bottom:10px}.ah-schools{display:flex;overflow:auto;scroll-snap-type:x mandatory}.ah-schools>a{flex:0 0 47%;height:380px;scroll-snap-align:start}.ah-school-en{font-size:26px}.ah-schools a b{font-size:23px}.ah-guide{grid-template-columns:1fr}.ah-guide-main>img{height:250px}.ah-guide-main>div{padding:19px}.ah-guide-main h3{font-size:23px}.ah-guide-main p{font-size:12px}.ah-guide-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.ah-guide-thumbs button{min-height:125px;border-bottom:0;border-right:2px solid #171717}.ah-guide-thumbs button>span{padding:25px 8px 10px;font-size:8px}.ah-guide-thumbs b{font-size:11px}.ah-system{gap:12px}.ah-system-card{height:290px;box-shadow:3px 3px #171717}.ah-system-card>div{padding:50px 12px 14px}.ah-system-card h3{font-size:19px}.ah-system-card small{font-size:8px;letter-spacing:1px}.ah-system-card p{font-size:10px}.ah-system-num{font-size:53px}.ah-memory-link{padding:18px;display:block}.ah-memory-link>*{display:block}.ah-memory-link b{font-size:18px;margin:10px 0}.anime-home .calendar-panel{padding:14px}.anime-home .calendar-layout{grid-template-columns:1fr}.anime-home .calendar-panel .section-title{display:block}.anime-home .calendar-controls{margin-top:12px}.anime-home .calendar-events{max-height:260px}.ah-calendar-section{padding-bottom:35px}}

@media(prefers-reduced-motion:reduce){.anime-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.ah-opening-player{right:-3%;width:84%;height:56%}}


.ah-release-note{margin:-14px 0 22px;color:#64605b;font-size:12px}.ah-empty{padding:40px}.anime-home>.ah-system-section:first-child{padding-top:42px;padding-bottom:40px}.anime-home>.ah-system-section:first-child .ah-system-card{height:300px}.anime-home>.ah-system-section:first-child .ah-memory-link{margin-top:25px}@media(max-width:600px){.ah-news{grid-template-columns:repeat(2,minmax(0,1fr))}.ah-news button{border-bottom:1px solid #ffffff50}.anime-home>.ah-system-section:first-child{padding-top:28px}.anime-home>.ah-system-section:first-child .ah-system-card{height:255px}}






/* Skip layout/paint of below-fold sections until they approach the viewport. */

.anime-home>.ah-section{content-visibility:auto;contain-intrinsic-size:auto 700px}

/* Illustrated guide banners: preserve the complete generated composition. */

.ah-guide-main>img{height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.ah-guide-thumbs img{opacity:1}.ah-guide-thumbs button>span{background:linear-gradient(transparent,#101820ed);text-shadow:0 1px 3px #000}.ah-guide-thumbs button:focus-visible{outline:4px solid #ff921f;outline-offset:-5px}



/* Preserve the complete game loading illustration in the guide banner. */

.ah-guide-main>img[data-original$="bg_loading_1002_chinese.png"]{object-fit:contain;background:#eaf5f5}.ah-guide-thumbs img[data-original$="bg_loading_1002_chinese.png"]{object-fit:contain;background:#eaf5f5}



/* Home layouts must be available before any feature route is visited. */

.anime-home .ah-system{display:flex!important;flex-wrap:nowrap!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.anime-home .ah-system-card{flex:0 0 calc((100% - 54px)/4);min-width:230px;scroll-snap-align:start}.ah-system-controls{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:0 0 14px}.ah-system-controls span{font-size:12px;color:#7a7065}.ah-system-controls button{width:46px;height:42px;background:#202832;color:white;border:0;font-size:24px;border-radius:4px;cursor:pointer}.ah-system-controls button:disabled{opacity:.25;cursor:default}@media(max-width:760px){.anime-home .ah-system-card{flex-basis:80%;min-width:0}.ah-system-controls{justify-content:space-between}}



/* Navigation entries: readable text, strong contrast, generous touch targets. */

#app .showcase-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}

#app .showcase-actions a,#app .cultivation-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;margin:0;background:#fff;color:#171717;font-size:16px;font-weight:800;line-height:1.4;border:2px solid #171717;text-decoration:none;box-shadow:3px 3px #ffad51}

#app .showcase-actions a:hover{background:#fff0dc}

#app .ah-heading>a,#app .section-title>a,#app .showcase-heading>a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:2px solid #222;background:#fff;color:#171717;font-size:15px;font-weight:800;line-height:1.4}

#app .ah-memory-link{min-height:90px;gap:24px}

#app .ah-memory-link>span{font-size:16px;font-weight:800;letter-spacing:1px}

#app .ah-memory-link>span:last-child{padding:12px 20px;min-height:48px;display:inline-flex;align-items:center;color:#171717;background:#ffac43;border:2px solid white;white-space:nowrap}

#app .ah-system-card div>b{display:inline-flex;align-items:center;min-height:42px;padding:7px 14px;background:#171717;color:#fff;font-size:15px;line-height:1.4}

#app .ah-system-card p{font-size:13px}

#app .ah-opening-bottom a{font-size:14px;min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;background:#fff;color:#171717}

#app .ah-opening-bottom{align-items:center;padding-block:8px}

#app .roster-heading button{width:44px;height:44px;padding:8px}

#app .roster-heading button img{width:28px;height:28px;object-fit:contain}

#app .showcase-schools nav a{min-height:70px}

#app .showcase-schools nav a img{width:48px;height:48px;object-fit:contain}

#app .showcase-schools nav a span{font-size:13px;color:#171717}

#app .button,#app .tabs button,#app .calendar-controls button,#app .calendar-filters button{min-height:44px;font-size:15px}

#app .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}

#app a:focus-visible,#app button:focus-visible{outline:3px solid #e27700;outline-offset:4px}

@media(max-width:600px){#app .ah-heading{flex-wrap:wrap}#app .ah-heading>a{font-size:14px}#app .ah-memory-link>span:last-child{margin-top:14px}#app .showcase-actions a{flex:1 1 150px;padding:12px;font-size:15px}#app .ah-system-card{min-height:300px}#app .ah-system-card p{font-size:12px}#app .ah-opening-bottom a{font-size:12px}#app .ah-opening-bottom>span{max-width:48%;line-height:1.6}#app .showcase-heading{gap:10px;flex-wrap:wrap}}



header .brand{gap:12px}

header .brand-logo{display:block;width:72px;height:72px;object-fit:contain;flex:none;background:transparent;filter:drop-shadow(0 2px 1px #00000016)}

@media(max-width:900px){header .brand-logo{width:56px;height:56px}header .brand{gap:8px}}

@media(max-width:600px){header .brand-logo{width:46px;height:46px}header .brand{gap:7px}}



.cms-article{max-width:1000px;margin:auto}.cms-cover{display:block;width:100%;max-height:600px;object-fit:contain;margin:24px 0}.cms-article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:2}.cms-article h1{overflow-wrap:anywhere}



/* Shared guide and contributor presentation. */

.contributor{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 24px;margin:16px 0;background:#fff1d6;border-left:6px solid #ef932c;color:#56361b;font-size:16px}.contributor strong{font-size:22px;color:#1d2630}.contributor .guide-field{flex:1;margin:0}.contributor input{min-width:0;max-width:100%;padding:10px 12px;border:1px solid #dac9a8;border-radius:6px;background:#fff;font:inherit}.quiz-entry{display:block;background:#fff5e2;color:#273e48;border:1px solid #e2c997;border-left:5px solid #efa32f;padding:24px;margin:22px 0;text-decoration:none}.quiz-entry span{color:#946b30;font-size:13px}.quiz-entry h2{font-size:23px;margin:10px 0}.quiz-entry p{margin:0}@media(max-width:760px){.contributor{padding:14px;gap:8px}.contributor strong{font-size:19px}}



@media(max-width:760px){body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.mobile-nav{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:1000;height:auto!important;min-height:90px;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;background:#fffdf8f5!important;backdrop-filter:blur(14px);border-top:1px solid #eddcc9!important;box-shadow:0 -5px 24px #47341813;overflow:visible!important;gap:4px}.mobile-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0!important;min-height:80px;background:transparent!important;color:#5b534c!important;border:0!important;border-radius:0!important;text-decoration:none;position:relative}.mobile-nav a:before,.mobile-nav a:after{display:none!important}.mobile-nav a img{display:block;width:58px;height:58px;object-fit:contain;transition:transform .18s;filter:saturate(.8)}.mobile-nav a span{font-size:12px;line-height:20px;font-weight:650;letter-spacing:.5px}.mobile-nav a[aria-current=page] img{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 3px 3px #db9b4840)}.mobile-nav a[aria-current=page] span{color:#a75b12;font-weight:850}.mobile-nav a:focus-visible{outline:2px solid #d38836!important;outline-offset:-2px}.mobile-nav a:active img{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.mobile-nav a img{transition:none}}




.skip-content{position:fixed;top:-80px;left:15px;z-index:5000;background:#1d3441;color:#fff;padding:12px 20px;border-radius:4px}.skip-content:focus{top:10px}.footer-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:18px 0;font-size:13px}.footer-tools a{padding:5px 0;border-bottom:1px solid #cfc9c0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f2a93b;outline-offset:3px}body:has(dialog[open]){overflow:hidden}.sim-arena-head{flex-wrap:wrap;gap:10px}.sim-arena-head a{font-size:12px}.sim-arena-head>span{margin-left:auto}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:760px){#memory-search{min-width:0;width:100%}.battle-team input,.battle-team select,.battle-controls input,.battle-controls select,#battle-search{font-size:16px}.footer-tools{gap:12px}body>footer{padding-bottom:110px}.sim-arena-head>span{width:100%;margin-left:0}}



body>footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:20px}.footer-info{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;line-height:1.8}body>footer .footer-tools{margin:0;align-items:center;justify-content:flex-end;gap:14px}body>footer .footer-tools a{white-space:nowrap}@media(max-width:700px){body>footer{flex-direction:column;align-items:flex-start;gap:16px}.footer-info{flex-direction:column;align-items:flex-start;gap:4px}body>footer .footer-tools{justify-content:flex-start;gap:10px 16px}}



.calendar-layout{align-items:start}.month-compact{min-width:0;background:#fff;border:1px solid #e7e2d9;border-radius:8px;overflow:hidden}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#f5f3ee;text-align:center;font-size:12px;padding:8px 0;color:#767268}.month-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:29px 21px 21px;gap:3px 0;border-top:1px solid #ece8e1;padding:3px 0 5px;min-width:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 7 - 1px),#f4f1eb calc(100% / 7 - 1px) calc(100% / 7))}.month-date{border:0;background:transparent;color:#41413e;font-size:12px;border-radius:4px;cursor:pointer;margin:0 3px}.month-date:hover,.month-date.selected{background:#ffdda8;color:#573606;font-weight:800}.month-event{min-width:0;margin:0 2px;padding:2px 6px;border:0;border-left:2px solid #9bbcd4;border-radius:3px;background:#e7f1f8;color:#305873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:11px;cursor:pointer}.month-event.player{background:#fff0d8;color:#80531d;border-color:#eac07d}.month-event.rerun{background:#eee7f8;color:#66517e;border-color:#bba1db}.month-more{grid-column:1/-1;grid-row:4;border:0;background:transparent;color:#7e7466;cursor:pointer;text-align:right;padding:1px 8px;font-size:11px}.calendar-events{max-height:450px}.calendar-events article{padding:10px 12px;margin:6px 0}.header-thanks{display:flex;align-items:center;gap:8px;width:235px;min-width:0;flex-shrink:0;text-decoration:none;color:#6a563c;font-size:12px}.header-thanks b{flex-shrink:0;color:#b57c2f}.thanks-window{overflow:hidden;min-width:0;display:block}.thanks-scroll{display:block;width:max-content;white-space:nowrap;animation:thanks-scroll 18s linear infinite}.header-thanks:hover .thanks-scroll,.header-thanks:focus .thanks-scroll{animation-play-state:paused}@keyframes thanks-scroll{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(-65%)}}@media(max-width:700px){.header-thanks{width:138px;font-size:10px;gap:5px}.month-event{font-size:10px;padding:2px 3px}.calendar-events{max-height:230px}.month-week{grid-template-rows:27px 19px 19px}.calendar-panel{padding:12px}.calendar-filters{gap:5px}.calendar-filters button{padding:7px 9px;font-size:12px}}@media(prefers-reduced-motion:reduce){.thanks-scroll{animation:none}}





/* Let the month determine the shared row height, independent of the event count. */


.calendar-panel .calendar-layout{align-items:stretch}


.calendar-panel .calendar-layout>.calendar-events{contain:size;min-width:0;min-height:0;max-height:none;align-self:stretch;overflow-y:auto;scrollbar-gutter:stable;padding-right:6px}


.calendar-panel .calendar-events>h3{position:sticky;top:0;z-index:2;margin:0;padding:0 0 12px;background:#fff}


.calendar-panel .calendar-events:focus-visible{outline:2px solid #dc8a29;outline-offset:3px}


@media(max-width:760px){


 .calendar-panel .calendar-layout{grid-template-columns:minmax(0,1fr)}


 .calendar-panel .calendar-layout>.calendar-events{contain:none;max-height:none;overflow:visible;scrollbar-gutter:auto;border-left:0;border-top:1px solid #eee;padding:18px 0 0}


 .calendar-panel .calendar-events>h3{position:static}


}




.quick-sections{position:sticky;top:76px;z-index:35;display:flex;gap:8px;overflow-x:auto;padding:12px;background:#fffaf2;border-bottom:3px solid #ef9628;box-shadow:0 4px 12px #15253112}.quick-sections a,.quick-sections button,.bond-kind-tabs button,.bond-level-tabs button{flex-shrink:0;border:1px solid #d9d2c4;background:#fff;padding:10px 16px;font-weight:700;color:#233340;text-decoration:none;cursor:pointer;border-radius:4px}.quick-sections a:first-child,.bond-kind-tabs button[aria-pressed=true],.bond-level-tabs button[aria-pressed=true]{background:#203d4a;color:white;border-color:#203d4a}.quick-sections button:hover{background:#ffe3b4}.bond-kind-tabs,.bond-level-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.bond-condition{background:#f0f7f8;padding:12px;color:#285061}.player-bond-section [hidden]{display:none!important}.bond-card [data-bond-panel] p{line-height:1.9}.bond-member img{width:68px;height:68px;object-fit:cover}section[id^=quick-section],.guide-sections>section{scroll-margin-top:160px}.calendar-ranges{background:#fff;padding:18px;margin:18px 0;border:1px solid #e4ded4}.calendar-range-scroll{overflow-x:auto;padding-bottom:8px}.calendar-range-days,.calendar-range-row{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));min-width:760px;gap:1px}.calendar-range-days span{text-align:center;font-size:12px;padding:5px}.calendar-range-row{margin:7px 0;background:repeating-linear-gradient(90deg,#eee8 0 1px,transparent 1px calc(100% / var(--days)))}.calendar-range-bar{display:block;padding:9px 8px;background:#e3eef7;color:#234657;border-radius:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-decoration:none;border-left:3px solid #8db9d4}.calendar-range-bar.player{background:#fff0d8;border-color:#e7a552;color:#6b481d}.calendar-range-bar.rerun{background:#eee7fa;border-color:#b29bd1;color:#54406c}.calendar-events article{background:#f3f6f8;padding:14px;border-radius:6px;margin:10px 0}.calendar-day span{font-size:10px;color:#747474}.thanks-page{max-width:1100px;margin:40px auto;padding:45px;background:linear-gradient(130deg,#fff5df,#fff 60%);border-top:5px solid #f8a52d;min-height:60vh}.thanks-page h1{font-size:48px;color:#233d4a}.thanks-intro{max-width:720px;line-height:2;font-size:19px}.thanks-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:35px 0}.thanks-list article{background:white;border:1px solid #e8d8ba;padding:24px}.thanks-list article>span{color:#e6a342;font-size:32px}.thanks-empty{padding:24px;background:#fff;border:1px dashed #d2b886}.guide-anchor{display:none}@media(max-width:700px){.quick-sections{top:58px;padding:8px;margin:0 -4px}.quick-sections button,.quick-sections a{font-size:13px;padding:10px 12px}.thanks-page{padding:22px;margin:20px 10px}.thanks-page h1{font-size:36px}.calendar-ranges{padding:12px}.calendar-range-scroll{max-width:100%}section[id^=quick-section],.guide-sections>section{scroll-margin-top:130px}}





.quick-sections{top:0}





.supporter-name{font-weight:inherit}.supporter-bold{font-weight:800}.supporter-orange{color:#aa4b06}.supporter-blue{color:#1565c0}.supporter-green{color:#21734a}.supporter-purple{color:#7b3db3}.supporter-red{color:#b92c38}





.thanks-list article p{white-space:pre-line;overflow-wrap:anywhere}





.support-entry{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;margin-top:30px;background:#20262c;color:#fff;border-left:6px solid #ff922c}.support-entry small{color:#ffb65d;letter-spacing:.14em;font-size:11px}.support-entry h2{font-size:26px;margin:7px 0}.support-entry p{font-size:14px;margin:0;color:#e2e4e6;line-height:1.7}.support-entry button{flex-shrink:0;background:#ff982e;color:#171c20;padding:14px 20px;border:2px solid #ff982e;font-size:16px;font-weight:800;cursor:pointer}.support-entry button:hover{background:#ffb75f}.support-modal-open{overflow:hidden}


.support-dialog{padding:0;border:0;background:transparent;width:min(450px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;color:#17222b;box-shadow:10px 10px 0 #0005}.support-dialog::backdrop{background:#101820c9;backdrop-filter:blur(4px)}.support-ticket{position:relative;background:repeating-linear-gradient(135deg,#fff9ee 0px,#fff9ee 18px,#fff2df 19px,#fff9ee 20px);border:3px solid #17222b;padding:24px 26px 18px;overflow:hidden}.support-ticket:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:#fa8c24}.support-close{position:absolute;right:10px;top:12px;width:40px;height:40px;border:0;color:#17222b;background:#fff2df;font-size:30px;cursor:pointer;z-index:1}.support-close:focus-visible,.support-entry button:focus-visible{outline:3px solid #1974ba;outline-offset:3px}.support-ticket-top{display:flex;align-items:center;gap:15px;padding-right:40px;font-size:10px;font-weight:800;letter-spacing:.1em}.support-ticket-top b{background:#17222b;color:#fff;padding:5px 8px}.support-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.support-title-row small{font-size:12px;color:#995011;font-weight:700;letter-spacing:.09em}.support-title-row h2{font-size:40px;font-weight:900;line-height:1.1;margin:9px 0;letter-spacing:-.04em}.support-title-row .support-mascot{width:94px;height:94px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(4px 4px 0 #ffca7d)}#support-description{font-size:13px;line-height:1.7;margin:8px 0 16px}.support-qr-panel{background:#fff;border:2px solid #17222b;box-shadow:5px 5px 0 #ffb24e;text-align:center;padding:14px 14px 8px}.support-qr-label{font-size:10px;font-weight:800;letter-spacing:.12em}.support-qr-crop{position:relative;width:min(100%,280px);aspect-ratio:1;margin:6px auto;overflow:hidden;background:white}.support-qr-crop img{position:absolute;width:197.34375%;max-width:none!important;height:auto!important;left:-48.4375%;top:-61.71875%;display:block}.support-qr-panel p{font-size:12px;margin:2px 0 5px;color:#505962}.support-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-bottom:1px dashed #bdae96;padding-bottom:12px}.support-ticket-bottom b{font-size:17px}.support-ticket-bottom span{font-size:11px;color:#755535}.support-mobile-hint{font-size:11px;color:#665f53;line-height:1.7;margin:11px 0 0}@media(max-width:600px){.support-entry{align-items:flex-start;flex-direction:column;padding:22px 18px}.support-entry h2{font-size:24px}.support-entry button{width:100%}.support-ticket{padding:23px 18px 15px}.support-title-row h2{font-size:34px}.support-title-row .support-mascot{width:82px;height:82px}.support-qr-crop{width:min(100%,250px)}.support-ticket-bottom b{font-size:15px}}





.skill-value-changed{background:#fff0ba;color:#923d00;border-bottom:2px solid #f18a23;padding:1px 3px;border-radius:3px;font-weight:800}.skill-change-note{font-size:12px;color:#85521e;margin:12px 0 0}


#route-loading{text-align:center!important;display:grid;align-content:center;justify-items:center;min-height:78vh!important;padding:30px 20px!important;background:radial-gradient(ellipse at center,#fff9e9,#f6ecd9)!important}#route-loading .loading-bike{width:min(540px,90vw)!important;height:auto}#route-loading h1{font-size:clamp(24px,4vw,38px);margin:8px 0;color:#202b34}#route-loading p{font-size:14px;color:#806446}.loading-track{height:5px;width:180px;background:#e6d4b9;overflow:hidden;border-radius:8px;margin-top:16px}.loading-track i{display:block;width:50px;height:5px;background:#f3932c;animation:loading-lap 1.3s ease-in-out infinite alternate}@keyframes loading-lap{to{transform:translateX(130px)}}


.welcome-dialog{width:min(490px,calc(100vw - 32px));padding:34px;border:2px solid #202b34;border-top:7px solid #f59a32;box-sizing:border-box;background:#fffbf3;color:#26343f;max-height:calc(100dvh - 30px);overflow:auto}.welcome-dialog::backdrop{background:#15202bd4;backdrop-filter:blur(4px)}.welcome-dialog>small{color:#aa540d;letter-spacing:.13em;font-weight:800}.welcome-dialog h2{font-size:34px;line-height:1.25;margin:22px 0}.welcome-dialog p{line-height:1.85;font-size:15px}.welcome-dialog aside{font-size:12px;line-height:1.8;background:#efe9dd;padding:14px;border-left:3px solid #dd8e3d}.welcome-dialog label{display:flex;gap:7px;font-size:12px;align-items:center;margin:20px 0}.welcome-dialog input{width:auto}.welcome-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;width:40px;height:40px}.welcome-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.welcome-actions button{padding:12px 20px;background:#202b34;color:#fff;border:0;font-weight:700;cursor:pointer}.welcome-actions a{color:#91420b;font-size:13px;font-weight:700}.welcome-open{overflow:hidden}.footer-services{margin-top:20px;padding:18px 10px;border-top:1px solid #d5cbbd;text-align:center;font-size:13px}.footer-services button,.footer-services a{display:inline-block;margin:5px;padding:9px 12px;border:1px solid #cbbca6;background:transparent;color:inherit;cursor:pointer;border-radius:5px}.wx-status{display:block;font-size:12px}.site-back-top{position:fixed;right:18px;bottom:95px;z-index:45;width:42px;height:42px;border:2px solid #202b34;background:#ffa138;color:#17222c;font-size:24px;cursor:pointer;border-radius:50%}.site-back-top[hidden]{display:none}


.gb-build,.gb-team{background:#fffcf5;border:1px solid #d8cbbb;border-radius:12px;margin:18px 0;overflow:hidden;padding:20px}.gb-build>header,.gb-team>header{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:0;padding:0 0 15px;background:transparent;border:0;border-bottom:1px solid #e3d7c5;box-shadow:none}.gb-build header small,.gb-team header small{font-size:10px;letter-spacing:.13em;color:#985515}.gb-build h3,.gb-team h3{margin:6px 0 0;font-size:22px}.gb-build p,.gb-team>p{white-space:pre-wrap;line-height:1.8}.gb-build button,.gb-team button,[data-add-build],[data-add-team],.gb-picker button{cursor:pointer;border:1px solid #c2b9ab;background:#fff;padding:9px 14px;border-radius:6px;min-height:40px;color:#26343f}.gb-build select,.gb-build textarea,.gb-team textarea,.gb-picker input{width:100%;box-sizing:border-box;border:1px solid #c9c2b8;padding:10px;border-radius:6px;background:#fff;font:inherit;min-width:0}.gb-build label,.gb-team label{display:grid;gap:8px;font-size:13px;margin-top:16px}.gb-suit-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:14px;padding:18px 0}.gb-suit{display:grid;justify-items:center;gap:10px;min-width:0;background:#f5eddf;padding:16px;border-radius:8px}.gb-suit>b{justify-self:start;font-size:28px;color:#a24e0b}.gb-suit>b small{font-size:12px;margin-left:4px;color:#6d5a45}.gb-suit img{height:108px;width:108px;object-fit:contain;transition:transform .2s}.gb-suit:hover img{transform:translateY(-4px) rotate(-3deg)}.gb-suit strong{font-size:16px}.gb-plus{font-size:22px;color:#a46b23}.gb-empty-art{height:108px;display:grid;place-items:center;color:#8d8171;font-size:13px}.gb-warning{color:#a34216;font-size:13px}.gb-court{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;background:linear-gradient(0deg,transparent 49%,#ffffffaa 49%,#ffffffaa 50%,transparent 50%),#dca66d;border:3px solid #fff;outline:1px solid #d6b58b;margin:20px 0;position:relative}.gb-court .gb-slot{min-height:116px;padding:8px;background:#fff9edeb;display:grid;justify-items:center;align-content:center;gap:4px;min-width:0;border:1px solid #bd8951;transition:transform .16s,box-shadow .16s}.gb-court .gb-slot:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 5px 0 #8b593242}.gb-slot:disabled{cursor:default;opacity:1}.gb-slot img{height:65px;width:65px;object-fit:contain}.gb-slot b{font-size:12px}.gb-slot small{font-size:11px;color:#66553f}.gb-slot>span{font-size:30px;color:#b78954}.gb-court .gb-libero{grid-column:2;background:#e8f4f4;border-color:#668d90}.gb-picker{padding:18px;border:2px solid #e79839;border-radius:10px;margin:18px 0;background:#fff}.gb-picker>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gb-picker-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;margin-top:15px}.gb-picker-list button{padding:8px;display:grid;justify-items:center;gap:4px}.gb-picker-list img{width:60px;height:60px;object-fit:contain}.gb-picker-list b{font-size:12px}.gb-picker-list small{font-size:10px}[data-add-build],[data-add-team]{width:100%;border-style:dashed;background:#fff4df;font-weight:700}.gb-build :focus-visible,.gb-team :focus-visible,.gb-picker :focus-visible,.welcome-dialog :focus-visible{outline:3px solid #247ead;outline-offset:2px}@media(max-width:600px){.gb-build,.gb-team{padding:13px}.gb-suit-pair{gap:7px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.gb-suit{padding:9px}.gb-suit img{width:80px;height:80px}.gb-suit select{font-size:12px}.gb-court{padding:10px;gap:7px}.gb-court .gb-slot{padding:5px;min-height:95px}.gb-slot img{width:50px;height:50px}.gb-picker-list{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-dialog{padding:26px 22px}.welcome-dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.loading-track i{animation:none}.gb-suit img,.gb-court .gb-slot{transition:none}}








/* Game-inspired lineup, shared by guide and admin. */


.gb-game{border:2px solid #557c8e;border-radius:12px;overflow:hidden;background:#133c50;color:white}.gb-game-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(100deg,#183240,#226e75);border-bottom:2px solid #69c9d5}.gb-game-bar strong{font-size:22px}.gb-game-bar span{font-size:12px;color:#c9ebea}.gb-game .gb-game-court{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 2%;padding:24px 5% 16px;border:0;border-radius:0;background:linear-gradient(#21436a 0%,#10abc0 30%,#e9c77f 30%,#f4d992 100%)}.gb-game-court:before{content:"";position:absolute;z-index:-1;inset:28% 5% 6%;border:3px solid #fff9d2;transform:perspective(350px) rotateX(16deg);background:linear-gradient(transparent 49%,#fff8d2 49%,#fff8d2 50%,transparent 50%)}.gb-game .gb-game-slot{display:flex;flex-direction:column;align-items:center;justify-content:start;grid-column:span 2;grid-row:auto;min-width:0;width:100%;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;opacity:1;color:#172b3b;transition:transform .18s,filter .18s}.gb-game-slot:nth-child(1){grid-column:2 / span 2}.gb-game-slot:nth-child(2){grid-column:4 / span 2}.gb-game-slot:nth-child(3){grid-column:6 / span 2}.gb-game .gb-game-slot:not(:disabled):hover{transform:translateY(-5px);filter:drop-shadow(0 0 7px #fff8ad)}.gb-game-slot:focus-visible{outline:3px solid white;outline-offset:4px}.gb-card-face{position:relative;width:100%;aspect-ratio:.74;clip-path:polygon(50% 0,98% 10%,98% 89%,50% 100%,2% 89%,2% 10%);background:linear-gradient(135deg,#fff5c4,#89a6db 40%,#d6c2fa 68%,#ffedb1);isolation:isolate;overflow:hidden}.gb-card-face:before{content:"";position:absolute;inset:5px;z-index:-1;clip-path:inherit;background:linear-gradient(130deg,#4e70b8,#b4a8eb 50%,#d6b3f3)}.gb-game .gb-card-face img{position:absolute;display:block;border:0;border-radius:0;max-width:none;margin:0;object-fit:contain}.gb-game img.gb-card-bg{inset:4%;width:92%;height:92%;z-index:-1}.gb-game img.gb-card-player{inset:6% 3% 13%;width:94%;height:81%;object-fit:cover;object-position:top}.gb-game img.gb-card-role{right:7%;bottom:23%;width:23%;height:18%;z-index:2}.gb-card-face b{position:absolute;bottom:9%;left:4%;width:92%;min-height:16%;display:flex;align-items:center;justify-content:center;padding:4px 2px;background:linear-gradient(100deg,#f5f5ec,#fff);font-size:clamp(10px,1.1vw,15px);line-height:1.15;color:#172b3b;white-space:normal;box-sizing:border-box}.gb-card-plus{position:absolute;top:22%;left:0;width:100%;font-size:40px!important;color:#fff;opacity:.8}.gb-game .gb-position{display:grid;place-items:center;width:23px;height:23px;background:#6b6856;color:white;border:2px solid #f6eccd;border-radius:50%;margin-top:4px;font-weight:bold}.gb-game-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(90deg,#24677a,#154959);font-size:12px}.gb-game-tools button{border:1px solid #d8edee;background:#edf8f7;color:#225369;border-radius:6px;padding:7px 12px;cursor:pointer}.gb-team>label{display:block;margin-top:14px}.gb-team>p{white-space:pre-wrap}@media(max-width:600px){.gb-game-bar{padding:9px}.gb-game-bar strong{font-size:17px}.gb-game-bar span{font-size:10px}.gb-game .gb-game-court{padding:18px 2% 12px;gap:14px 1%}.gb-card-face b{font-size:9px;padding:2px 0}.gb-game .gb-position{width:18px;height:18px;font-size:10px}.gb-game-tools{padding:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.gb-game-slot{transition:none!important}}





/* Compact guide formation: narrow game-card proportions, fixed desktop width. */


#guide-team-builder .gb-team{padding:14px;max-width:590px;margin:0 auto 16px;border-radius:10px;box-sizing:border-box}#guide-team-builder .gb-team>header{margin-bottom:10px;gap:10px}#guide-team-builder .gb-team>header small{font-size:9px;letter-spacing:1.2px}#guide-team-builder .gb-team>header h3{font-size:17px;margin:3px 0}#guide-team-builder .gb-team>header button{font-size:11px;padding:5px 8px}#guide-team-builder .gb-game{border:1px solid #78919e;border-radius:8px}#guide-team-builder .gb-game-bar{padding:7px 12px;border-bottom:1px solid #6db9c5}#guide-team-builder .gb-game-bar strong{font-size:14px}#guide-team-builder .gb-game-bar span{font-size:10px}#guide-team-builder .gb-game-court{padding:12px 8% 8px;column-gap:3%;row-gap:8px}#guide-team-builder .gb-game-slot{max-width:92px;justify-self:center}#guide-team-builder .gb-card-face{aspect-ratio:260/370;background:linear-gradient(140deg,#fff,#d7e8f1 45%,#fff);clip-path:polygon(50% 1%,94% 10%,98% 14%,98% 87%,94% 91%,50% 99%,6% 91%,2% 87%,2% 14%,6% 10%)}#guide-team-builder .gb-card-face:before{inset:3px;background:linear-gradient(135deg,#4163b2,#a597f1 50%,#ebc4ec);clip-path:inherit}#guide-team-builder .gb-card-bg{inset:3%;width:94%;height:94%;object-fit:cover}#guide-team-builder .gb-card-player{inset:6% 3% 12%;width:94%;height:82%;object-fit:contain;object-position:center bottom;background:transparent}#guide-team-builder .gb-card-face b{font-size:10px;bottom:9%;min-height:15%;padding:2px 1px;letter-spacing:-.3px;background:#fffffff0}#guide-team-builder .gb-card-role{width:19%;height:15%;right:7%;bottom:25%;background:transparent}#guide-team-builder .gb-position{width:16px;height:16px;font-size:10px;border-width:1px;margin-top:3px}#guide-team-builder .gb-card-plus{top:27%;font-size:25px!important;font-weight:300}#guide-team-builder .gb-game-tools{padding:5px 10px;font-size:10px;background:#20566a}#guide-team-builder .gb-game-tools button{font-size:10px;padding:4px 8px}#guide-team-builder .gb-team>p{font-size:12px;line-height:1.7;margin:10px 2px 0}#guide-team-builder .gb-team>label{font-size:12px;margin-top:10px}#guide-team-builder textarea{min-height:62px;font-size:12px}#guide-team-builder .gb-game-slot:not(:disabled):hover{transform:translateY(-3px)}@media(max-width:600px){#guide-team-builder .gb-team{padding:9px}#guide-team-builder .gb-game-court{padding:10px 3% 7px;column-gap:2%;row-gap:7px}#guide-team-builder .gb-game-bar{padding:6px 8px}#guide-team-builder .gb-game-bar strong{font-size:12px}#guide-team-builder .gb-game-bar span{font-size:9px}#guide-team-builder .gb-card-face b{font-size:9px}#guide-team-builder .gb-position{width:14px;height:14px;font-size:9px}#guide-team-builder .gb-team>header h3{font-size:15px}}





#guide-team-builder .gb-team{max-width:520px}#guide-team-builder .gb-team>header{padding-bottom:8px}#guide-team-builder .gb-game-court{margin:0;outline:0}#guide-team-builder .gb-game-slot{max-width:82px;min-height:0;gap:0}#guide-team-builder .gb-game-tools button{min-height:28px}





/* Full-width guide recommendation court. */


#guide-team-builder .gb-team{max-width:none;width:100%}#guide-team-builder .gb-game-slot{max-width:none;width:100%}





.calendar-page{padding:26px 0}.calendar-page>h1{font-size:36px;margin:8px 0}.calendar-page>.calendar-panel{margin-top:24px;padding:24px;border:1px solid #e4dccc;border-radius:16px;background:#fff}.calendar-events .calendar-anime-event{position:relative;isolation:isolate;overflow:hidden;min-height:145px;padding:18px;border:1px solid #ece4dc;border-radius:12px;background:linear-gradient(115deg,#fffdf6,#f0f2fc);box-shadow:0 4px 14px #26334e07}.calendar-anime-event.has-player-art:before{content:"";position:absolute;z-index:-1;right:-30px;top:-25px;width:180px;height:190px;border-radius:50%;background:linear-gradient(140deg,#e3d6fd,#c8e8f8);opacity:.7}.calendar-anime-event.has-player-art:after{content:"";position:absolute;right:0;bottom:0;width:150px;height:32px;background:repeating-linear-gradient(125deg,transparent 0 13px,#fff8 14px 16px);pointer-events:none}.calendar-events .calendar-player-art{position:absolute;right:-10px;bottom:0;width:145px;height:100%;max-height:200px;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 4px 3px #5b619426);mask-image:linear-gradient(to right,transparent,#000 15%)}.calendar-event-copy{position:relative;z-index:1}.has-player-art .calendar-event-copy{padding-right:106px}.calendar-events .calendar-event-copy h4{line-height:1.5;margin:9px 0}.calendar-events .calendar-event-copy small{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.calendar-events .calendar-source{font-size:10px;line-height:1.6}.calendar-page .calendar-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobile-calendar-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;color:#d27b30;font-size:44px;line-height:1;text-shadow:2px 3px #f6e0ac}.mobile-nav a[href="#calendar"]{min-width:0}@media(max-width:760px){.calendar-page{padding:12px 0}.calendar-page>.calendar-panel{padding:12px}.calendar-page .calendar-layout{grid-template-columns:1fr}.calendar-page>h1{font-size:28px}.calendar-events .calendar-anime-event{padding:14px}.has-player-art .calendar-event-copy{padding-right:100px}.calendar-events .calendar-player-art{width:130px}.mobile-nav a img{width:48px;height:48px}.mobile-calendar-icon{width:48px;height:48px;font-size:39px}}





.site-back-top{width:52px!important;height:52px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate;transition:transform .18s}.site-back-top .back-top-ball{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 3px #173c4533);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.back-top-arrow{position:absolute;inset:15px;display:grid;place-items:center;background:#fff9e8e8;color:#203546;border-radius:50%;font:bold 21px/1 system-ui;pointer-events:none}.back-top-tip{position:absolute;right:60px;top:12px;background:#203546;color:#fff;padding:5px 10px;border-radius:7px;font-size:12px;white-space:nowrap;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;pointer-events:none}.site-back-top:focus-visible{outline:3px solid #e8a338!important;outline-offset:3px;border-radius:50%}.site-back-top:focus-visible .back-top-tip{opacity:1;transform:translateX(0)}@media(hover:hover){.site-back-top:hover .back-top-ball{transform:rotate(32deg) translateY(-3px)}.site-back-top:hover .back-top-tip{opacity:1;transform:translateX(0)}}.site-back-top:active{transform:scale(.9)}.site-back-top.is-serving .back-top-ball{animation:back-top-serve .6s ease-out}@keyframes back-top-serve{0%{transform:scale(.92) rotate(0)}40%{transform:translateY(-16px) rotate(100deg)}100%{transform:translateY(0) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.site-back-top,.site-back-top *{animation:none!important;transition:none!important}}





body>footer.footer-redesign{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 64px;width:min(1280px,calc(100% - 48px));max-width:1280px;margin:48px auto 24px;padding:36px 32px 22px!important;background:#fbf8f1;border-top:1px solid #e3ddd0;color:#665f55;text-align:left;align-items:start;box-sizing:border-box}.footer-redesign .footer-brand-block>small{color:#ad7335;font-size:10px;letter-spacing:2px}.footer-redesign .footer-brand-block h2{font-size:25px;color:#263743;margin:10px 0 12px}.footer-redesign .footer-brand-block h2 span{display:block;font-size:13px;font-weight:500;color:#827468;margin-top:8px}.footer-redesign .footer-brand-block p{font-size:12px;line-height:1.7;margin:0}.footer-redesign .footer-about{display:flex;gap:20px;margin-top:16px;align-items:center}.footer-redesign .footer-about button,.footer-redesign .footer-about a{padding:0;border:0;background:none;color:#675d50;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}.footer-redesign .footer-services{margin:0;padding:0;border:0;text-align:left;display:block;min-width:0}.footer-redesign .footer-services h3{font-size:13px;margin:0 0 12px;color:#34434b}.footer-redesign .footer-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-redesign .footer-contact-actions>button,.footer-redesign .footer-qq>button{width:100%;margin:0;padding:10px 13px;border:1px solid #e2d7c5;background:#fffdf8;border-radius:9px;text-align:left;cursor:pointer;color:#34434b;box-sizing:border-box;min-height:76px}.footer-contact-actions button span{display:block;font-size:10px;color:#8c7b66}.footer-contact-actions button strong{display:inline-block;margin-top:5px;font-size:15px}.footer-contact-actions button small{display:block;font-size:10px;color:#a47638;margin-top:3px}.footer-redesign .footer-services>p{font-size:11px;line-height:1.8;margin:12px 0 0}.footer-redesign .wx-status{display:block;min-height:16px;font-size:11px;color:#9c642b;margin:3px 0 0}.footer-qq{position:relative;min-width:0}.footer-redesign .footer-qq-panel{position:absolute;bottom:calc(100% + 6px);right:0;z-index:1100;width:210px;padding:16px;box-sizing:border-box;border:1px solid #e0d3bc;border-radius:12px;background:#fffdf8;box-shadow:0 8px 32px #3b322f20}.footer-qq-panel:after{content:"";position:absolute;left:0;right:0;height:10px;bottom:-10px}.footer-qq-panel>span{display:block;font-size:11px;color:#85735d}.footer-qq-panel>strong{display:block;font-size:23px;color:#273f4d;letter-spacing:1px;margin:8px 0 12px}.footer-redesign .footer-qq-panel button{background:#263f4c;color:white;padding:8px 12px;margin:0;border:0;border-radius:6px;font-size:12px;cursor:pointer}.footer-redesign .footer-tools{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:17px 0;border-top:1px solid #e6ded0;border-bottom:1px solid #e6ded0;width:auto}.footer-redesign .footer-tools a{font-size:12px;border:0;padding:0;color:#72685a;text-decoration:none}.footer-redesign .footer-info{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;gap:10px;margin:0;padding:0;border:0;font-size:11px;color:#938776;align-items:center}.footer-redesign .footer-info a{color:inherit;text-decoration:none}.footer-redesign button:focus-visible,.footer-redesign a:focus-visible{outline:2px solid #d59843;outline-offset:4px}.footer-redesign .footer-contact-actions button:hover{border-color:#c79553;background:#fff7e8}@media(max-width:700px){body>footer.footer-redesign{width:calc(100% - 24px);margin:28px auto 24px;grid-template-columns:1fr;gap:22px;padding:25px 20px 22px!important}.footer-redesign .footer-brand-block h2{font-size:23px}.footer-redesign .footer-brand-block h2 span{display:inline;margin-left:12px;font-size:11px}.footer-redesign .footer-services{grid-row:2}.footer-redesign .footer-tools{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:16px 0}.footer-redesign .footer-info{grid-row:4;flex-wrap:wrap;font-size:10px}.footer-redesign .footer-contact-actions button{min-height:80px}.footer-redesign .footer-qq-panel{max-width:calc(100vw - 40px)} }




body>header{height:132px;gap:20px}body>header nav a{min-width:88px;padding:10px 12px;font-size:16px}body>header nav a[href='#guides']:before{content:'GUIDES'}body>header .header-thanks{display:block;box-sizing:border-box;width:255px;flex-shrink:0;border:1px solid #e3d7c0;border-radius:5px;background:#fffbf3;padding:8px 12px;color:#68583e;min-width:0;font-size:12px}.thanks-title{display:block;font-size:12px;line-height:18px;font-weight:800;color:#986b2c;text-decoration:none;margin-bottom:3px}.thanks-vertical{height:80px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9c7a6 transparent;outline-offset:2px}.thanks-vertical p{margin:0;line-height:20px;overflow-wrap:anywhere}.thanks-vertical:focus-visible{outline:2px solid #d99a3b}@media(max-width:1100px){body>header{display:grid;grid-template-columns:minmax(0,1fr) 255px;height:auto;padding:10px 20px 0;gap:8px 16px}body>header>.brand{min-width:0}body>header>nav{display:flex;grid-column:1/-1;grid-row:2;height:58px;justify-content:flex-start;overflow-x:auto;min-width:0}body>header>nav a{flex-shrink:0;min-width:92px;font-size:14px}body>header>.header-thanks{grid-column:2;grid-row:1}}@media(max-width:600px){body>header{grid-template-columns:minmax(0,1fr) 168px;padding:8px 12px 0;gap:6px 8px}body>header .header-thanks{width:168px;padding:6px 8px;font-size:10px}.thanks-title{font-size:11px}.thanks-vertical{height:72px}.thanks-vertical p{line-height:18px}body>header .brand-logo{width:40px;height:40px}body>header .brand{gap:5px;font-size:16px}body>header .brand small{font-size:9px}body>header>nav{height:48px}body>header>nav a{font-size:12px;min-width:75px;padding:7px 9px}body>header>nav a:before{font-size:9px}}@media(max-width:360px){body>header{grid-template-columns:minmax(0,1fr) 146px}body>header .header-thanks{width:146px}body>header .brand small{display:none}}





/* Compact inset thank-you panel; one message per line. */


body>header{height:112px}body>header .header-thanks{width:230px;align-self:center;margin:12px 0;padding:5px 10px;border-color:#ebe3d5;background:#fffcf7}.thanks-title{font-size:11px;line-height:15px;margin-bottom:3px}.thanks-vertical{height:auto;max-height:54px}.thanks-vertical p{display:block;white-space:pre-line;line-height:18px;margin:0;min-height:18px;font-size:11px}.thanks-vertical p+p{border-top:1px solid #eee6d950}@media(max-width:1100px){body>header{height:auto;grid-template-columns:minmax(0,1fr) 230px;padding-top:6px}body>header .header-thanks{margin:8px 0}}@media(max-width:600px){body>header{grid-template-columns:minmax(0,1fr) 156px}body>header .header-thanks{width:156px;padding:5px 7px;margin:8px 0}.thanks-vertical{max-height:48px}.thanks-vertical p{font-size:10px;line-height:16px;min-height:16px}.thanks-title{font-size:10px;line-height:14px}}@media(max-width:360px){body>header{grid-template-columns:minmax(0,1fr) 140px}body>header .header-thanks{width:140px}}





body>header nav a[href='#calendar']:before{content:'CALENDAR'}




.site-community-entry{position:fixed;right:6px;bottom:159px;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:76px;height:89px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}

.site-community-entry img{display:block;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 3px 3px #24374830);transition:transform .3s cubic-bezier(.2,.8,.2,1)}

.site-community-entry>span{margin-top:-5px;padding:3px 8px;border:1px solid #edc28d;border-radius:20px;background:#fff9ed;color:#75441a;box-shadow:0 2px 5px #37241610;font:700 10px/1.3 system-ui;white-space:nowrap}

.site-community-entry:focus-visible{outline:3px solid #ed9d40;outline-offset:3px;border-radius:18px}.site-community-entry:active img{transform:scale(.93)}

@media(hover:hover){.site-community-entry:hover img{transform:translateY(-5px) rotate(-7deg)}}

.community-open{overflow:hidden}

.community-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1px solid #ead5b6;border-top:5px solid #f49c3b;border-radius:22px;background:#fffdf8;color:#243746;box-shadow:0 24px 80px #0c1d3340;overflow:auto;overscroll-behavior:contain}

.community-dialog::backdrop{background:#162a3ab3;backdrop-filter:blur(5px)}

.community-dialog .community-close{position:absolute;right:8px;top:8px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f1ece2;color:#5b635e;font:24px/1 system-ui;cursor:pointer}

.community-dialog .community-heading{position:static;display:flex;align-items:center;gap:12px;padding:0;margin:0 12px 18px 0;border:0;background:transparent;box-shadow:none;height:auto;min-height:0;color:inherit}

.community-heading img{width:62px;height:72px;object-fit:contain;flex-shrink:0}.community-heading small{font:600 10px/1.5 system-ui;color:#b67327;letter-spacing:1px}.community-heading h2{margin:5px 0 4px;font-size:20px;line-height:1.35;color:#243746}.community-heading p{margin:0;font-size:11px;color:#7f807a}

.community-dialog .community-qr{position:relative;display:block;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid #ebe6de;border-radius:16px;background:#fff;box-sizing:border-box}

.community-dialog .community-qr img{position:absolute;display:block;width:138.0953%;max-width:none;height:auto;left:-19.0476%;top:-77.7778%;margin:0;border:0;transform:none}

.community-dialog .community-scan{margin:10px 0 18px;text-align:center;font:11px/1.7 system-ui;color:#81837f}

.community-number{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid #ede0cb;border-radius:12px;background:#faf3e6}

.community-number small{display:block;font:10px/1.4 system-ui;color:#947959}.community-number strong{display:block;margin-top:4px;font:750 22px/1.2 system-ui;letter-spacing:1px;user-select:text}

.community-dialog .community-copy{flex-shrink:0;padding:10px 13px;border:0;border-radius:8px;background:#273c49;color:#fff;font:600 12px/1.5 system-ui;cursor:pointer}.community-copy:hover{background:#425d6c}

.community-dialog .community-status{min-height:18px;margin:14px 0 0;font:11px/1.7 system-ui;text-align:center;color:#8f785b}

.community-dialog button:focus-visible,.community-dialog a:focus-visible{outline:3px solid #df9a41;outline-offset:3px}

@media(max-width:760px){.site-community-entry{bottom:calc(166px + env(safe-area-inset-bottom));right:5px;width:68px;height:80px}.site-community-entry img{width:68px;height:68px}.site-back-top{right:13px;bottom:calc(104px + env(safe-area-inset-bottom))}.community-dialog{padding:20px}.community-heading h2{font-size:18px}.community-number{padding:12px}.community-number strong{font-size:20px}}

@media(prefers-reduced-motion:reduce){.site-community-entry img{transition:none}}



/* Loading is a viewport state, never a block above the site navigation. */


body.route-loading{overflow:hidden}


body.route-loading>header,body.route-loading>footer,body.route-loading>.mobile-nav,body.route-loading>.site-community-entry,body.route-loading>.site-back-top{visibility:hidden!important;pointer-events:none}


body #route-loading,body #route-error{position:fixed;inset:0;z-index:2200;box-sizing:border-box;min-height:0!important;height:100dvh;margin:0;padding:24px!important;overflow:auto;background:radial-gradient(ellipse at 50% 35%,#fffdf7,#f5efdf)!important;color:#263746}


body #route-loading{display:grid;place-items:center;align-content:normal;text-align:center!important}


body #route-loading[hidden],body #route-error[hidden]{display:none!important}


.loading-card{width:min(480px,100%);margin:auto;padding:18px 24px 24px;border:1px solid #eadcc5;border-radius:24px;background:#fffdf7;box-shadow:0 16px 60px #79634c0d}


.loading-brand{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #efe4d3;padding-bottom:13px;color:#364550;font-size:13px;font-weight:800}.loading-brand span{color:#be782f;font:700 10px/1.5 system-ui;letter-spacing:2px}


body #route-loading .loading-bike{display:block;width:100%!important;max-height:44dvh;height:auto;object-fit:contain;margin:12px auto 0;border-radius:12px}


body #route-loading h1{font-size:clamp(22px,3vw,28px);line-height:1.4;margin:14px 0 6px;color:#263746}


body #route-loading p{font-size:13px;line-height:1.8;margin:0;color:#8b7b65}


body #route-loading .loading-track{height:4px;width:min(180px,70%);margin:22px auto 0;background:#ecdfca}.loading-track i{height:4px}


body #route-loading .loading-note{min-height:20px;margin-top:15px;font-size:11px;color:#a08f77}


body #route-error{display:grid;place-content:center;text-align:center;justify-items:center;gap:16px}


body #route-error h1{font-size:28px;margin:0}body #route-error p{margin:0;max-width:360px;overflow-wrap:anywhere}


body #route-error button{background:#263746;color:white;border:0;border-radius:8px;padding:12px 24px}


@media(min-width:901px) and (min-height:551px){.loading-card{box-sizing:border-box;width:min(820px,calc(100vw - 96px));padding:20px 32px 26px;border-radius:28px}.loading-brand{font-size:16px}.loading-brand span{font-size:11px}body #route-loading .loading-bike{max-height:calc(100dvh - 320px);margin-top:16px}body #route-loading h1{font-size:32px;margin-top:12px}body #route-loading p{font-size:15px}body #route-loading .loading-track{width:220px;margin-top:18px}body #route-loading .loading-note{font-size:12px;margin-top:12px}}


@media(max-width:600px){body #route-loading,body #route-error{padding:16px!important}.loading-card{padding:16px 18px 20px;border-radius:18px}.loading-brand{font-size:12px}.loading-brand span{font-size:9px}body #route-loading h1{font-size:23px}}


@media(max-height:550px) and (min-width:600px){.loading-card{width:min(720px,100%);display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:16px 22px}.loading-brand{grid-column:1/-1}body #route-loading .loading-bike{grid-column:1;grid-row:2/6;max-height:60dvh;margin:12px 0 0}body #route-loading h1{align-self:end;margin-top:18px;font-size:22px}.loading-card>p{align-self:center}body #route-loading .loading-track{margin-top:12px}body #route-loading .loading-note{margin-top:10px}}




/* Frame the visible artwork rather than its transparent export canvas. */

.poster-figure{display:block;position:absolute;pointer-events:none;aspect-ratio:var(--poster-ratio, .7);width:auto;height:136%;right:1%;top:2%;z-index:1;overflow:hidden;filter:drop-shadow(0 12px 20px #07142635)}

.poster-figure.poster-crouched{height:154%;top:-8%}

.poster-figure>img.poster-portrait{position:absolute;max-width:none;margin:0;object-fit:fill;animation:none;filter:none;transform:none}

.poster-name{display:block}.poster-edition{display:table;margin-top:12px;padding:5px 16px;background:#ffb44d;border:2px solid #fff0c6;box-shadow:3px 3px 0 #101e2d;border-radius:3px;color:#152637;font-size:.39em;line-height:1.25;letter-spacing:3px;text-shadow:none;-webkit-text-stroke:0;transform:skew(-5deg)}

.anime-home .ah-feature-scene{isolation:isolate;background-image:var(--poster-bg);background-position:center;min-height:550px}

.anime-home .ah-feature-scene:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#071e3999,transparent 70%)}

.anime-home .ah-feature-scene:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#081627ef,transparent 48%),linear-gradient(90deg,#0c203233,transparent 58%)}

.anime-home .ah-feature-scene>.poster-figure{right:-2%;height:141%;top:2%}.anime-home .ah-feature-scene>.poster-crouched{height:153%;top:-8%}

.anime-home .ah-feature-scene>.poster-standing{height:200%;top:2%;right:7%}

.anime-home .ah-feature-scene>.poster-feature-copy{z-index:3;padding:32px 34px;background:none;max-width:100%;text-align:left}

.anime-home .poster-feature-copy>span{display:inline-block;border-left:4px solid #ffad32;background:#102536df;color:#ffdc9b;padding:6px 12px;letter-spacing:1px;font-size:12px}

.anime-home .ah-feature-scene h3{font-size:clamp(34px,4.2vw,66px);line-height:1.18;letter-spacing:1px;color:#fff8dc;-webkit-text-stroke:1.5px #183046;paint-order:stroke fill;text-shadow:3px 4px 0 #10212f,0 0 14px #08172566;margin:14px 0 18px}

.anime-home .ah-feature-scene .poster-edition{font-size:18px;-webkit-text-stroke:0;letter-spacing:3px;margin-top:10px}

.anime-home .ah-feature-scene p{display:flex;justify-content:space-between;gap:14px;color:#d7e9ef;font-size:13px}.anime-home .ah-feature-scene p b{float:none;color:#ffcf82;white-space:nowrap}

.anime-home .ah-opening{overflow:hidden;background-image:var(--poster-bg);background-position:center;isolation:isolate}

.anime-home .ah-opening:before{z-index:0;background:linear-gradient(90deg,#0c263ce8 0%,#153850a6 36%,#16364708 76%)}

.anime-home .ah-opening:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#0a213cb3,transparent 38%)}

.anime-home .ah-opening>.poster-figure{height:145%;top:0;right:0}.anime-home .ah-opening>.poster-crouched{height:149%;top:-8%;right:1%}

.anime-home .ah-opening-copy{z-index:3;max-width:52%;top:13%;color:#fff}.anime-home .ah-opening .ah-eyebrow{display:inline-block;color:#ffd58d;background:#0d233dab;border-left:4px solid #ffb84d;padding:9px 13px;letter-spacing:2px}.anime-home .ah-opening-small{color:#e5edf0}

.anime-home .ah-opening h1{color:#fff5d8;-webkit-text-stroke:2px #18354a;paint-order:stroke fill;text-shadow:4px 5px #0a2035,6px 7px #df8b26;line-height:1.18;letter-spacing:0}.anime-home .ah-opening h1 span{color:#ffc85d;-webkit-text-stroke:1.5px #233543;paint-order:stroke fill}

.anime-home .ah-opening .ah-cta{background:#ffbf62;color:#162a3a;border:2px solid #ffecd1;box-shadow:5px 5px #132c41}.anime-home .ah-opening-tag{z-index:3;background:#0b263ae8;color:#fff6df;border:1px solid #9bb7c0;border-left:5px solid #ffbd66;box-shadow:5px 5px #0a203577;bottom:12%;right:4%}.anime-home .ah-opening-tag small,.anime-home .ah-opening-tag span{color:#c1d8e3}.anime-home .ah-opening-bottom{z-index:3;background:#0c253ccc;color:#e2eff6;border-color:#ffffff33}

@media(max-width:960px){.anime-home .ah-feature-scene{min-height:490px}.anime-home .ah-feature-scene>.poster-figure{right:-9%}.anime-home .ah-opening-copy{left:5%;max-width:57%}.anime-home .ah-opening-tag{right:3%;padding:10px 15px}.anime-home .ah-opening-tag strong{font-size:24px}}

@media(max-width:600px){.anime-home .ah-feature-scene{min-height:440px}.anime-home .ah-feature-scene>.poster-figure{height:130%;right:-6%;top:1%}.anime-home .ah-feature-scene>.poster-crouched{height:129%;top:-3%;right:-15%}.anime-home .ah-feature-scene>.poster-feature-copy{padding:24px 18px}.anime-home .ah-feature-scene h3{font-size:34px;max-width:100%}.anime-home .ah-feature-scene p{flex-wrap:wrap;font-size:12px}.anime-home .ah-feature-scene:after{background:linear-gradient(0deg,#081627f5,transparent 70%)}

.anime-home .ah-opening{height:740px;min-height:0;background-position:42% center}.anime-home .ah-opening-copy{top:30px;left:6%;max-width:88%}.anime-home .ah-opening h1{font-size:60px;margin:16px 0 18px}.anime-home .ah-opening-small{font-size:15px;margin:15px 0 0}.anime-home .ah-opening-copy>p:not(.ah-opening-small){font-size:12px;letter-spacing:1px}.anime-home .ah-opening .ah-eyebrow{font-size:10px}.anime-home .ah-opening>.poster-figure{height:78%;top:36%;right:-9%}.anime-home .ah-opening>.poster-crouched{height:79%;top:34%;right:-18%}.anime-home .ah-opening:before{background:linear-gradient(180deg,#0b283dda,transparent 86%)}.anime-home .ah-opening-copy .ah-cta{font-size:13px;padding:11px 15px;gap:16px}.anime-home .ah-opening-tag{right:auto;left:6%;bottom:80px;max-width:85%;padding:10px 14px}.anime-home .ah-opening-tag strong{font-size:23px}.anime-home .ah-opening-bottom{padding:17px 6%;font-size:9px;letter-spacing:1px}}

@media(max-width:600px){.anime-home .ah-feature-scene>.poster-standing{height:160%;top:2%;right:4%}}




/* Daichi / school flag: original game scenery and character artwork. */

.anime-home .home-kv{height:clamp(630px,45vw,790px);position:relative;isolation:isolate;overflow:hidden;background:#2876a2 url("/assets/optimized/963f068e6955-2048.webp") center/cover;color:#fff;border-top:1px solid #182d40}

.home-kv:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0a1b2bad,#0c223556 40%,transparent 68%),linear-gradient(0deg,#091a2ba3,transparent 38%)}

.home-kv-copy{position:absolute;z-index:3;left:6%;top:30%;width:48%;max-width:720px}.home-kv-brand{position:absolute;bottom:calc(100% + 78px);display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:2px}.home-kv-brand-mark{display:block;width:4px;height:36px;background:#ffab45;font-size:0}.home-kv-brand small{display:block;font:600 9px/1.8 system-ui;letter-spacing:2.4px;color:#d5e8ef}

.home-kv-lead{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;letter-spacing:3px;margin:0 0 20px;color:#ffcf91}.home-kv-lead:before{content:'';width:28px;height:1px;background:currentColor}

.anime-home .home-kv h1{margin:0;font-weight:900;line-height:1.22;letter-spacing:2px;font-style:normal;color:#fff;text-shadow:0 3px 16px #0e263f60}.home-kv-title{display:block;font-size:clamp(48px,5.4vw,88px);white-space:nowrap}.home-kv-subtitle{display:block;font-size:clamp(39px,4.5vw,72px);margin-top:8px;color:#ffd295;letter-spacing:3px}

.home-kv-description{font-size:14px;letter-spacing:2px;color:#e1edf1;margin:25px 0 26px}.home-kv-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.home-kv-actions a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:12px 20px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.home-kv-primary{color:#182b3d;background:#ffc376;border:1px solid #ffdaaa}.home-kv-secondary{background:#112b435c;color:#fff;border:1px solid #b4d4e28c}.home-kv-actions a>span{font-size:19px}

.home-kv-art{position:absolute;inset:0;z-index:1;pointer-events:none}.home-kv-art>.poster-figure{height:113%;top:1%;right:5%;filter:drop-shadow(5px 9px 9px #102b4029)}.home-kv-art:after{content:'';position:absolute;z-index:2;inset:78% 0 0;background:linear-gradient(0deg,#0d263ddb,transparent)}

.home-kv-player{position:absolute;z-index:3;right:5%;bottom:84px;width:248px;color:#fff;background:linear-gradient(90deg,#10283edb,#10283e80);border-left:3px solid #ffbf69;padding:14px 20px;transition:background .2s,translate .2s}.home-kv-player>*{display:block}.home-kv-player-meta{font-size:10px;letter-spacing:2px;color:#c3dbe8}.home-kv-player-meta b{float:right;color:#ffcf91;font-size:10px}.home-kv-player strong{font-size:30px;line-height:1.5;margin:5px 0}.home-kv-player strong>span{float:right;font-size:22px;color:#ffce89}.home-kv-player-school{font-size:11px;color:#d0e0e9;letter-spacing:1px}

.home-kv-footer{position:absolute;z-index:4;bottom:0;left:0;right:0;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 6%;color:#dce8ee;border-top:1px solid #d6e7ef40;font-size:10px;letter-spacing:2px}.home-kv-footer a{display:flex;align-items:center;gap:15px;color:#fff;white-space:nowrap}.home-kv-footer b{font-size:20px;font-weight:400}

.home-kv a:focus-visible{outline:3px solid #ffc376;outline-offset:5px}

@media(hover:hover){.home-kv-actions a:hover{transform:translateY(-3px);background:#fff0d8;color:#182b3d}.home-kv-player:hover{background:#15374fe8;translate:0 -3px}}

@media(min-width:1800px){.home-kv-copy{left:max(6%,calc((100% - 1650px)/2))}.home-kv-art>.poster-figure{right:9%}}

@media(max-width:1100px){.anime-home .home-kv{height:630px;background-position:44% center}.home-kv-copy{left:5%;top:31%;width:53%}.home-kv-title{font-size:57px}.home-kv-subtitle{font-size:46px}.home-kv-art>.poster-figure{right:-12%;height:112%;top:4%}.home-kv-player{right:4%;width:225px}.home-kv-description{font-size:12px;letter-spacing:1px}.home-kv-actions a{gap:20px;padding:12px 15px}}

@media(max-width:760px){.anime-home .home-kv{height:740px;background-position:35% center}.home-kv:before{background:linear-gradient(180deg,#102d4854,transparent 42%,#0e2948c9 67%,#0c2135 100%),linear-gradient(90deg,#102d4833,transparent)}.home-kv-copy{left:6%;top:auto;bottom:81px;width:88%;max-width:none}.home-kv-brand{position:static;margin-bottom:15px;font-size:14px;gap:8px;letter-spacing:1px}.home-kv-brand-mark{height:25px;width:3px}.home-kv-brand small{font-size:7px;letter-spacing:1.7px}.home-kv-lead{position:absolute;bottom:calc(100% + 290px);margin:0;letter-spacing:2px;font-size:10px;color:#fff;background:#0c293b80;padding:8px 10px}.home-kv-lead:before{width:18px;color:#ffcf91}.home-kv-title{font-size:42px;line-height:1.15}.home-kv-subtitle{font-size:36px;line-height:1.2;margin-top:6px;letter-spacing:2px}.home-kv-description{font-size:11px;letter-spacing:1px;margin:16px 0 17px}.home-kv-actions{flex-wrap:nowrap;gap:10px}.home-kv-actions a{min-height:45px;font-size:12px;padding:10px 14px;gap:20px}.home-kv-art>.poster-figure{height:72%;top:3%;right:-9%;mask-image:linear-gradient(#000 60%,transparent 96%);filter:drop-shadow(4px 6px 6px #0d25382b)}.home-kv-art:after{inset:44% 0 0;background:linear-gradient(0deg,#0c2135 10%,#0e2948c9 43%,transparent 88%)}.home-kv-player{right:5%;bottom:auto;top:40%;width:180px;padding:10px 12px;border-left-width:2px;background:#10283eb8}.home-kv-player strong{font-size:22px;margin:3px 0}.home-kv-player-meta{font-size:8px;letter-spacing:1px}.home-kv-player-meta b{font-size:8px}.home-kv-player-school{font-size:9px}.home-kv-footer{font-size:9px;letter-spacing:1px;min-height:51px;gap:10px}.home-kv-footer a{gap:10px}}

@media(max-width:380px){.home-kv-title{font-size:38px}.home-kv-subtitle{font-size:33px}.home-kv-actions a{padding:10px 12px;gap:14px}.home-kv-art>.poster-figure{right:-20%}}

@media(prefers-reduced-motion:reduce){.home-kv *{transition:none!important;animation:none!important}}



/* All homepage tools stay discoverable without a horizontal carousel. */

#app .ah-system-section{padding-top:44px;padding-bottom:44px}

#app .ah-system-section .ah-heading{margin-bottom:10px}

.ah-system-intro{display:flex;justify-content:space-between;gap:12px;margin:0 0 24px;color:#6c6358;font-size:14px;line-height:1.6}

.ah-system-intro>span{flex-shrink:0;font-size:12px;padding:3px 12px;border:1px solid #dfcdb1;border-radius:20px;align-self:center}

#app.anime-home .ah-system{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible;scroll-snap-type:none;padding:0;min-width:0}

#app .ah-system-card{height:250px;min-height:0;min-width:0;border:1px solid #263a43;border-radius:12px;box-shadow:3px 4px 0 #263a43;isolation:isolate;transition:transform .2s,box-shadow .2s}

#app .ah-system-card:nth-child(5){background:#f8decf}

#app .ah-system-card:nth-child(6){background:#dce8ce}

#app .ah-system-card:nth-child(7){background:#d7e1f3}

#app .ah-system-card:nth-child(8){background:#f4dfb3}

#app .ah-system-num{font-size:50px;left:15px;top:4px;line-height:1.2}

#app .ah-system-card>img{width:82%;height:91%;right:-9%;top:0;object-position:center top;filter:drop-shadow(0 3px 6px #23394914);transition:transform .25s}

#app .ah-system-card>div{padding:55px 17px 15px;background:linear-gradient(0deg,#fff 0%,#fffffff5 60%,#ffffff00 100%)}

#app .ah-system-card small{font-size:9px;letter-spacing:1.3px;color:#50616a}

#app .ah-system-card h3{font-size:23px;line-height:1.35;margin:3px 0 5px;color:#182f3a}

#app .ah-system-card p{font-size:12px;margin:0;line-height:1.65;padding-right:30px;color:#4d5e66}

#app .ah-system-card div>b{position:absolute;right:14px;bottom:16px;min-height:0;height:28px;width:28px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0;background:#233949;color:#fff;transition:transform .2s,background .2s}

#app .ah-system-card div>b:after{content:'↗';font-size:18px;line-height:1}

#app .ah-system-card:focus-visible{outline:3px solid #ee8e20;outline-offset:5px}

#app .ah-system-card:active{transform:translate(2px,2px);box-shadow:1px 2px 0 #263a43}

@media(hover:hover){#app .ah-system-card:hover{transform:translateY(-4px);box-shadow:3px 8px 0 #263a43}#app .ah-system-card:hover>img{transform:scale(1.04)}#app .ah-system-card:hover div>b{background:#c7751b;transform:rotate(8deg)}}

@media(max-width:1000px){#app.anime-home .ah-system{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ah-system-card{height:225px}}

@media(max-width:600px){#app .ah-system-section{padding:30px 16px 32px}#app .ah-system-section .ah-heading>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}#app .ah-system-section .ah-heading>div>span{font-size:34px;line-height:1.1}#app .ah-system-section .ah-heading h2{font-size:14px;margin:0;padding-left:10px}.ah-system-intro{font-size:12px;margin:12px 0 18px}.ah-system-intro>span{display:none}#app.anime-home .ah-system{gap:13px 12px}#app .ah-system-card{height:190px;border-radius:10px;box-shadow:2px 3px 0 #263a43}#app .ah-system-num{font-size:37px;left:10px;top:7px}#app .ah-system-card>img{width:94%;height:90%;right:-3%;top:-2px}#app .ah-system-card>div{padding:36px 10px 13px;background:linear-gradient(0deg,#fff 0%,#fffffff5 68%,transparent 100%)}#app .ah-system-card small{font-size:8px;letter-spacing:.6px}#app .ah-system-card h3{font-size:18px;line-height:1.35;margin:3px 0 5px;white-space:nowrap}#app .ah-system-card p{font-size:11px;line-height:1.6;min-height:35px;padding-right:18px}#app .ah-system-card div>b{right:8px;bottom:12px;width:22px;height:22px}#app .ah-system-card div>b:after{font-size:15px}#app .ah-system-section .ah-memory-link{margin-top:26px}}

@media(max-width:360px){#app .ah-system-section{padding-left:12px;padding-right:12px}#app.anime-home .ah-system{gap:12px 10px}#app .ah-system-card h3{font-size:17px}#app .ah-system-card>div{padding-left:9px;padding-right:9px}}

@media(prefers-reduced-motion:reduce){#app .ah-system-card,#app .ah-system-card>img,#app .ah-system-card div>b{transition:none}}



.memory-art{position:relative;margin:0;overflow:hidden;min-width:0;background:#e8edf0;aspect-ratio:16/9}

.memory-art>img{display:block;width:100%;height:100%;object-fit:cover}

.memory-art figcaption{position:absolute;bottom:10px;right:10px;padding:3px 8px;border-radius:4px;background:#162f42d9;color:#fff;font-size:11px;line-height:1.5;letter-spacing:.06em;pointer-events:none}

#app>.memory-art{width:min(100%,1100px);margin:16px auto 28px;border-radius:10px}

.feature>.memory-art{width:100%;height:auto}

.feature>.memory-art>img{height:100%;object-fit:cover}

.guide-memory>.memory-art{flex:0 0 40%;max-width:420px}

.guide-memory>.memory-art>img{width:100%;max-width:none;height:100%;object-fit:cover}

@media(max-width:600px){.guide-memory>.memory-art{flex-basis:auto;max-width:none;width:100%}.memory-art figcaption{bottom:6px;right:6px;font-size:10px}}



.booting>header,.booting>footer,.booting>.mobile-nav{visibility:hidden}.route-loading #app{display:none}#route-loading{min-height:70vh;padding:80px 8%;background:#f8f5ef}#route-loading img{width:72px;height:72px}#route-loading .skeleton{height:220px;margin-top:24px;background:linear-gradient(110deg,#f5e5d3,#fff4e6);border-left:5px solid #ff8b20}#route-loading[hidden],#route-error[hidden]{display:none}#route-error{padding:60px 8%}.ah-guide img{background-color:#eaf5f5}img{max-width:100%}
/* Nakashima / Wakutani Minami: original portrait, jersey pink and court geometry. */
.nk-hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(650px,48vw,790px);background:#17272d;color:#fff7ee;--nk-x:0px;--nk-y:0px}
.nk-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 18%,#da889746,transparent 55%),repeating-linear-gradient(120deg,transparent 0 110px,#ffffff04 111px 112px);pointer-events:none}
.nk-jersey{position:absolute;inset:0 0 0 45%;background:linear-gradient(125deg,#e2a0a6,#c97683 65%,#9e5065);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);transform:translateX(var(--nk-x)) scale(1.04)}
.nk-jersey::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 4px,#fff1 4px 5px);opacity:.25}
.nk-number{position:absolute;right:2%;top:-10%;font:900 clamp(390px,44vw,780px)/1 system-ui;color:#fff1;letter-spacing:-.09em;transform:skew(-10deg);pointer-events:none}
.nk-court{position:absolute;width:85%;height:200px;bottom:-70px;left:22%;border:2px solid #ffe7d54d;transform:perspective(360px) rotateX(52deg) rotateZ(-10deg);background:repeating-linear-gradient(90deg,transparent 0 32%,#ffe7d53d 32% 32.2%);pointer-events:none}
.nk-copy{position:absolute;z-index:4;left:7%;top:10%;width:49%;max-width:740px}
.nk-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:2px;color:#e4b6b8}.nk-kicker span{padding:5px 8px;background:#e5a2ac;color:#232b31;letter-spacing:1px}.nk-school{display:flex;gap:12px;align-items:center;margin:27px 0 17px;font-size:13px;letter-spacing:3px}.nk-school img{height:41px;width:41px;object-fit:contain}.nk-school small{display:block;margin-top:3px;font:600 9px/1.5 system-ui;letter-spacing:2px;color:#b1c1c5}
.anime-home .nk-title{margin:0;color:#fff5e9;font-size:clamp(54px,6.4vw,100px);line-height:1.12;font-weight:900;letter-spacing:3px}.nk-title span{display:block;color:#eea7af}.nk-sub{margin:22px 0 6px;color:#e4ccbf;font-size:14px;letter-spacing:1px}.nk-date{margin:0;color:#aab7bc;font-size:12px;line-height:1.8}
.nk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.nk-actions a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 20px;font-size:14px;font-weight:800;border:1px solid #edd5be66;color:#f7eee5;transition:background .2s,transform .2s}.nk-actions .nk-primary{background:#f3d6b3;color:#24323a;border-color:#f3d6b3;box-shadow:4px 4px 0 #0003}.nk-actions a:hover{transform:translateY(-2px);background:#fff0dd;color:#24323a}
.nk-art{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate(var(--nk-x),var(--nk-y));transition:transform .35s ease-out}.nk-art .poster-figure{height:137%;top:3%;right:13%;filter:drop-shadow(12px 12px 0 #743c562b)}
.nk-art::after{content:'';position:absolute;z-index:3;inset:75% 0 0;background:linear-gradient(transparent,#18272ddd)}
.nk-nameplate{position:absolute;z-index:4;right:6%;bottom:97px;text-align:right;border-right:4px solid #f5d5b0;padding:6px 18px;color:#fff}.nk-nameplate small{font-size:10px;letter-spacing:3px;color:#ffe2d6}.nk-nameplate strong{display:block;font-size:46px;line-height:1.4;letter-spacing:5px}.nk-nameplate span{font-size:12px;letter-spacing:2px}
.nk-play{display:flex;align-items:center;gap:12px;margin-top:25px}.nk-hit{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#f1d1b3;padding:0;cursor:pointer;font:700 12px/1.5 inherit}.nk-hit svg{width:42px;height:42px;transition:transform .3s}.nk-hit:hover svg{transform:rotate(35deg) scale(1.08)}.nk-hit small{display:block;font-size:10px;color:#aebec4;font-weight:400}.nk-status{font-size:11px;color:#eed1cb;max-width:145px}.nk-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.nk-firing .nk-art{filter:brightness(1.06)}
.nk-bottom{position:absolute;z-index:6;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff24;background:#15262ca6;padding:16px 7%;font-size:10px;letter-spacing:1px}.nk-bottom>span{color:#c8aeb0}.nk-bottom a{color:#f7e5d7}.nk-bottom button{color:#d8c9c1;border:1px solid #ffffff40;background:transparent;font:inherit;padding:5px 9px;cursor:pointer}.nk-bottom div{display:flex;align-items:center;gap:24px}
.nk-hero a:focus-visible,.nk-hero button:focus-visible{outline:3px solid #f7cf92;outline-offset:5px}.nk-still .nk-art,.nk-still .nk-jersey{transform:none;transition:none}
@media(min-width:1700px){.nk-copy{left:10%}.nk-art .poster-figure{right:17%}}
@media(max-width:1000px) and (min-width:761px){.nk-copy{left:5%;width:54%}.anime-home .nk-title{font-size:66px}.nk-art .poster-figure{right:4%;height:125%;top:9%}.nk-nameplate{right:4%}.nk-status{display:none}}
@media(max-width:760px){
 .nk-hero{height:810px}.nk-jersey{inset:0 0 auto 0;height:440px;clip-path:polygon(37% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(#000 50%,transparent 100%)}.nk-number{font-size:430px;right:2%;top:-22px}
 .nk-copy{left:6%;top:32px;width:88%;max-width:none}.nk-kicker{font-size:9px;gap:8px;letter-spacing:1px}.nk-school{margin-top:20px;font-size:11px;letter-spacing:1px;max-width:150px}.nk-school img{width:30px;height:30px}.nk-school small{font-size:7px;letter-spacing:1px}
 .anime-home .nk-title{font-size:46px;line-height:1.14;margin-top:221px;letter-spacing:2px}.nk-title span{display:block}.nk-sub{font-size:12px;margin-top:14px}.nk-date{font-size:11px}.nk-actions{margin-top:18px;gap:8px}.nk-actions a{font-size:12px;padding:12px 14px;gap:18px}.nk-play{margin-top:19px;gap:10px}.nk-status{font-size:10px;max-width:130px}
 .nk-art{height:440px;bottom:auto;overflow:hidden}.nk-art .poster-figure{height:150%;top:9%;right:5%}.nk-art::after{inset:52% 0 0;background:linear-gradient(transparent,#17272d 75%)}
 .nk-nameplate{right:auto;left:6%;bottom:auto;top:224px;border-right:0;border-left:3px solid #e4a0aa;text-align:left;padding:4px 10px}.nk-nameplate strong{font-size:28px;letter-spacing:3px}.nk-nameplate small{font-size:8px;letter-spacing:1px}.nk-nameplate span{font-size:10px}
 .nk-bottom{padding:13px 6%;font-size:9px}.nk-bottom>span{max-width:125px;line-height:1.8}.nk-bottom div{gap:12px}.nk-court{bottom:-110px}
}
@media(max-width:380px){.anime-home .nk-title{font-size:39px}.nk-status{max-width:95px}.nk-actions a{gap:10px;padding:12px}.nk-art .poster-figure{right:-3%}}
@media(prefers-reduced-motion:reduce){.nk-hero *{animation:none!important;transition:none!important}.nk-art,.nk-jersey{transform:none!important}}

/* Layered court energy: decorative effects stay behind readable content. */
.nk-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 32%,#000 55%)}
.nk-aura{position:absolute;width:65%;height:115%;left:43%;top:-12%;background:radial-gradient(ellipse,#ffe2b62b,transparent 64%);transform:translate(var(--nk-x),var(--nk-y));animation:nk-breathe 5s ease-in-out infinite alternate}
.nk-orbit{position:absolute;width:49%;height:69%;left:48%;top:13%;border:1px solid #ffe5c95c;border-radius:50%;box-shadow:inset 0 0 24px #f8ceb30a,0 0 18px #ffd2b30c;transform:rotate(-28deg)}
.nk-orbit::before{content:'';position:absolute;inset:-8px;border:1px dashed #ffe3c22b;border-radius:50%;animation:nk-orbit-spin 38s linear infinite}
.nk-orbit::after{content:'';position:absolute;inset:14px;border:2px solid transparent;border-top-color:#ffe4bccc;border-left-color:#ffe4bc33;border-radius:50%;filter:drop-shadow(0 0 6px #fdd5b8);animation:nk-orbit-spin 14s linear infinite}
.nk-orbit-two{width:40%;height:93%;left:50%;top:-2%;transform:rotate(32deg);opacity:.55}.nk-orbit-two::after{animation-direction:reverse;animation-duration:19s}
.nk-sweep{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,#fff3da00 47%,#fff3da30 50%,transparent 53%);transform:translateX(-80%);animation:nk-sweep 7s ease-in-out infinite}
.nk-spark{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;background:#fff0cd;box-shadow:0 0 9px #ffd2a9;border-radius:50%;animation:nk-drift var(--sd) ease-in-out infinite;animation-delay:calc(var(--i) * -.47s)}
.nk-spark:nth-of-type(3n){width:2px;height:17px;border-radius:0;opacity:.3;rotate:28deg}
.nk-hero .nk-art{animation:nk-arrive 850ms cubic-bezier(.2,.7,.25,1) both}
.nk-title{animation:nk-copy-arrive 650ms ease-out both}.nk-nameplate{animation:nk-copy-arrive 900ms ease-out both}
.nk-hit svg{filter:drop-shadow(0 0 9px #efb4a155)}
.nk-primary{position:relative;overflow:hidden}.nk-primary::after{content:'';position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#fff9 49%,transparent 56%);transform:translateX(-100%);animation:nk-button-shine 6s ease-in-out infinite}
.nk-impact-word{position:absolute;z-index:5;pointer-events:none;font:900 italic clamp(22px,3vw,44px)/1 system-ui;color:#fff0ca;text-shadow:3px 3px 0 #84445c,-1px -1px 0 #84445c;opacity:0;white-space:nowrap;transform:translateX(-30%) rotate(-7deg)}
.nk-impact-word small{display:block;margin-top:9px;font:800 10px/1.5 system-ui;letter-spacing:4px;color:#f7d5de;text-shadow:0 1px 5px #16262d}
.nk-impact .nk-impact-word{animation:nk-shot-word .68s ease-out both}.nk-impact .nk-court{box-shadow:0 0 35px #fac3a23b;border-color:#ffe8c4aa}
.nk-firing .nk-orbit::after{animation-duration:1.5s}.nk-firing .nk-hit svg{transform:rotate(-30deg) scale(.9)}
.nk-paused *,.nk-paused *::before,.nk-paused *::after{animation-play-state:paused!important}
.nk-still *,.nk-still *::before,.nk-still *::after{animation:none!important}.nk-still .nk-sweep,.nk-still .nk-spark{display:none}.nk-still .nk-primary::after{display:none}
@keyframes nk-breathe{from{opacity:.35;scale:.96}to{opacity:.9;scale:1.04}}
@keyframes nk-orbit-spin{to{rotate:360deg}}
@keyframes nk-sweep{0%,22%{transform:translateX(-80%)}58%,100%{transform:translateX(80%)}}
@keyframes nk-drift{0%,100%{translate:0 15px;opacity:0}30%{opacity:.7}75%{opacity:.3}95%{translate:-25px -48px;opacity:0}}
@keyframes nk-arrive{from{opacity:0;translate:35px 10px}to{opacity:1;translate:0 0}}
@keyframes nk-copy-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes nk-button-shine{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes nk-shot-word{0%{opacity:0;translate:0 15px;scale:.7}22%{opacity:1;translate:0 0;scale:1.06}65%{opacity:1;scale:1}100%{opacity:0;translate:0 -20px}}
@media(max-width:760px){.nk-atmosphere{height:430px;mask-image:linear-gradient(#000 40%,transparent 100%)}.nk-orbit{width:90%;height:58%;left:12%;top:15%}.nk-orbit-two{width:70%;height:85%;left:22%;top:0}.nk-aura{left:10%;width:100%}.nk-spark:nth-of-type(n+9){display:none}.nk-impact-word{font-size:25px}.nk-impact-word small{font-size:8px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.nk-hero *,.nk-hero *::before,.nk-hero *::after{animation:none!important}.nk-sweep,.nk-spark,.nk-primary::after{display:none}}

/* Bokuto / school festival: original character artwork and stage scenery. */
.bk-hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(650px,48vw,790px);background:#17272d;color:#fff7ee;--bk-x:0px;--bk-y:0px}
.bk-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 18%,#da889746,transparent 55%),repeating-linear-gradient(120deg,transparent 0 110px,#ffffff04 111px 112px);pointer-events:none}
.bk-jersey{position:absolute;inset:0 0 0 45%;background:linear-gradient(125deg,#e2a0a6,#c97683 65%,#9e5065);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);transform:translateX(var(--bk-x)) scale(1.04)}
.bk-jersey::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 4px,#fff1 4px 5px);opacity:.25}
.bk-number{position:absolute;right:2%;top:-10%;font:900 clamp(390px,44vw,780px)/1 system-ui;color:#fff1;letter-spacing:-.09em;transform:skew(-10deg);pointer-events:none}
.bk-court{position:absolute;width:85%;height:200px;bottom:-70px;left:22%;border:2px solid #ffe7d54d;transform:perspective(360px) rotateX(52deg) rotateZ(-10deg);background:repeating-linear-gradient(90deg,transparent 0 32%,#ffe7d53d 32% 32.2%);pointer-events:none}
.bk-copy{position:absolute;z-index:4;left:7%;top:10%;width:49%;max-width:740px}
.bk-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:2px;color:#e4b6b8}.bk-kicker span{padding:5px 8px;background:#e5a2ac;color:#232b31;letter-spacing:1px}.bk-school{display:flex;gap:12px;align-items:center;margin:27px 0 17px;font-size:13px;letter-spacing:3px}.bk-school img{height:41px;width:41px;object-fit:contain}.bk-school small{display:block;margin-top:3px;font:600 9px/1.5 system-ui;letter-spacing:2px;color:#b1c1c5}
.anime-home .bk-title{margin:0;color:#fff5e9;font-size:clamp(54px,6.4vw,100px);line-height:1.12;font-weight:900;letter-spacing:3px}.bk-title span{display:block;color:#eea7af}.bk-sub{margin:22px 0 6px;color:#e4ccbf;font-size:14px;letter-spacing:1px}.bk-date{margin:0;color:#aab7bc;font-size:12px;line-height:1.8}
.bk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.bk-actions a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 20px;font-size:14px;font-weight:800;border:1px solid #edd5be66;color:#f7eee5;transition:background .2s,transform .2s}.bk-actions .bk-primary{background:#f3d6b3;color:#24323a;border-color:#f3d6b3;box-shadow:4px 4px 0 #0003}.bk-actions a:hover{transform:translateY(-2px);background:#fff0dd;color:#24323a}
.bk-art{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate(var(--bk-x),var(--bk-y));transition:transform .35s ease-out}.bk-art .poster-figure{height:137%;top:3%;right:13%;filter:drop-shadow(12px 12px 0 #743c562b)}
.bk-art::after{content:'';position:absolute;z-index:3;inset:75% 0 0;background:linear-gradient(transparent,#18272ddd)}
.bk-nameplate{position:absolute;z-index:4;right:6%;bottom:97px;text-align:right;border-right:4px solid #f5d5b0;padding:6px 18px;color:#fff}.bk-nameplate small{font-size:10px;letter-spacing:3px;color:#ffe2d6}.bk-nameplate strong{display:block;font-size:46px;line-height:1.4;letter-spacing:5px}.bk-nameplate span{font-size:12px;letter-spacing:2px}
.bk-play{display:flex;align-items:center;gap:12px;margin-top:25px}.bk-hit{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#f1d1b3;padding:0;cursor:pointer;font:700 12px/1.5 inherit}.bk-hit svg{width:42px;height:42px;transition:transform .3s}.bk-hit:hover svg{transform:rotate(35deg) scale(1.08)}.bk-hit small{display:block;font-size:10px;color:#aebec4;font-weight:400}.bk-status{font-size:11px;color:#eed1cb;max-width:145px}.bk-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.bk-firing .bk-art{filter:brightness(1.06)}
.bk-bottom{position:absolute;z-index:6;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff24;background:#15262ca6;padding:16px 7%;font-size:10px;letter-spacing:1px}.bk-bottom>span{color:#c8aeb0}.bk-bottom a{color:#f7e5d7}.bk-bottom button{color:#d8c9c1;border:1px solid #ffffff40;background:transparent;font:inherit;padding:5px 9px;cursor:pointer}.bk-bottom div{display:flex;align-items:center;gap:24px}
.bk-hero a:focus-visible,.bk-hero button:focus-visible{outline:3px solid #f7cf92;outline-offset:5px}.bk-still .bk-art,.bk-still .bk-jersey{transform:none;transition:none}
@media(min-width:1700px){.bk-copy{left:10%}.bk-art .poster-figure{right:17%}}
@media(max-width:1000px) and (min-width:761px){.bk-copy{left:5%;width:54%}.anime-home .bk-title{font-size:66px}.bk-art .poster-figure{right:4%;height:125%;top:9%}.bk-nameplate{right:4%}.bk-status{display:none}}
@media(max-width:760px){
 .bk-hero{height:810px}.bk-jersey{inset:0 0 auto 0;height:440px;clip-path:polygon(37% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(#000 50%,transparent 100%)}.bk-number{font-size:430px;right:2%;top:-22px}
 .bk-copy{left:6%;top:32px;width:88%;max-width:none}.bk-kicker{font-size:9px;gap:8px;letter-spacing:1px}.bk-school{margin-top:20px;font-size:11px;letter-spacing:1px;max-width:150px}.bk-school img{width:30px;height:30px}.bk-school small{font-size:7px;letter-spacing:1px}
 .anime-home .bk-title{font-size:46px;line-height:1.14;margin-top:221px;letter-spacing:2px}.bk-title span{display:block}.bk-sub{font-size:12px;margin-top:14px}.bk-date{font-size:11px}.bk-actions{margin-top:18px;gap:8px}.bk-actions a{font-size:12px;padding:12px 14px;gap:18px}.bk-play{margin-top:19px;gap:10px}.bk-status{font-size:10px;max-width:130px}
 .bk-art{height:440px;bottom:auto;overflow:hidden}.bk-art .poster-figure{height:150%;top:9%;right:5%}.bk-art::after{inset:52% 0 0;background:linear-gradient(transparent,#17272d 75%)}
 .bk-nameplate{right:auto;left:6%;bottom:auto;top:224px;border-right:0;border-left:3px solid #e4a0aa;text-align:left;padding:4px 10px}.bk-nameplate strong{font-size:28px;letter-spacing:3px}.bk-nameplate small{font-size:8px;letter-spacing:1px}.bk-nameplate span{font-size:10px}
 .bk-bottom{padding:13px 6%;font-size:9px}.bk-bottom>span{max-width:125px;line-height:1.8}.bk-bottom div{gap:12px}.bk-court{bottom:-110px}
}
@media(max-width:380px){.anime-home .bk-title{font-size:39px}.bk-status{max-width:95px}.bk-actions a{gap:10px;padding:12px}.bk-art .poster-figure{right:-3%}}
@media(prefers-reduced-motion:reduce){.bk-hero *{animation:none!important;transition:none!important}.bk-art,.bk-jersey{transform:none!important}}

/* Layered court energy: decorative effects stay behind readable content. */
.bk-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 32%,#000 55%)}
.bk-aura{position:absolute;width:65%;height:115%;left:43%;top:-12%;background:radial-gradient(ellipse,#ffe2b62b,transparent 64%);transform:translate(var(--bk-x),var(--bk-y));animation:bk-breathe 5s ease-in-out infinite alternate}
.bk-orbit{position:absolute;width:49%;height:69%;left:48%;top:13%;border:1px solid #ffe5c95c;border-radius:50%;box-shadow:inset 0 0 24px #f8ceb30a,0 0 18px #ffd2b30c;transform:rotate(-28deg)}
.bk-orbit::before{content:'';position:absolute;inset:-8px;border:1px dashed #ffe3c22b;border-radius:50%;animation:bk-orbit-spin 38s linear infinite}
.bk-orbit::after{content:'';position:absolute;inset:14px;border:2px solid transparent;border-top-color:#ffe4bccc;border-left-color:#ffe4bc33;border-radius:50%;filter:drop-shadow(0 0 6px #fdd5b8);animation:bk-orbit-spin 14s linear infinite}
.bk-orbit-two{width:40%;height:93%;left:50%;top:-2%;transform:rotate(32deg);opacity:.55}.bk-orbit-two::after{animation-direction:reverse;animation-duration:19s}
.bk-sweep{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,#fff3da00 47%,#fff3da30 50%,transparent 53%);transform:translateX(-80%);animation:bk-sweep 7s ease-in-out infinite}
.bk-spark{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;background:#fff0cd;box-shadow:0 0 9px #ffd2a9;border-radius:50%;animation:bk-drift var(--sd) ease-in-out infinite;animation-delay:calc(var(--i) * -.47s)}
.bk-spark:nth-of-type(3n){width:2px;height:17px;border-radius:0;opacity:.3;rotate:28deg}
.bk-hero .bk-art{animation:bk-arrive 850ms cubic-bezier(.2,.7,.25,1) both}
.bk-title{animation:bk-copy-arrive 650ms ease-out both}.bk-nameplate{animation:bk-copy-arrive 900ms ease-out both}
.bk-hit svg{filter:drop-shadow(0 0 9px #efb4a155)}
.bk-primary{position:relative;overflow:hidden}.bk-primary::after{content:'';position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#fff9 49%,transparent 56%);transform:translateX(-100%);animation:bk-button-shine 6s ease-in-out infinite}
.bk-impact-word{position:absolute;z-index:5;pointer-events:none;font:900 italic clamp(22px,3vw,44px)/1 system-ui;color:#fff0ca;text-shadow:3px 3px 0 #84445c,-1px -1px 0 #84445c;opacity:0;white-space:nowrap;transform:translateX(-30%) rotate(-7deg)}
.bk-impact-word small{display:block;margin-top:9px;font:800 10px/1.5 system-ui;letter-spacing:4px;color:#f7d5de;text-shadow:0 1px 5px #16262d}
.bk-impact .bk-impact-word{animation:bk-shot-word .68s ease-out both}.bk-impact .bk-court{box-shadow:0 0 35px #fac3a23b;border-color:#ffe8c4aa}
.bk-firing .bk-orbit::after{animation-duration:1.5s}.bk-firing .bk-hit svg{transform:rotate(-30deg) scale(.9)}
.bk-paused *,.bk-paused *::before,.bk-paused *::after{animation-play-state:paused!important}
.bk-still *,.bk-still *::before,.bk-still *::after{animation:none!important}.bk-still .bk-sweep,.bk-still .bk-spark{display:none}.bk-still .bk-primary::after{display:none}
@keyframes bk-breathe{from{opacity:.35;scale:.96}to{opacity:.9;scale:1.04}}
@keyframes bk-orbit-spin{to{rotate:360deg}}
@keyframes bk-sweep{0%,22%{transform:translateX(-80%)}58%,100%{transform:translateX(80%)}}
@keyframes bk-drift{0%,100%{translate:0 15px;opacity:0}30%{opacity:.7}75%{opacity:.3}95%{translate:-25px -48px;opacity:0}}
@keyframes bk-arrive{from{opacity:0;translate:35px 10px}to{opacity:1;translate:0 0}}
@keyframes bk-copy-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes bk-button-shine{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes bk-shot-word{0%{opacity:0;translate:0 15px;scale:.7}22%{opacity:1;translate:0 0;scale:1.06}65%{opacity:1;scale:1}100%{opacity:0;translate:0 -20px}}
@media(max-width:760px){.bk-atmosphere{height:430px;mask-image:linear-gradient(#000 40%,transparent 100%)}.bk-orbit{width:90%;height:58%;left:12%;top:15%}.bk-orbit-two{width:70%;height:85%;left:22%;top:0}.bk-aura{left:10%;width:100%}.bk-spark:nth-of-type(n+9){display:none}.bk-impact-word{font-size:25px}.bk-impact-word small{font-size:8px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.bk-hero *,.bk-hero *::before,.bk-hero *::after{animation:none!important}.bk-sweep,.bk-spark,.bk-primary::after{display:none}}

/* A theatrical composition from the player's own festival artwork. */
.bk-hero{height:clamp(690px,49vw,810px);overflow:clip;background:#0d1b23;color:#f7e8cd}
.bk-hero::before{z-index:1;background:linear-gradient(90deg,#0c1822f5 0%,#111d27d9 32%,#14212b35 65%,#0c182220),linear-gradient(0deg,#111a22,transparent 26%)}
.bk-scene{position:absolute;inset:-2%;z-index:0;background:url("/assets/optimized/3637a3d658ad-900.webp") center/cover no-repeat;transform:translate(calc(var(--bk-x)*-.5),calc(var(--bk-y)*-.5)) scale(1.04);transition:transform .4s ease-out;filter:saturate(.88)}
.bk-spotlight{position:absolute;z-index:1;inset:-20% -5% 0 38%;background:conic-gradient(from 151deg at 53% 0%,transparent 0deg,#f3ddac20 12deg,#e8c38b04 29deg,transparent 40deg);mix-blend-mode:screen;pointer-events:none;animation:bk-stage-light 9s ease-in-out infinite alternate}
.bk-backtype{position:absolute;z-index:1;top:10%;right:3%;font:900 italic clamp(80px,12vw,200px)/1 system-ui;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px #d7b77c45;transform:rotate(-9deg);pointer-events:none}
.bk-copy{top:9%;width:46%;max-width:660px}
.bk-kicker{color:#e1c89b;letter-spacing:2px;font-size:11px}.bk-kicker span{background:#f1d4a0;color:#39222a;box-shadow:3px 3px #784045;padding:6px 10px}
.bk-school{margin:27px 0 23px;font-size:13px;color:#e7dccb;letter-spacing:3px}.bk-school small{color:#acb7b9;letter-spacing:1.7px}.bk-school img{width:40px;height:40px}
.bk-call{display:inline-block;font:800 italic 14px/1.5 system-ui;letter-spacing:4px;color:#e4b69c;padding-left:28px;position:relative;margin:0 0 13px}.bk-call::before{content:'';position:absolute;left:0;top:50%;width:18px;height:1px;background:#d6a581}
.anime-home .bk-title{font-size:clamp(46px,5.6vw,87px);line-height:1.2;letter-spacing:2px;text-shadow:0 3px 0 #080e18,0 8px 28px #0006}.bk-title span{color:#f3d29a;text-shadow:2px 3px #722d39}
.bk-sub{font-size:21px;font-weight:800;color:#f3e6d5;letter-spacing:3px;margin-top:24px}.bk-sub span{display:inline-block;vertical-align:middle;font-size:11px;letter-spacing:2px;font-weight:500;color:#ebcfa9;border:1px solid #b99e6e66;padding:4px 9px;margin-left:9px}
.bk-date{font-size:12px;color:#b7bbc3;margin-top:10px}.bk-actions{margin-top:23px;gap:10px}.bk-actions a{border-color:#c6ad8766;padding:14px 20px}.bk-actions .bk-primary{background:linear-gradient(120deg,#f1d7aa,#dcb77e);color:#29242b;border-color:#f6dfb6;box-shadow:4px 4px #7e3e4966}
.bk-play{margin-top:27px;align-items:flex-start;flex-direction:column;gap:7px}.bk-hit{border-top:1px solid #eac79130;padding-top:14px;gap:12px;text-align:left;color:#f0d2a6;min-height:54px}.bk-hit small{font-size:10px;color:#b6b8bc;margin-top:3px}.bk-hit>b{font-size:20px;margin-left:20px;transition:translate .2s}.bk-hit:hover>b{translate:3px -3px}.bk-hit svg{width:38px;height:38px}.bk-status{max-width:none;min-height:17px;color:#e9bfa1;font-size:11px;padding-left:50px}
.bk-art .poster-figure{height:119%;top:1%;right:5%;filter:drop-shadow(0 16px 18px #020d18aa)}
.bk-art::after{inset:72% 0 0;background:linear-gradient(transparent,#0d1b23ed)}
.bk-nameplate{right:6%;bottom:103px;padding:11px 20px;border:1px solid #e8c79655;border-right:3px solid #dfbd85;background:linear-gradient(110deg,#14232b77,#101d25dd);backdrop-filter:blur(6px);transform:skew(-3deg)}
.bk-nameplate small{color:#d6be99;font-size:10px;letter-spacing:3px}.bk-nameplate strong{font-size:35px;color:#fff0d5;letter-spacing:3px}.bk-nameplate span{font-size:11px;color:#d1c5b4}.bk-nameplate b{margin-left:18px;color:#f3d29a}
.bk-bottom{background:#111b24b8;border-color:#dac29e30;padding:16px 7%;letter-spacing:2px}.bk-bottom>span{color:#bea688}.bk-bottom i{font-style:normal;margin:0 12px;color:#c88779}.bk-bottom a{color:#ede1cd}.bk-bottom button{color:#dfc9a6;border-color:#dac29e55;min-height:32px}
.bk-atmosphere{mask-image:linear-gradient(90deg,transparent 36%,#000 60%)}.bk-orbit{opacity:.22;border-color:#d3b07a55;left:53%;width:41%;height:65%}.bk-orbit::after{border-top-color:#e5c28b80}.bk-orbit-two{opacity:.14}.bk-aura{background:radial-gradient(ellipse,#b9645430,transparent 67%)}.bk-sweep{opacity:.35}.bk-spark{background:#ecd4a0;box-shadow:0 0 9px #d29c78}.bk-court{z-index:1;width:53%;left:44%;border-color:#d6b77e24;background:repeating-linear-gradient(90deg,transparent 0 32%,#d6b77e15 32% 32.2%)}
.bk-impact-word{color:#f7d995;text-shadow:2px 3px #6e2437,0 0 24px #f8d48033;font-size:clamp(19px,2.5vw,38px);transform:translateX(-65%) rotate(-7deg)}.bk-impact-word small{color:#f5d9b5;letter-spacing:2px}
.bk-flock{position:absolute;z-index:5;left:70%;top:48%;pointer-events:none;color:#101722;filter:drop-shadow(0 1px #d1af6d88)}.bk-flock svg{position:absolute;width:clamp(32px,4vw,65px);height:auto;opacity:0;transform:scale(.4);transform-origin:50% 50%}.bk-firing .bk-flock svg{animation:bk-bat-flight 1.1s calc(var(--bat)*35ms + .18s) ease-out both}
.bk-still .bk-spotlight{opacity:.5}.bk-still .bk-flock{display:none}.bk-still .bk-scene{transform:none}.bk-still .bk-art,.bk-still .bk-nameplate,.bk-still .bk-title{opacity:1}
@keyframes bk-bat-flight{0%{opacity:0;translate:0 30px;scale:.4}12%{opacity:.9}65%{opacity:.8;scale:1}100%{opacity:0;translate:var(--fly-x) var(--fly-y);scale:1.3;rotate:calc((var(--bat) - 3)*8deg)}}
@keyframes bk-stage-light{from{rotate:-7deg;opacity:.4}to{rotate:8deg;opacity:1}}
@media(min-width:1700px){.bk-copy{left:10%}.bk-art .poster-figure{right:9%;height:122%}}
@media(min-width:761px) and (max-width:1100px){.bk-copy{left:5%;width:49%;top:8%}.anime-home .bk-title{font-size:53px}.bk-art .poster-figure{right:-10%;height:110%;top:6%}.bk-nameplate{right:4%;bottom:94px}.bk-nameplate strong{font-size:30px}.bk-school{font-size:11px}.bk-status{display:block}.bk-backtype{right:-4%;top:18%}}
@media(max-width:760px){
 .bk-hero{height:850px}.bk-scene{background-position:59% top;background-size:auto 470px;background-repeat:no-repeat;inset:0}.bk-hero::before{background:linear-gradient(0deg,#0d1b23 0%,#0d1b23 43%,#0d1b2300 65%),linear-gradient(90deg,#0d1b2388,transparent 70%)}
 .bk-spotlight{inset:-5% -20% 43% 0}.bk-backtype{font-size:100px;top:110px;right:-8%;opacity:.6}
 .bk-copy{top:24px;left:6%;width:88%}.bk-kicker{font-size:9px;gap:10px;letter-spacing:1px}.bk-kicker span{padding:5px 8px}.bk-school{margin-top:19px;font-size:10px;letter-spacing:1px;max-width:165px}.bk-school small{font-size:7px;letter-spacing:1px;max-width:100px}.bk-school img{width:30px;height:30px}
 .bk-art{height:450px;overflow:hidden}.bk-art .poster-figure{height:112%;top:10%;right:-6%}.bk-art::after{inset:69% 0 0;background:linear-gradient(transparent,#0d1b23 90%)}
 .bk-call{display:block;margin-top:253px;margin-bottom:10px;font-size:12px;letter-spacing:3px}.anime-home .bk-title{margin-top:0;font-size:48px;letter-spacing:2px;line-height:1.13}.bk-sub{font-size:17px;margin-top:19px;letter-spacing:2px}.bk-sub span{font-size:10px;margin-left:7px;padding:3px 8px}.bk-date{font-size:11px;margin-top:8px}
 .bk-actions{margin-top:19px;gap:10px}.bk-actions a{padding:12px 15px;font-size:12px;gap:17px}.bk-play{margin-top:21px;gap:8px}.bk-hit{padding-top:12px}.bk-hit>b{margin-left:15px}.bk-status{max-width:none;font-size:10px}
 .bk-nameplate{left:auto;right:6%;top:275px;bottom:auto;border-left:0;border-right:3px solid #e4bf85;padding:8px 13px;text-align:right}.bk-nameplate strong{font-size:26px;letter-spacing:3px}.bk-nameplate small{font-size:8px;letter-spacing:2px}.bk-nameplate span{font-size:10px}
 .bk-bottom{font-size:8px;letter-spacing:1px;padding:12px 6%}.bk-bottom>span{max-width:133px}.bk-bottom i{margin:0 4px}.bk-bottom div{gap:12px}.bk-bottom button{min-height:36px}
 .bk-atmosphere{height:440px;mask-image:linear-gradient(#000 60%,transparent)}.bk-orbit{left:21%;width:80%;opacity:.18}.bk-flock{left:58%;top:27%}.bk-flock svg{width:38px}.bk-impact-word{font-size:23px;transform:translateX(-77%) rotate(-7deg)}.bk-court{bottom:-80px}
}
@media(max-width:380px){.bk-hero{height:835px}.anime-home .bk-title{font-size:42px}.bk-art .poster-figure{right:-15%}.bk-nameplate{right:5%;top:268px}.bk-nameplate strong{font-size:23px}.bk-sub{font-size:16px}.bk-call{margin-top:250px}.bk-date{font-size:10px}.bk-actions a{gap:10px;padding:12px}.bk-kicker{gap:8px;font-size:8px}.bk-bottom>span{max-width:112px}}
@media(prefers-reduced-motion:reduce){.bk-scene{transform:none;transition:none}.bk-flock{display:none}}

.bk-touch-hint{display:none}
@media(min-width:761px){.bk-hero{height:clamp(760px,54vw,850px)}.bk-copy{top:7%}}
@media(max-width:760px){.bk-school{visibility:hidden}.bk-nameplate{top:238px}.bk-desktop-hint{display:none}.bk-touch-hint{display:inline}}
@media(max-width:380px){.bk-nameplate{top:232px}}