:root{--bg:#090811;--panel:#12111d;--panel2:#181625;--line:rgba(220,213,255,.13);--muted:#9894ad;--text:#f6f3ff;--purple:#b18aff;--purple2:#7e5bfa;--cyan:#83e9ff;--pink:#fb8dd9;--green:#8fffd2;--font:'Trebuchet MS',Arial,sans-serif;--display:'Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font);font-size:14px;background:radial-gradient(ellipse at 70% 20%,rgba(74,42,135,.12),transparent 42%),radial-gradient(ellipse at 10% 80%,rgba(27,111,137,.08),transparent 45%),var(--bg);overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(75px);opacity:.19;z-index:0;border-radius:50%}.ambient-one{width:230px;height:320px;background:#7f42ff;right:-130px;top:160px}.ambient-two{width:220px;height:240px;background:#1aa9c7;left:-140px;bottom:30px}.topbar{height:76px;border-bottom:1px solid rgba(218,210,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5.5vw,88px);position:relative;z-index:2;background:rgba(9,8,17,.65)}.brand{color:var(--text);text-decoration:none;font-family:var(--display);font-size:22px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center}.brand b{color:var(--purple);font-weight:800}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--purple);color:var(--purple);font-size:18px;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.topbar-right{display:flex;gap:10px;align-items:center;color:#a9a4bd;font-size:10px;letter-spacing:1.5px;font-weight:600}.status-dot,.foot-dot{width:7px;height:7px;background:var(--green);box-shadow:0 0 12px rgba(143,255,210,.7);border-radius:50%;display:inline-block}.topbar-divider{height:16px;border-left:1px solid #373246;margin:0 8px}.fan-label{color:#6e6984}.app-shell{width:min(1160px,calc(100% - 44px));min-height:calc(100vh - 130px);margin:0 auto;position:relative;z-index:1;display:flex;align-items:center}.screen{width:100%;display:none;padding:36px 0 42px;animation:screen-in .35s ease both}.screen.active{display:block}.screen-start{min-height:610px;display:none;grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding-top:26px;padding-bottom:35px}.screen-start.active{display:grid}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:10px;line-height:1.4;color:var(--purple);letter-spacing:2.8px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--purple)}h1,h2,p{margin-top:0}.hero-copy{padding:22px 0 35px}.hero-copy h1{font-family:var(--display);font-size:clamp(61px,8.1vw,110px);line-height:.78;letter-spacing:-1px;margin:0 0 27px;font-weight:900;display:flex;flex-direction:column}.title-sub{font-size:.49em;letter-spacing:6px;color:#b9b3ca;margin-top:15px}.title-sub em,h2 em{font-style:normal;color:var(--purple)}.hero-description{color:#a9a4ba;font-size:13px;line-height:1.95;max-width:425px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:20px}.btn{appearance:none;border:1px solid var(--line);border-radius:3px;padding:12px 18px;display:inline-flex;gap:22px;align-items:center;justify-content:center;background:transparent;color:var(--text);font-family:var(--font);font-size:11px;letter-spacing:1px;font-weight:700;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s}.btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(177,138,255,.65)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{border-color:#9a74ff;background:linear-gradient(120deg,#9e74ff,#6843d7);box-shadow:0 6px 25px rgba(116,72,220,.17);color:white}.btn-primary:hover:not(:disabled){background:linear-gradient(120deg,#b19aff,#7956e8)}.btn-large{padding:16px 23px;min-height:52px}.button-arrow{font-size:18px;font-weight:400}.hero-note{font-size:10px;color:#79748d;letter-spacing:.4px;display:flex;align-items:center;gap:9px}.keycap,kbd{background:#1c1a2a;border:1px solid #40394e;border-bottom-width:2px;border-radius:4px;padding:4px 7px;color:#d4cce8;font-family:var(--display);font-size:11px;min-width:23px;text-align:center}.feature-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:42px;color:#aaa5bb;font-size:10px;letter-spacing:.4px}.feature-row i{font-style:normal;color:var(--purple);margin-right:5px;font-family:var(--display);font-size:14px}.feature-sep{color:#514a64}.hero-art{height:470px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 53%,rgba(110,62,190,.22),transparent 50%);border-bottom:1px solid rgba(168,139,255,.2)}.hero-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;top:42px;left:50%;transform:translateX(-50%);border:1px solid rgba(174,143,255,.23);box-shadow:0 0 70px rgba(123,74,255,.11),inset 0 0 60px rgba(123,74,255,.09)}.hero-art:after{content:"";position:absolute;bottom:32px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#8271ad,transparent)}.orbit{position:absolute;border:1px solid rgba(130,215,255,.18);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-a{width:445px;height:205px}.orbit-b{width:430px;height:290px;transform:translate(-50%,-50%) rotate(48deg);border-color:rgba(180,139,255,.2)}.orbit-c{width:300px;height:390px;transform:translate(-50%,-50%) rotate(48deg);border-style:dashed;border-color:rgba(180,139,255,.11)}.hero-sigil{position:absolute;left:50%;top:23%;transform:translateX(-50%);color:rgba(198,171,255,.45);font-size:45px;text-shadow:0 0 35px #a77bff}.hero-character{position:absolute;bottom:0;height:310px;width:175px;z-index:1}.hero-tohka{left:20%;transform:rotate(-3deg)}.hero-yoshino{right:17%;height:274px;transform:rotate(4deg)}.hero-cape{position:absolute;bottom:4px;left:20px;width:140px;height:200px;background:linear-gradient(130deg,#3a2368,#151222 66%);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);border:1px solid #7551bc}.hero-body{position:absolute;bottom:8px;left:45px;width:92px;height:175px;background:linear-gradient(110deg,#d8caff,#6443a4 52%,#231536);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);border:1px solid #c1a6ff}.hero-hair{position:absolute;top:22px;left:39px;width:99px;height:119px;background:linear-gradient(120deg,#b7a0ff,#6c43bd 64%,#392159);clip-path:polygon(12% 5%,63% 0,100% 14%,92% 100%,73% 77%,69% 34%,37% 65%,10% 100%,18% 44%,0 27%)}.hero-face{position:absolute;top:40px;left:62px;width:57px;height:67px;background:linear-gradient(90deg,#f8d6d5,#dba8c8);border-radius:43% 44% 48% 48%;z-index:2}.hero-sword{position:absolute;width:11px;height:210px;background:linear-gradient(90deg,#bdbfff,#fff,#9877ff);border:1px solid #d1ccff;right:4px;bottom:24px;transform:rotate(-26deg);box-shadow:0 0 18px rgba(172,148,255,.6)}.hero-hood{position:absolute;top:12px;left:20px;width:135px;height:140px;border-radius:47% 47% 42% 45%;background:linear-gradient(135deg,#eaffff,#7dd7f0 70%,#497bc0);clip-path:polygon(14% 0,83% 4%,100% 48%,88% 85%,51% 100%,16% 82%,0 45%)}.hero-yoshino .hero-face{top:49px;left:57px;width:56px;height:62px}.hero-yoshino .hero-hair{top:34px;left:44px;width:85px;height:111px;background:linear-gradient(90deg,#9cf1ff,#4d9bcc);clip-path:polygon(12% 0,75% 0,100% 39%,77% 80%,50% 54%,25% 100%,15% 49%,0 35%)}.hero-yoshino .hero-body{bottom:4px;left:32px;width:120px;height:170px;background:linear-gradient(115deg,#dbffff,#5faed8 60%,#273b6b);clip-path:polygon(28% 0,71% 0,100% 100%,0 100%)}.character-tag{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:1.5px}.character-tag span{color:#9791ad}.character-tag b{font-family:var(--display);font-size:15px;letter-spacing:1px}.tag-tohka{bottom:62px;left:4%}.tag-tohka b{color:#c0a1ff}.tag-yoshino{bottom:62px;right:2%;text-align:right}.tag-yoshino b{color:#92e8ff}.hero-caption{position:absolute;right:12px;top:18px;font-size:9px;color:#79718d;letter-spacing:1.5px}.hero-caption span{color:var(--purple)}.start-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(218,210,255,.1);padding-top:18px;color:#5f5a72;font-size:9px;letter-spacing:1.6px}.start-bottom b{color:var(--purple);margin-left:7px}.section-heading{text-align:center;margin:2px auto 33px;max-width:650px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.battle-topline h2{font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,57px);line-height:1;margin:0 0 13px;letter-spacing:.4px}.section-heading>p:last-child{color:#9994ac;font-size:12px;line-height:1.8;margin-bottom:0}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:870px;margin:0 auto}.mode-card{min-height:280px;position:relative;text-align:left;border:1px solid rgba(211,197,255,.16);border-radius:4px;background:linear-gradient(145deg,rgba(26,23,42,.95),rgba(13,12,23,.9));padding:27px 29px 22px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:.22s;overflow:hidden}.mode-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(155,111,255,.13),transparent 42%);opacity:0;transition:.2s}.mode-card:hover{border-color:rgba(177,138,255,.65);transform:translateY(-3px)}.mode-card:hover:before{opacity:1}.mode-number{font-size:9px;letter-spacing:2px;color:#77718e;position:relative}.mode-icon{height:62px;width:62px;border:1px solid rgba(177,138,255,.35);border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--purple);margin:18px 0 15px;background:rgba(125,83,220,.08)}.icon-pvp{color:var(--cyan);border-color:rgba(131,233,255,.32)}.mode-title{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:1px;position:relative}.mode-title em{font-style:normal;color:var(--purple)}.mode-card:nth-child(2) .mode-title em{color:var(--cyan)}.mode-description{font-size:11px;color:#9690a9;line-height:1.85;max-width:340px;margin:9px 0 21px;position:relative}.mode-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;color:#7c7691;font-size:9px;letter-spacing:1.5px;position:relative}.card-arrow{font-size:17px;color:var(--purple)}.mode-card:nth-child(2) .card-arrow{color:var(--cyan)}.section-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}.tiny-note{font-size:9px;letter-spacing:1px;color:#77718a}.bottom-right{display:flex;align-items:center;gap:17px}.btn-ghost{color:#a8a1bb;background:rgba(20,18,31,.38)}.btn-small{font-size:9px;padding:9px 11px;gap:7px}.section-heading-inline{display:flex;align-items:flex-end;justify-content:space-between;text-align:left;max-width:none;margin-bottom:22px}.section-heading-inline .eyebrow{justify-content:flex-start}.section-heading-inline h2{margin-bottom:8px}.section-heading-inline>div>p:last-child{margin:0}.selection-counter{display:flex;flex-direction:column;align-items:flex-end;color:var(--purple);font-family:var(--display);font-size:30px;line-height:.9}.selection-counter small{font-family:var(--font);font-size:8px;letter-spacing:1px;color:#77718a;margin-top:8px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.character-card{position:relative;display:grid;grid-template-columns:45% 1fr;align-items:center;min-height:245px;overflow:hidden;padding:15px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(145deg,#181526,#100f19);color:var(--text);text-align:left;cursor:pointer;transition:.22s}.character-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:.2s}.character-card:hover{transform:translateY(-3px);border-color:#6a547f}.character-card.selected{border-color:var(--purple);box-shadow:0 0 0 1px rgba(177,138,255,.15),0 13px 35px rgba(48,27,83,.17)}.character-card.selected:after{background:var(--purple)}.yoshino-card.selected{border-color:var(--cyan)}.yoshino-card.selected:after{background:var(--cyan)}.character-index{position:absolute;top:13px;left:16px;font-family:var(--display);font-size:13px;color:#aaa2c1;z-index:2}.character-index i{font-family:var(--font);font-size:8px;color:#5e5874;letter-spacing:3px;font-style:normal;margin-left:6px}.portrait{position:absolute;left:0;top:0;bottom:0;width:45%;overflow:hidden;display:block;background:radial-gradient(circle at 50% 48%,rgba(164,117,255,.24),transparent 63%)}.portrait:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(183,154,255,.3);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.yoshino-card .portrait{background:radial-gradient(circle at 50% 48%,rgba(105,218,255,.2),transparent 63%)}.yoshino-card .portrait:after{border-color:rgba(143,233,255,.29)}.portrait-aura{position:absolute;width:145px;height:145px;left:50%;top:53%;transform:translate(-50%,-50%);border:1px dashed rgba(192,161,255,.36);border-radius:50%}.portrait-tohka .portrait-hair{position:absolute;z-index:2;width:103px;height:142px;top:54px;left:calc(50% - 54px);background:linear-gradient(110deg,#b99bff,#7649c7 65%,#392452);clip-path:polygon(15% 2%,66% 0,100% 13%,94% 77%,80% 100%,67% 65%,41% 48%,13% 100%,17% 43%,0 25%)}.portrait-head{position:absolute;z-index:3;top:78px;left:calc(50% - 27px);width:56px;height:67px;border-radius:43% 43% 45% 45%;background:linear-gradient(90deg,#f4cbd7,#f9dfdc 50%,#dca9ca)}.portrait-outfit{position:absolute;z-index:2;bottom:-8px;left:calc(50% - 52px);width:110px;height:133px;background:linear-gradient(110deg,#d6c8ff,#7146b0 54%,#251a3f);clip-path:polygon(29% 0,69% 0,100% 100%,0 100%)}.portrait-blade{position:absolute;z-index:4;right:15px;bottom:15px;width:8px;height:150px;background:linear-gradient(90deg,#9d91ff,#fff,#9f88ff);transform:rotate(-29deg);box-shadow:0 0 14px #a38cff}.portrait-hood{position:absolute;z-index:2;top:47px;left:calc(50% - 65px);width:130px;height:138px;border-radius:44% 48% 40% 45%;background:linear-gradient(140deg,#e6ffff,#84d9f3 70%,#507cc1);clip-path:polygon(13% 0,83% 0,100% 48%,85% 91%,52% 100%,15% 84%,0 46%)}.portrait-face{position:absolute;z-index:3;top:83px;left:calc(50% - 27px);width:55px;height:62px;border-radius:43%;background:linear-gradient(90deg,#f5cfd5,#ffe4e1)}.portrait-yoshino .portrait-hair{position:absolute;z-index:4;top:66px;left:calc(50% - 47px);width:92px;height:121px;background:linear-gradient(90deg,#9deeff,#5b9fd1);clip-path:polygon(16% 0,78% 0,100% 39%,78% 78%,54% 52%,27% 100%,16% 49%,0 37%)}.portrait-coat{position:absolute;z-index:3;bottom:-6px;left:calc(50% - 49px);width:100px;height:104px;background:linear-gradient(90deg,#d5ffff,#76c2e6 63%,#315b8c);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%)}.portrait-bunny{position:absolute;z-index:5;bottom:49px;left:12px;color:#d5f9ff;font-size:34px;text-shadow:0 0 10px #5dbfe3}.character-info{grid-column:2;display:flex;flex-direction:column;gap:7px;position:relative;z-index:5;padding-left:8px}.character-role{font-size:8px;color:var(--purple);letter-spacing:1.5px;font-weight:700}.yoshino-card .character-role{color:var(--cyan)}.character-info b{font-family:var(--display);font-size:clamp(18px,2.1vw,27px);line-height:1.05;letter-spacing:.6px}.character-flavor{font-size:10px;color:#8b859f;line-height:1.7}.pick-indicator{position:absolute;bottom:17px;right:17px;z-index:6;color:#776f8b;font-size:8px;letter-spacing:1.4px}.character-card.selected .pick-indicator{color:var(--purple)}.yoshino-card.selected .pick-indicator{color:var(--cyan)}.guide-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.guide-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-fighter{border:1px solid var(--line);background:linear-gradient(155deg,#171524,#100f18);padding:17px;border-radius:4px;min-width:0}.guide-fighter-top{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:12px}.mini-spirit{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(177,138,255,.13);border:1px solid rgba(177,138,255,.35);color:var(--purple);font-family:var(--display);font-size:22px;flex-shrink:0}.mini-spirit.yoshino{color:var(--cyan);border-color:rgba(131,233,255,.4);background:rgba(131,233,255,.09)}.guide-fighter-top small{display:block;font-size:8px;letter-spacing:1.3px;color:#89829e;margin-bottom:4px}.guide-fighter-top b{font-family:var(--display);font-size:22px;letter-spacing:.6px;line-height:1}.skill-item{padding:9px 0;display:grid;grid-template-columns:31px 1fr;gap:9px;border-bottom:1px solid rgba(220,213,255,.07)}.skill-item:last-child{border-bottom:0}.skill-key{width:29px;height:29px;border:1px solid #514269;border-radius:3px;display:grid;place-items:center;color:#dfd0ff;font-family:var(--display);font-size:14px}.yoshino .skill-key{border-color:#315b74;color:#b7f4ff}.skill-name{font-size:10px;font-weight:700;display:block;margin:1px 0 4px}.skill-detail{font-size:9px;color:#8c869e;line-height:1.65;display:block}.skill-cd{font-size:8px;color:#b69aff;display:block;margin-top:4px;letter-spacing:.4px}.yoshino .skill-cd{color:var(--cyan)}.controls-panel{border:1px solid var(--line);background:rgba(17,15,27,.82);padding:18px;border-radius:4px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#a39ab9;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-title b{font-size:20px;color:var(--purple)}.control-set{padding:13px 0 8px}.control-heading{font-size:9px;letter-spacing:1px;font-weight:700;display:flex;gap:8px;align-items:center;margin-bottom:9px}.control-heading small{font-size:8px;color:#6f6884;margin-left:auto}.player-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.p1-dot{background:var(--purple)}.p2-dot{background:var(--cyan)}.key-row{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid rgba(220,213,255,.055);font-size:10px;color:#9992ab}.key-group{display:flex;gap:4px}.p2-controls{border-top:1px solid var(--line);margin-top:4px}.control-tip{font-size:9px;line-height:1.75;color:#77718a;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}.screen-battle{padding-top:18px;padding-bottom:15px}.battle-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.battle-topline .eyebrow{font-size:9px;margin-bottom:7px}.battle-topline h2{font-size:34px;margin-bottom:0}.battle-actions{display:flex;align-items:center;gap:8px}.battle-mode-label{font-size:8px;color:var(--green);letter-spacing:1.3px;margin-right:8px}.arena-wrap{position:relative;border:1px solid rgba(180,153,255,.26);background:#080a16;overflow:hidden;box-shadow:0 14px 55px rgba(0,0,0,.22)}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.battle-toast{position:absolute;top:20%;left:50%;transform:translateX(-50%);font-family:var(--display);font-size:20px;letter-spacing:2px;text-align:center;color:#fff;text-shadow:0 0 20px #9d7aff;opacity:0;pointer-events:none;transition:opacity .18s}.battle-toast.show{opacity:1}.battle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(8,7,17,.76);backdrop-filter:blur(7px);text-align:center;padding:20px;animation:screen-in .25s ease}.battle-overlay.hidden{display:none}.result-kicker{color:var(--cyan);font-size:9px;letter-spacing:3px;margin-bottom:12px}.result-title{font-family:var(--display);font-size:clamp(44px,7vw,78px);font-weight:900;line-height:.95;text-shadow:0 0 30px rgba(155,112,255,.35)}.battle-overlay p{font-size:11px;color:#aaa4bd;margin:15px 0 23px}.result-actions{display:flex;gap:10px}.battle-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:8px;letter-spacing:1.3px;color:#67617b}.battle-foot>div{display:flex;gap:9px;align-items:center}.battle-foot .foot-dot{width:5px;height:5px}.site-footer{position:relative;z-index:1;border-top:1px solid rgba(218,210,255,.08);min-height:54px;padding:15px clamp(18px,5.5vw,88px);display:flex;justify-content:space-between;align-items:center;gap:15px;color:#5b566d;font-size:8px;letter-spacing:1.1px}.site-footer b{color:#8c6cce;margin:0 5px}.hidden{display:none!important}
@media(max-width:900px){.app-shell{width:min(100% - 34px,700px)}.screen-start{grid-template-columns:1fr;gap:0;padding-top:40px}.hero-copy{padding-bottom:10px}.hero-copy h1{font-size:clamp(64px,13vw,94px)}.hero-art{height:390px;max-width:560px;width:100%;margin:0 auto}.start-bottom{margin-top:25px}.hero-tohka{left:22%}.hero-yoshino{right:20%}.hero-art:before{width:290px;height:290px}.orbit-a{width:370px}.orbit-b{width:365px}.character-grid{gap:12px}.character-card{grid-template-columns:40% 1fr;padding:10px;min-height:225px}.portrait{width:43%}.character-info{padding-left:6px}.character-info b{font-size:21px}.guide-layout{grid-template-columns:1fr}.controls-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.panel-title,.control-tip{grid-column:1/-1}.p2-controls{border-top:0;margin-top:0}.battle-topline h2{font-size:30px}}
@media(max-width:620px){.topbar{height:61px;padding:0 17px}.brand{font-size:18px}.topbar-right{font-size:8px;letter-spacing:.7px;gap:6px}.topbar-divider,.fan-label{display:none}.app-shell{width:calc(100% - 30px);min-height:calc(100vh - 115px)}.screen{padding:27px 0 30px}.screen-start{padding-top:30px}.hero-copy h1{font-size:clamp(57px,15vw,78px)}.title-sub{letter-spacing:3px}.hero-description{font-size:12px}.feature-row{gap:8px;margin-top:27px}.feature-sep{display:none}.hero-art{height:315px}.hero-art:before{width:230px;height:230px;top:44%}.hero-character{transform:scale(.82);transform-origin:bottom center}.hero-tohka{left:12%}.hero-yoshino{right:10%;height:260px}.tag-tohka{left:1%;bottom:43px}.tag-yoshino{right:1%;bottom:43px}.character-tag b{font-size:12px}.character-tag span{font-size:7px}.mode-grid,.character-grid{grid-template-columns:1fr}.mode-card{min-height:235px;padding:20px}.mode-icon{margin:12px 0}.mode-description{margin-bottom:13px}.section-heading h2,.section-heading-inline h2{font-size:43px}.section-heading{margin-bottom:25px}.section-heading-inline{align-items:flex-end}.character-card{min-height:205px;grid-template-columns:39% 1fr}.portrait{width:41%}.section-bottom{align-items:flex-start}.bottom-right{align-items:flex-end;flex-direction:column;gap:9px}.tiny-note{font-size:8px}.guide-roster{grid-template-columns:1fr}.guide-fighter{padding:14px}.controls-panel{display:block;padding:14px}.p2-controls{border-top:1px solid var(--line);margin-top:4px}.battle-topline{align-items:flex-start;flex-direction:column}.battle-topline h2{font-size:28px}.battle-actions{width:100%;flex-wrap:wrap}.battle-mode-label{margin-right:auto}.battle-foot{font-size:7px;letter-spacing:.6px;gap:12px}.battle-foot>span{text-align:right}.site-footer{align-items:flex-start;flex-direction:column;gap:6px;padding:13px 17px}.result-title{font-size:49px}.result-actions{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Spirit roster expansion: Kotori Itsuka and Kurumi Tokisaki */
.kotori-card .character-role,.kotori-card.selected .pick-indicator{color:#ff9478}
.kurumi-card .character-role,.kurumi-card.selected .pick-indicator{color:#ff7fae}
.kotori-card.selected{border-color:#ff755f;box-shadow:0 0 0 1px rgba(255,117,95,.18),0 13px 35px rgba(105,35,26,.2)}
.kotori-card.selected:after{background:#ff755f}
.kurumi-card.selected{border-color:#ff5b98;box-shadow:0 0 0 1px rgba(255,91,152,.18),0 13px 35px rgba(105,25,62,.2)}
.kurumi-card.selected:after{background:#ff5b98}
.portrait-kotori .portrait-aura{border-color:rgba(255,141,95,.45);box-shadow:0 0 35px rgba(255,94,57,.13)}
.portrait-kotori .portrait-hair{position:absolute;z-index:4;top:53px;left:calc(50% - 51px);width:105px;height:134px;background:linear-gradient(100deg,#ff9c72,#e94c43 58%,#852d40);clip-path:polygon(15% 2%,67% 0,100% 16%,91% 70%,79% 100%,62% 64%,42% 49%,17% 100%,8% 50%,0 25%)}
.portrait-kotori .portrait-face{top:81px;left:calc(50% - 27px);background:linear-gradient(90deg,#f4cbd0,#ffe0d8 55%,#dca0aa)}
.portrait-kotori .portrait-ribbon{position:absolute;z-index:5;top:56px;left:calc(50% - 48px);width:35px;height:26px;background:#19131f;clip-path:polygon(50% 35%,0 0,13% 75%,48% 63%,100% 100%,83% 13%)}
.portrait-kotori .portrait-kotori-outfit{position:absolute;z-index:3;bottom:-8px;left:calc(50% - 53px);width:110px;height:125px;background:linear-gradient(105deg,#fff0e4,#f2b8b0 45%,#6a2b3c);clip-path:polygon(29% 0,69% 0,100% 100%,0 100%)}
.portrait-kotori .portrait-flame{position:absolute;z-index:6;right:13px;bottom:40px;color:#ff9860;font-size:45px;text-shadow:0 0 10px #ff503c,0 0 25px #ff503c;transform:rotate(12deg)}
.portrait-kurumi .portrait-aura{border-color:rgba(255,91,152,.42);box-shadow:0 0 35px rgba(255,61,128,.13)}
.portrait-kurumi .portrait-clock{position:absolute;z-index:1;top:43px;left:calc(50% - 38px);width:76px;height:76px;border:3px solid rgba(255,110,165,.82);border-radius:50%;display:grid;place-items:center;color:#ff9abd;font-size:55px;text-shadow:0 0 13px #ff5b98;box-shadow:0 0 24px rgba(255,91,152,.25)}
.portrait-kurumi .portrait-hair{position:absolute;z-index:4;top:57px;left:calc(50% - 53px);width:107px;height:135px;background:linear-gradient(100deg,#2a1a2b,#15111e 60%,#8e2d50);clip-path:polygon(13% 2%,68% 0,100% 18%,92% 75%,76% 100%,64% 64%,42% 49%,20% 100%,9% 51%,0 26%)}
.portrait-kurumi .portrait-face{top:81px;left:calc(50% - 27px);background:linear-gradient(90deg,#f2cbd3,#ffe5e8 55%,#d9a4bc)}
.portrait-kurumi .portrait-kurumi-outfit{position:absolute;z-index:3;bottom:-8px;left:calc(50% - 53px);width:110px;height:126px;background:linear-gradient(105deg,#503047,#211726 53%,#0c0a12);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.portrait-kurumi .portrait-eye-mark{position:absolute;z-index:6;top:101px;left:calc(50% + 3px);color:#f34c80;font-size:21px;text-shadow:0 0 9px #f34c80}
.spirit-kotori .mini-spirit,.mini-spirit.spirit-kotori{color:#ff9478;border-color:rgba(255,117,95,.48);background:rgba(255,117,95,.1)}
.spirit-kurumi .mini-spirit,.mini-spirit.spirit-kurumi{color:#ff7fae;border-color:rgba(255,91,152,.48);background:rgba(255,91,152,.1)}
.spirit-kotori .skill-key{border-color:#754036;color:#ffb19a}
.spirit-kotori .skill-cd{color:#ff9478}
.spirit-kurumi .skill-key{border-color:#71304b;color:#ff9abc}
.spirit-kurumi .skill-cd{color:#ff7fae}
.spirit-kotori .guide-fighter-top,.spirit-kurumi .guide-fighter-top{border-bottom-color:rgba(255,255,255,.1)}
@media(max-width:900px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.character-grid{grid-template-columns:1fr}}

.spirit-yoshino .skill-key{border-color:#315b74;color:#b7f4ff}
.spirit-yoshino .skill-cd{color:var(--cyan)}

.mini-spirit.spirit-yoshino{color:var(--cyan);border-color:rgba(131,233,255,.4);background:rgba(131,233,255,.09)}
.spirit-yoshino .skill-key{border-color:#315b74;color:#b7f4ff}
.spirit-yoshino .skill-cd{color:var(--cyan)}


/* Roster v0.3.0: Miku Izayoi + Origami Tobiichi in white-haired Angel/Metatron form */
.miku-card .character-role,.miku-card.selected .pick-indicator{color:#d8baff}
.miku-card.selected{border-color:#c4a8ff;box-shadow:0 0 0 1px rgba(196,168,255,.2),0 13px 35px rgba(81,56,133,.23)}
.miku-card.selected:after{background:#c4a8ff}
.portrait-miku{background:radial-gradient(circle at 50% 48%,rgba(201,173,255,.24),transparent 64%)}
.portrait-miku .portrait-aura{border-color:rgba(219,196,255,.5);box-shadow:0 0 35px rgba(186,154,255,.16)}
.portrait-miku .portrait-notes{position:absolute;z-index:2;top:35px;left:calc(50% - 28px);font-family:serif;font-size:68px;color:#f7d878;text-shadow:0 0 18px rgba(246,214,126,.65);transform:rotate(-12deg)}
.portrait-miku .portrait-hair{position:absolute;z-index:4;top:51px;left:calc(50% - 54px);width:110px;height:143px;background:linear-gradient(100deg,#d9caff,#a38bd8 58%,#70619f);clip-path:polygon(14% 2%,67% 0,100% 15%,94% 69%,83% 100%,64% 65%,41% 48%,18% 100%,8% 49%,0 25%)}
.portrait-miku .portrait-face{top:80px;left:calc(50% - 27px);background:linear-gradient(90deg,#f4cdd8,#ffe5e7 55%,#d4a8cb)}
.portrait-miku .portrait-miku-outfit{position:absolute;z-index:3;bottom:-9px;left:calc(50% - 55px);width:112px;height:126px;background:linear-gradient(100deg,#fffdf5,#e7dcff 48%,#c9b1ef);clip-path:polygon(29% 0,69% 0,100% 100%,0 100%)}
.portrait-miku .portrait-flower{position:absolute;z-index:6;top:50px;left:calc(50% - 43px);color:#f6d76f;font-size:28px;text-shadow:0 0 12px #f6d76f}
.portrait-origami{background:radial-gradient(circle at 50% 48%,rgba(255,229,154,.23),rgba(203,220,255,.08) 42%,transparent 68%)}
.portrait-origami .portrait-aura{border-color:rgba(255,225,147,.52);box-shadow:0 0 37px rgba(255,222,130,.18)}
.origami-card .character-role,.origami-card.selected .pick-indicator{color:#ffdf83}
.origami-card.selected{border-color:#f0d27b;box-shadow:0 0 0 1px rgba(240,210,123,.2),0 13px 35px rgba(110,91,42,.2)}
.origami-card.selected:after{background:#f0d27b}
.portrait-origami .portrait-wings{position:absolute;z-index:1;top:72px;left:calc(50% - 77px);width:154px;height:76px;color:#fff;font-size:110px;line-height:72px;text-align:center;opacity:.88;text-shadow:0 0 17px #fff,0 0 25px #bed3f5;transform:scaleX(1.25)}
.portrait-origami .portrait-crown{position:absolute;z-index:5;top:41px;left:calc(50% - 31px);width:62px;color:#f4d16e;font-size:47px;text-align:center;line-height:1;text-shadow:0 0 12px rgba(255,222,125,.55)}
.portrait-origami .portrait-hair{position:absolute;z-index:4;top:56px;left:calc(50% - 52px);width:105px;height:116px;background:linear-gradient(100deg,#fff,#e6edf8 60%,#aebfd7);clip-path:polygon(14% 0,69% 0,100% 24%,90% 68%,76% 100%,61% 61%,43% 48%,17% 100%,8% 52%,0 26%)}
.portrait-origami .portrait-face{top:79px;left:calc(50% - 27px);background:linear-gradient(90deg,#f7dce0,#fff0ef 55%,#d8c8df)}
.portrait-origami .portrait-origami-outfit{position:absolute;z-index:3;bottom:-8px;left:calc(50% - 54px);width:110px;height:126px;background:linear-gradient(105deg,#fff,#edf3ff 44%,#d8dfef);border-top:3px solid #f2d47b;clip-path:polygon(29% 0,69% 0,100% 100%,0 100%)}
.portrait-origami .portrait-metatron{position:absolute;z-index:6;right:4px;bottom:37px;color:#f2d16e;font-size:42px;text-shadow:0 0 12px #f2d16e,0 0 22px rgba(255,225,138,.8)}
.spirit-miku .mini-spirit,.mini-spirit.spirit-miku{color:#d8baff;border-color:rgba(196,168,255,.48);background:rgba(196,168,255,.1)}
.spirit-miku .skill-key{border-color:#64517e;color:#e1d0ff}
.spirit-miku .skill-cd{color:#d8baff}
.spirit-origami .mini-spirit,.mini-spirit.spirit-origami{color:#ffdf83;border-color:rgba(255,223,131,.48);background:rgba(255,223,131,.1)}
.spirit-origami .skill-key{border-color:#7b6a3a;color:#ffe9a8}
.spirit-origami .skill-cd{color:#ffdf83}
.spirit-miku .guide-fighter-top,.spirit-origami .guide-fighter-top{border-bottom-color:rgba(255,255,255,.1)}