:root{--paper:#f6f3eb;--ink:#252b27;--muted:#878a7c;--line:#dedfd3;--orange:#e9683d;--green:#69796a;--serif:Georgia,'Songti SC','STSong',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:1px}.brand-mark{background:var(--orange);color:#fff;width:42px;height:44px;display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:29px;transform:rotate(-4deg);border-radius:3px}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;margin-top:5px}nav{display:flex;gap:36px;align-items:center;height:100%}nav a,nav button{border:0;background:none;color:#7f8379;height:100%;display:flex;align-items:center;position:relative;padding:0;font-size:13px}nav .active{color:var(--ink);font-weight:700}nav .active:after{position:absolute;content:'';height:3px;background:var(--orange);bottom:-1px;left:0;right:0}nav span{margin-left:8px;font-size:10px}.header-note{font-size:11px;color:#777e71;display:flex;align-items:center;gap:8px}.header-note i,.live-dot{width:6px;height:6px;border-radius:100%;background:#75937b;display:inline-block}main{max-width:1440px;margin:0 auto;padding:36px 48px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;margin:0 0 14px;color:var(--green)}.eyebrow>span{display:inline-block;width:19px;height:1px;background:var(--orange);vertical-align:middle;margin-right:8px}h1{font-size:38px;letter-spacing:1px;line-height:1.35;margin:0 0 12px;font-weight:800}h1>span{color:var(--orange)}.intro{font-size:12px;color:#85897b;margin:0}.heading-stamp{transform:rotate(-7deg);border:1px solid #d2d3c4;color:#969b87;padding:13px 19px;text-align:center;margin-right:12px;position:relative}.heading-stamp:before{position:absolute;content:'';inset:4px;border:1px solid #d2d3c4}.heading-stamp>span{font-family:var(--serif);display:block;font-size:26px;letter-spacing:8px}.heading-stamp small{font-size:8px;letter-spacing:2px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start;scroll-margin-top:20px}.arena-column{min-width:0}.arena-topline{height:43px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.arena-topline>div{display:flex;align-items:center;gap:9px}.arena-topline strong{font-size:12px}.arena-topline .divider{color:#c6cbbd;margin:0 3px}.arena-topline>div>span:last-child{color:#858c7d}.arena-tools button{border:0;background:transparent;padding:6px;color:#747c70;font-size:11px}.arena-stage{aspect-ratio:2/1;background:#c3c9ab;position:relative;overflow:hidden;border-radius:7px 7px 0 0;isolation:isolate}canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:22px 26px auto;display:grid;grid-template-columns:1fr 70px 1fr;gap:18px;pointer-events:none;z-index:2}.fighter-label{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#fff;text-shadow:0 1px 3px #17291877;font-size:11px}.fighter-label strong{font-weight:700;flex:1}.fighter-label>span:last-child{font-variant-numeric:tabular-nums;font-size:10px}.player-label,.cpu-label{font-size:8px!important;letter-spacing:1px;border-radius:2px;font-weight:700;line-height:1.1;padding:4px 6px;text-shadow:none!important}.player-label{color:#f9f2e1;background:var(--orange)}.cpu-label{background:#434d46;color:#f9f2e1}.enemy-hud{text-align:right}.health{height:10px;background:#323d38aa;border:1px solid #edf1ce33;transform:skew(-12deg);padding:1px}.health i{display:block;width:100%;height:100%;background:#e3b75e;transition:width .12s linear}.enemy-hud .health i{background:#bac891;margin-left:auto}.chakra{height:3px;margin:5px 1px;background:#26333355;max-width:75%}.chakra i{background:#91d2d5;width:60%;height:100%;display:block;transition:width .12s linear}.enemy-hud .chakra{margin-left:auto}.enemy-hud .chakra i{margin-left:auto}.timer-box{text-align:center;color:#f9efcc;filter:drop-shadow(0 2px 2px #17291855);margin-top:-8px}.timer-box small{font-size:7px;letter-spacing:3px}.timer-box b{font-family:var(--serif);font-size:37px;display:block;line-height:1.05}.arena-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(180deg,#253a3422,#19393122 70%,transparent);z-index:3;color:#fff7df;text-align:center;text-shadow:0 2px 16px #18352777;pointer-events:none}.arena-overlay[hidden]{display:none}.overlay-kicker{font-size:9px;font-weight:600;letter-spacing:5px;margin-bottom:16px;opacity:.85}.arena-overlay h2{font-family:var(--serif);font-size:clamp(20px,3vw,41px);letter-spacing:5px;margin:0 0 14px}.arena-overlay p{font-size:11px;letter-spacing:2px;margin:0;color:#f7ecd7}.arena-overlay button{pointer-events:auto;border:1px solid #f9ebd288;background:#f6efe1;color:var(--ink);padding:10px 23px;margin-top:20px;font-weight:700;border-radius:3px}.arena-overlay.result{background:#1d302bcc;backdrop-filter:blur(3px)}.battle-event{position:absolute;left:20%;right:20%;top:27%;z-index:4;text-align:center;font-family:var(--serif);font-size:24px;font-weight:800;color:#fff4d8;text-shadow:0 3px 10px #283d27;pointer-events:none;transition:opacity .2s;opacity:0}.battle-event.show{opacity:1}.stage-caption{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;color:#f6eed2ad;font-size:8px;letter-spacing:2px;pointer-events:none}.arena-bottom{background:#e9eadd;border:1px solid #dfe2d4;border-top:0;border-radius:0 0 6px 6px;height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#757e6e;font-size:9px}.arena-hint{display:flex;gap:8px;align-items:center}.key-mini{font-size:15px}.arena-bottom i{font-style:normal;margin:0 6px;color:#a6ad9a}.controls-strip{display:flex;justify-content:space-between;gap:9px;margin-top:24px;padding:0 3px}.controls-strip>div{display:flex;align-items:center;gap:4px}.key{border:1px solid #d7d9ca;border-bottom-width:3px;background:#fcfaf4;min-width:25px;height:27px;display:inline-grid;place-items:center;border-radius:4px;font-size:10px;color:#636c5d;padding:0 5px}.controls-strip small{font-size:10px;color:#7c8373;margin-left:4px}.controls-strip em{font-style:normal;font-size:8px;display:none}.character-panel{border:1px solid #dadfd0;border-radius:7px;overflow:hidden;background:#faf8f1}.panel-eyebrow{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 4px;font-size:11px;font-weight:600}.panel-eyebrow .player-label{background:transparent;color:var(--orange);font-size:8px!important;letter-spacing:1px;padding:0}.featured-art{height:173px;position:relative;isolation:isolate;overflow:hidden;margin-top:4px}.portrait-sun{position:absolute;width:155px;height:155px;border-radius:100%;background:#e8ab7c;left:50%;transform:translateX(-50%);top:19px;opacity:.4}.portrait-kanji{position:absolute;font-family:var(--serif);font-size:124px;font-weight:900;color:#d6d8c455;right:9px;bottom:-5px}.featured-art svg{width:226px;height:244px;position:absolute;left:50%;top:-3px;transform:translateX(-50%);filter:drop-shadow(0 5px 0 #332c2010)}.village-tag{position:absolute;bottom:9px;left:16px;background:#f9f6ebd9;padding:4px 7px;border:1px solid #e3dfcf;border-radius:3px;font-size:8px;color:#79816e;z-index:2}.character-info{padding:11px 18px 13px}.character-english{font-size:8px;letter-spacing:2px;font-weight:600;color:#969c87}.character-info h2{margin:4px 0 7px;font-size:25px;letter-spacing:1px;line-height:1.2}.character-meta{display:flex;justify-content:space-between;font-size:9px;color:#8b917f;align-items:center;gap:4px}.character-meta b{font-weight:500;background:#eceee3;color:#738165;font-size:8px;padding:3px 5px;border-radius:2px}.stat-row{margin:15px 0;display:flex;justify-content:space-between}.stat-row>span{font-size:9px;color:#7d8371}.stat-row i{display:flex;gap:2px;margin-top:7px}.stat-row i b{width:10px;height:4px;background:#e1e4d6;transform:skew(-15deg)}.stat-row i b.on{background:#8c9d7a}.match-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.match-options label{font-size:8px;color:#909781}.match-options select{display:block;background:transparent;border:0;border-bottom:1px solid #dbe0cf;width:100%;outline-offset:1px;padding:6px 0;font-size:10px;color:#565f4e}.start-button{background:var(--orange);color:#fff8eb;border:0;border-radius:4px;display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 16px;font-weight:700;font-size:13px;transition:background .15s,transform .15s}.start-button:hover{background:#d85730;transform:translateY(-1px)}.start-button span{font-size:20px;line-height:16px}.start-note{text-align:center;color:#9ea48f;font-size:8px;letter-spacing:.5px;margin:9px 0 0}.roster-section{margin-top:33px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:18px;margin:0 0 7px;letter-spacing:.4px}.section-heading h2 span{font-size:10px;vertical-align:middle;margin-left:10px;padding:3px 6px;border:1px solid #d9dece;color:#7c866e;border-radius:3px;font-weight:400}.section-heading p{font-size:10px;color:#939981;margin:0}.random-button{border:1px solid #d9ddcd;border-radius:4px;background:transparent;font-size:10px;padding:8px 12px;color:#737e63}.random-button span{font-size:17px;vertical-align:middle;margin-right:5px}.roster-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.ninja-card{position:relative;border:1px solid #dbdfd0;background:#eeeee3;padding:0;text-align:left;overflow:hidden;border-radius:5px;transition:transform .18s,border-color .18s,box-shadow .18s}.ninja-card:hover{transform:translateY(-4px);border-color:#b5bfa4}.ninja-card.selected{border:2px solid var(--orange);box-shadow:0 0 0 2px #e9683d13}.ninja-card.selected .ninja-card-copy{background:var(--orange);color:#fff8eb}.ninja-card.selected small{color:#ffe0be}.ninja-art{height:108px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 65%,var(--card-color,#ccd2b8),transparent 70%)}.ninja-art svg{position:absolute;width:135px;height:153px;left:50%;transform:translateX(-50%);top:1px}.ninja-card-copy{padding:10px 9px;background:#f4f4ea;position:relative;z-index:1}.ninja-card-copy strong{display:block;font-size:11px;white-space:nowrap;font-weight:600}.ninja-card-copy small{display:block;font-size:7px;letter-spacing:1px;color:#939b84;margin-top:5px}.selected-tick{position:absolute;top:7px;right:7px;background:var(--orange);color:white;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-size:9px;z-index:3}.ninja-card:not(.selected) .selected-tick{display:none}.ninja-number{position:absolute;top:7px;left:7px;font-size:8px;color:#7f8c7177;z-index:2}.ninja-card:disabled{opacity:.7}footer{display:flex;justify-content:space-between;align-items:center;color:#9aa18c;font-size:9px;letter-spacing:.5px;border-top:1px solid var(--line);padding:20px 0 24px;margin-top:28px}footer i{font-style:normal;margin:0 8px}.touch-controls{display:none}dialog{border:1px solid var(--line);border-radius:9px;max-width:500px;width:calc(100% - 32px);padding:33px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #151e2855}dialog::backdrop{background:#1b2b2988;backdrop-filter:blur(4px)}dialog h2{font-family:var(--serif);font-size:28px;margin:15px 0}dialog p{font-size:12px;color:#7c846f;line-height:1.8}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:#879077}.help-keys{display:grid;grid-template-columns:60px 1fr;gap:13px;font-size:11px;margin:25px 0}.help-keys b{color:var(--orange)}.help-keys span{color:#69735e}.help-tip{background:#e8ecdf;padding:12px;border-radius:4px;margin-bottom:22px}@media(min-width:1400px){.arena-stage{aspect-ratio:2/1.01}.featured-art{height:204px}.character-info{padding-top:15px}.controls-strip{margin-top:25px}}@media(max-width:1100px){.site-header{padding:0 28px}main{padding:28px 28px 0}.battle-layout{grid-template-columns:minmax(0,1fr) 256px;gap:18px}.featured-art{height:143px}.featured-art svg{width:203px;height:227px}.controls-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px}.pause-key{display:none!important}.roster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ninja-art{height:110px}.ninja-art svg{width:143px;height:162px}.character-info{padding:11px 14px}.arena-topline{font-size:8px}.arena-tools button{font-size:10px}.arena-tools span{display:none}.hud{inset:16px 17px auto;grid-template-columns:1fr 38px 1fr;gap:10px}.fighter-label{font-size:9px;gap:5px}.timer-box b{font-size:29px}nav{gap:24px}.header-note{display:none}.arena-bottom{font-size:8px}.roster-section{margin-top:26px}}@media(max-width:760px){.site-header{padding:0 18px;height:72px}.brand{font-size:15px;gap:8px}.brand-mark{width:34px;height:37px;font-size:24px}.brand small{font-size:6px;letter-spacing:2px}nav{gap:18px}nav a,nav button{font-size:10px}nav a:nth-child(2){display:none}main{padding:25px 16px 0}.page-heading{margin-bottom:18px}h1{font-size:27px;letter-spacing:0}.intro{font-size:10px;max-width:290px;line-height:1.7}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:9px}.heading-stamp{display:none}.battle-layout{grid-template-columns:1fr;gap:18px}.arena-topline{height:34px}.arena-topline>div{gap:6px}.arena-stage{aspect-ratio:1.7/1}.arena-stage canvas{object-fit:fill}.hud{inset:13px 13px auto;grid-template-columns:1fr 33px 1fr;gap:9px}.fighter-label{font-size:8px;margin-bottom:4px;gap:4px}.player-label,.cpu-label{font-size:6px!important;padding:3px 4px}.fighter-label>span:last-child{font-size:7px}.health{height:8px}.timer-box{margin-top:-4px}.timer-box b{font-size:27px}.timer-box small{font-size:5px}.overlay-kicker{font-size:6px;letter-spacing:3px;margin-bottom:11px}.arena-overlay h2{font-size:25px;letter-spacing:2px;margin-bottom:9px}.arena-overlay p{font-size:8px;letter-spacing:1px}.stage-caption{font-size:6px;left:12px;right:12px;bottom:9px}.arena-bottom{height:32px;padding:0 10px;font-size:7px}.controls-strip{display:none}.touch-controls{display:flex;justify-content:space-between;gap:10px;margin:14px 0 2px;user-select:none;-webkit-user-select:none;touch-action:none}.touch-controls>div{display:flex;gap:6px}.touch-controls button{touch-action:none;background:#e4e7d9;color:#617052;border:1px solid #d4dccc;border-bottom-width:3px;border-radius:6px;min-width:35px;height:40px;padding:0 9px;font-size:10px}.touch-controls button:active,.touch-controls button.held{background:#cbd6bc;transform:translateY(1px)}.touch-controls .ultimate-touch{background:#e9683d;color:#fff0db;border-color:#d75c35}.character-panel{display:grid;grid-template-columns:125px minmax(0,1fr);position:relative}.panel-eyebrow{position:absolute;left:0;right:0;padding:12px 14px;z-index:3;font-size:9px;pointer-events:none}.panel-eyebrow .player-label{font-size:6px!important}.featured-art{height:100%;min-height:256px;margin:0}.featured-art svg{width:209px;height:237px;top:37px;left:45%}.portrait-sun{width:125px;height:125px;top:69px}.portrait-kanji{font-size:70px;bottom:28px;right:0}.village-tag{left:12px;bottom:16px;font-size:7px}.character-info{padding:35px 14px 13px 5px}.character-info h2{font-size:22px}.character-english{font-size:6px}.character-meta{font-size:8px}.stat-row{margin:11px 0}.stat-row i b{width:8px}.match-options{gap:10px;margin:9px 0}.match-options select{font-size:9px;padding:4px 0}.match-options label{font-size:7px}.start-button{padding:11px 12px;font-size:12px}.start-note{font-size:7px;margin-top:7px}.section-heading h2{font-size:15px}.section-heading p{font-size:8px;max-width:230px;line-height:1.6}.random-button{font-size:8px;padding:6px 8px;white-space:nowrap}.random-button span{font-size:13px;margin-right:2px}.roster-grid{gap:7px}.ninja-art{height:78px}.ninja-art svg{width:107px;height:121px;top:1px}.ninja-card-copy{padding:7px 4px}.ninja-card-copy strong{font-size:8px}.ninja-card-copy small{font-size:5px;letter-spacing:0}.ninja-number{font-size:6px;left:5px;top:5px}.selected-tick{width:12px;height:12px;right:4px;top:4px;font-size:7px}footer{font-size:7px;line-height:1.6;gap:22px;padding:16px 0;margin-top:20px}.battle-event{font-size:19px}.arena-overlay button{padding:8px 18px;font-size:10px;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Dedicated move cards and a clearer battle HUD. */
body{background:radial-gradient(ellipse at 80% 18%,#eeecdd77,transparent 50%),var(--paper)}
main{padding-top:29px}.page-heading{margin-bottom:24px}.battle-layout{--ninja-accent:#ff7b32;--ninja-dark:#743423;grid-template-columns:minmax(0,1fr) 310px;gap:24px}
.arena-stage{border:1px solid #717c6650;box-shadow:0 12px 25px #333e2710;border-radius:8px 8px 0 0}
.arena-overlay{background:linear-gradient(180deg,#18291c05,#18291c18 55%,transparent)}
.arena-overlay h2{text-shadow:0 2px 18px #1b2c2666}.arena-overlay.result{background:#1d302bd9}
.hud{inset:18px 23px auto;gap:15px;grid-template-columns:1fr 61px 1fr}.fighter-label{font-size:12px;margin-bottom:8px;text-shadow:0 1px 3px #12251ccc}
.health{height:12px;box-shadow:0 2px 8px #132d192a}.health i{background:linear-gradient(90deg,#e99d42,#ffe9a4);box-shadow:0 0 10px #edbe5f55}
.enemy-hud .health i{background:linear-gradient(90deg,#a8b68e,#e6eeae)}.chakra{height:4px;background:#17251e70}.chakra i{background:linear-gradient(90deg,#4e929d,#bcf3f1);box-shadow:0 0 8px #96e4e04a}
.fighter-status{height:16px;font-size:9px;color:#fff6d4;text-shadow:0 1px 4px #152b1d;margin-top:5px;letter-spacing:1px}
.timer-box{padding:3px 5px 7px;background:linear-gradient(#213e3866,#213e3800);clip-path:polygon(0 0,100% 0,90% 85%,50% 100%,10% 85%)}.timer-box b{font-size:36px}.timer-box small{font-size:6px}
.stage-caption{font-size:8px;text-shadow:0 1px 4px #25351d}.arena-bottom{background:#e9ecdf}.controls-strip{margin-top:17px;gap:7px}
.featured-art{height:183px;background:radial-gradient(ellipse at bottom,#e8e8d944,transparent 70%)}.featured-art svg{width:228px;height:251px;top:-4px}.portrait-sun{width:163px;height:163px;border:1px solid #ffffffaa;box-shadow:0 0 0 7px #eee9d544,0 0 0 8px #dddfc766}.portrait-kanji{font-size:135px;opacity:.7}
.character-panel{box-shadow:0 7px 21px #48543609;border-color:#d5dccb;background:#faf9f2}.character-info{padding-top:12px}.character-info h2{font-size:27px}.character-meta{font-size:10px}.character-english{font-size:8px}.stat-row{margin:13px 0}
.moves-preview{border-top:1px solid #e0e4d4;border-bottom:1px solid #e0e4d4;padding:4px 0}.move-summary{padding:8px 0}.move-summary+ .move-summary{border-top:1px dashed #e2e5d8}.move-summary>div{display:flex;gap:7px;align-items:center}.move-key{display:grid;place-items:center;width:19px;height:20px;border:1px solid #cbd5bf;border-bottom-width:2px;border-radius:4px;font-size:9px;color:#75816a;background:#f1f3e9;flex-shrink:0}.move-summary strong{font-size:11px;line-height:1.4}.move-cooldown{margin-left:auto;white-space:nowrap;color:#939d82;font-size:8px}.move-summary p{margin:5px 0 0 26px;font-size:9px;line-height:1.7;color:#808973}.ultimate-summary .move-key{background:#f5e4d1;border-color:#e8c7a8;color:#bb754d}.ultimate-summary strong{color:#805c42}.match-options{margin:12px 0}.start-note{font-size:8px}
.technique-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:19px}.technique-button{isolation:isolate;overflow:hidden;position:relative;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d5ddc9;border-radius:6px;padding:13px 14px;background:linear-gradient(110deg,#f8faf2,#e9edde);min-width:0;transition:border-color .2s,background .2s}.technique-button:disabled{opacity:.76;cursor:default}.technique-button:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--cooldown,0%);background:#889d7930;z-index:-1;transition:width .08s linear}.technique-button.ready{border-color:#a6bc8e;box-shadow:0 2px 10px #687e3a10}.technique-button.ready:hover{background:#f3f8e9;border-color:#788d5c}.technique-glyph{flex-shrink:0;display:grid;place-items:center;width:43px;height:43px;font:800 29px var(--serif);color:#62794e;background:#e1e8d4;border:1px solid #bdcdae;transform:rotate(-5deg);border-radius:6px;box-shadow:inset 0 0 0 3px #ffffff55}.technique-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.technique-copy>small{font-size:8px;letter-spacing:1px;color:#8c997b}.technique-copy kbd{margin-left:5px;font-size:8px;border:1px solid #cbd3be;border-radius:2px;padding:0 3px;font-family:inherit}.technique-copy>strong{font-size:12px;line-height:1.4}.technique-copy>span{font-size:8px;color:#8b957d}.technique-energy{font-size:7px;color:#98a487;text-align:center;margin-left:auto;white-space:nowrap}.technique-energy b{display:block;font:400 21px var(--serif);color:#6c7c5e;margin-bottom:2px}.ultimate-button{background:linear-gradient(110deg,#fcf7ef,#f0e4d3);border-color:#e0d3be}.ultimate-button .technique-glyph{color:#a47749;background:#eee0c9;border-color:#d8bd99}.ultimate-button .technique-copy small{color:#ac9275}.ultimate-button .technique-copy strong{color:#836040}.ultimate-button.ready{border-color:#d5a165;box-shadow:0 0 15px #d9a8551a}.ultimate-button.ready:hover{background:#fcf0db;border-color:#b88854}.ultimate-button:before{background:#b7966230}.ultimate-button .technique-copy>span{color:#a48d71}.ultimate-button .technique-energy b{color:#a17a51}
.combo-badge{position:absolute;right:32px;bottom:48px;display:flex;align-items:center;gap:7px;color:#ffe5a4;text-shadow:2px 3px 0 #41332399;transform:rotate(-5deg);pointer-events:none}.combo-badge[hidden]{display:none}.combo-badge>b{font:italic 800 46px var(--serif);line-height:1}.combo-badge>span{font-size:16px;font-weight:800}.combo-badge small{display:block;font-size:6px;letter-spacing:2px;margin-top:4px}.battle-event{top:22%;font-size:19px;left:15%;right:15%;font-family:var(--sans);letter-spacing:1px}.roster-section{margin-top:28px}.ninja-art{height:124px}.ninja-art svg{width:150px;height:170px;top:0}.ninja-card{box-shadow:0 3px 9px #52613d06}.ninja-card-copy{padding:11px 8px}.ninja-card-copy strong{font-size:11px}.ninja-card.selected{box-shadow:0 3px 15px #bd643025}.ninja-card.selected .ninja-art{background:radial-gradient(circle at 50% 65%,var(--card-color),transparent 70%)}
@media(min-width:1400px){.featured-art{height:206px}.featured-art svg{width:243px;height:276px}.battle-layout{grid-template-columns:minmax(0,1fr) 324px}.character-info{padding:13px 20px 16px}.moves-preview p{font-size:10px}.technique-button{padding:15px}.arena-stage{aspect-ratio:2/1.02}}
@media(max-width:1100px){.battle-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.featured-art{height:164px}.featured-art svg{width:215px;height:243px}.technique-dock{gap:8px;margin-top:15px}.technique-button{padding:10px;gap:9px}.technique-glyph{width:34px;height:35px;font-size:25px}.technique-copy>strong{font-size:10px}.technique-energy{display:none}.hud{inset:15px 17px auto;grid-template-columns:1fr 42px 1fr;gap:10px}.fighter-label{font-size:9px}.timer-box b{font-size:30px}.moves-preview p{font-size:9px}.move-summary strong{font-size:10px}.ninja-art{height:125px}.ninja-art svg{width:160px;height:181px}}
@media(max-width:760px){main{padding-top:23px}.page-heading{margin-bottom:18px}.battle-layout{grid-template-columns:1fr;gap:17px}.arena-stage{aspect-ratio:1.7/1}.hud{inset:11px 11px auto;grid-template-columns:1fr 35px 1fr;gap:8px}.fighter-label{font-size:8px;margin-bottom:5px}.timer-box b{font-size:25px}.health{height:8px}.chakra{height:3px}.fighter-status{font-size:7px;margin-top:3px}.character-panel{grid-template-columns:122px minmax(0,1fr)}.featured-art{height:100%;min-height:335px}.featured-art svg{width:214px;height:254px;top:71px}.portrait-sun{width:139px;height:139px;top:99px}.portrait-kanji{font-size:96px;bottom:34px}.character-info{padding:35px 12px 12px 3px}.character-info h2{font-size:22px}.character-meta{font-size:8px}.character-english{font-size:6px}.stat-row{margin:10px 0}.move-summary{padding:7px 0}.move-summary strong{font-size:9px}.move-summary p{font-size:8px;margin-left:0;line-height:1.65}.move-key{width:16px;height:17px;font-size:8px}.move-cooldown{font-size:7px}.match-options{margin:9px 0}.start-note{font-size:7px}.technique-dock{margin-top:11px;gap:8px}.technique-button{padding:8px;gap:8px}.technique-copy{gap:3px}.technique-copy>small{font-size:7px}.technique-copy>strong{font-size:9px}.technique-copy>span{font-size:7px}.technique-glyph{width:29px;height:31px;font-size:21px}.technique-energy{display:none}.touch-controls{margin-top:10px}.touch-controls button:disabled{opacity:.45}.touch-controls>div{gap:5px}.touch-controls button{height:38px;padding:0 8px;min-width:34px}.ninja-art{height:80px}.ninja-art svg{width:111px;height:126px}.ninja-card-copy{padding:7px 4px}.ninja-card-copy strong{font-size:8px}.combo-badge{right:15px;bottom:27px;gap:5px}.combo-badge>b{font-size:29px}.combo-badge>span{font-size:10px}.combo-badge small{font-size:5px}.battle-event{top:26%;font-size:12px;left:10%;right:10%}.stage-caption{font-size:6px}}

/* Ultimate illustrations are cropped from local key art at their natural ratio. */
.featured-art.illustrated{height:auto;min-height:0;background-repeat:no-repeat;margin-top:10px;isolation:isolate}
.featured-art.illustrated .portrait-sun,.featured-art.illustrated .portrait-kanji{display:none}
.featured-art.illustrated:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#151c2d60);pointer-events:none}
.featured-art.illustrated .village-tag{background:#131d2ecc;color:#fff1d2;border-color:#e5c18d60;backdrop-filter:blur(8px)}
/* A separate, opaque cutscene. The battle simulation remains frozen beneath it. */
.ultimate-cinema{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;color:#fff5dc;isolation:isolate;--cinema-color:#eaa563;--cinema-age:0;--cinema-progress:0;--cinema-enter:0;--cinema-exit:0}
.ultimate-cinema[hidden]{display:none}
.cinema-backdrop{position:absolute;inset:0;background:#080b14}
.cinema-energy{position:absolute;inset:-40%;background:radial-gradient(ellipse at 65% 48%,color-mix(in srgb,var(--cinema-color) 55%,transparent),transparent 43%),repeating-conic-gradient(from 10deg at 65% 50%,transparent 0deg 11deg,#ffffff14 11.3deg 11.5deg,transparent 12deg 28deg);transform:rotate(calc(var(--cinema-age)*4deg));opacity:.8}
.cinema-ring{position:absolute;width:54%;aspect-ratio:1;right:3%;top:-3%;border:1px solid color-mix(in srgb,var(--cinema-color) 65%,transparent);border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--cinema-color) 25%,transparent),inset 0 0 28px color-mix(in srgb,var(--cinema-color) 25%,transparent);transform:rotate(calc(var(--cinema-age)*42deg)) scale(calc(.6 + var(--cinema-enter)*.5))}
.cinema-ring:before,.cinema-ring:after{content:'';position:absolute;inset:9%;border:1px dashed #fff4d377;border-radius:50%}.cinema-ring:after{inset:-7%;border-style:dotted;transform:rotate(15deg)}
.cinema-streaks{position:absolute;inset:-20%;background:repeating-linear-gradient(-14deg,transparent 0 47px,color-mix(in srgb,var(--cinema-color) 50%,transparent) 48px,transparent 50px 94px);transform:translateX(calc(var(--cinema-age)*-28px));opacity:.4;z-index:3;mix-blend-mode:screen}
.cinema-flash{position:absolute;inset:0;background:#e4f5ff;z-index:6}
.ultimate-illustration{position:absolute;width:60%;right:0;top:50%;margin-top:-21%;background-repeat:no-repeat;transform-origin:center;box-shadow:0 0 50px #060810;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 93%,transparent);will-change:transform}
.ultimate-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b143d,transparent 40%),linear-gradient(180deg,#080b1455,transparent 20%,transparent 78%,#080b1466)}
.cinema-copy{position:absolute;left:5.5%;right:38%;top:15%;z-index:4;transform:translateX(calc((1 - var(--cinema-enter))*-55px));filter:drop-shadow(0 3px 10px #000)}
.cinema-overline{display:flex;align-items:center;gap:13px}.cinema-overline>span{font-family:var(--serif);font-size:12px;letter-spacing:4px;color:#fae7b7;border:1px solid #cab78366;padding:5px 8px;background:#14141cbb}.cinema-overline small{font-size:6px;letter-spacing:2px;color:#c8c8ce}
.cinema-quote{font-family:var(--serif);font-size:clamp(22px,3.2vw,44px);font-weight:900;line-height:1.48;letter-spacing:1px;white-space:pre-line;margin:5.5% 0 4%;text-shadow:0 0 25px color-mix(in srgb,var(--cinema-color) 30%,transparent);opacity:clamp(0,calc((var(--cinema-age) - .15)*3),1);transform:translateY(calc((1 - var(--cinema-enter))*22px))}
.cinema-rule{height:1px;background:linear-gradient(90deg,var(--cinema-color),#fff4d755,transparent);width:75%;margin-bottom:5%}
.cinema-copy>strong{display:block;font-size:clamp(17px,2vw,29px);font-family:var(--serif);font-weight:900;letter-spacing:2px;color:#ffe5a8;opacity:clamp(0,calc((var(--cinema-age) - .45)*3),1)}
.cinema-identity{display:flex;align-items:center;gap:12px;margin-top:10px}.cinema-identity b{font-size:10px;font-weight:500;letter-spacing:2px}.cinema-identity em{font-size:6px;letter-spacing:1.5px;font-style:normal;color:#c7c4cb}
.cinema-watermark{position:absolute;right:2%;bottom:8%;font-family:var(--serif);font-size:clamp(55px,8vw,110px);line-height:.95;font-weight:900;color:#fff4dc20;transform:rotate(-8deg);z-index:3;writing-mode:vertical-rl}
.cinema-status{position:absolute;bottom:6%;left:5.5%;right:5.5%;display:flex;justify-content:space-between;z-index:4;font-size:8px;letter-spacing:1.5px;color:#b7b9c8}.cinema-status b{font-size:6px;font-weight:500;letter-spacing:3px;color:#d6d0bd}
.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1d2031;z-index:6}.cinema-progress i{display:block;width:100%;height:100%;background:var(--cinema-color);box-shadow:0 0 15px var(--cinema-color);transform:scaleX(0);transform-origin:left}
@media(max-width:760px){.character-panel{display:block}.panel-eyebrow{position:static;padding:14px 16px 5px}.featured-art.illustrated{margin:8px 12px 0}.character-info{padding:16px}.character-english{font-size:8px}.character-info h2{font-size:27px}.character-meta{font-size:10px}.move-summary strong{font-size:12px}.move-summary p{font-size:10px}.match-options label{font-size:10px}.match-options select{font-size:12px}.stat-row>span{font-size:10px}.start-note{font-size:9px}.cinema-copy{top:11%;left:5%;right:23%}.cinema-overline{gap:8px}.cinema-overline>span{font-size:7px;letter-spacing:2px;padding:3px 5px}.cinema-overline small{font-size:4px;letter-spacing:1px}.cinema-quote{font-size:clamp(15px,5vw,29px);line-height:1.42;margin:4% 0 3%;text-shadow:0 2px 12px #000,0 0 6px #000}.cinema-rule{margin-bottom:3%;width:68%}.cinema-copy>strong{font-size:clamp(12px,3.9vw,21px);letter-spacing:1px}.cinema-identity{gap:5px;margin-top:5px}.cinema-identity b{font-size:7px;letter-spacing:1px}.cinema-identity em{font-size:4px;letter-spacing:.8px}.ultimate-illustration{width:69%;right:-10%;margin-top:-22%;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 26%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000 90%,transparent)}.cinema-ring{right:-6%;width:66%;top:-1%}.cinema-status{bottom:5%;font-size:6px;letter-spacing:.5px}.cinema-status b{display:none}.cinema-watermark{font-size:54px;right:3%;bottom:11%}.cinema-streaks{opacity:.26}}
@media(prefers-reduced-motion:reduce){.ultimate-illustration{will-change:auto;transform:none!important}.cinema-flash,.cinema-streaks{display:none}.cinema-energy,.cinema-ring,.cinema-copy,.cinema-quote{transform:none}.cinema-copy>strong,.cinema-quote{opacity:1}}

/* Two thumb zones: a movement disc and an attack-centered fan. */
#stage,#stage *{touch-action:none}
.touch-gamepad,.touch-tip,.help-touch{display:none}
.arena-overlay{z-index:6}
@media(max-width:1100px),(any-pointer:coarse){
 .battle-layout{grid-template-columns:minmax(0,1fr)}
 .character-panel{width:100%;max-width:620px;justify-self:center}
 .controls-strip,.technique-dock,.arena-bottom,.stage-caption{display:none}
 .arena-stage{--pad-unit:1px;aspect-ratio:1.2;-webkit-user-select:none;user-select:none}
 .touch-gamepad{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}
 .touch-gamepad:before{content:'';position:absolute;inset:auto 0 0;height:calc(214 * var(--pad-unit));background:linear-gradient(transparent,#132c274d 40%,#122924a6);pointer-events:none}
 .move-joystick{position:absolute;left:16px;bottom:32px;width:116px;height:116px;border:1px solid #f4ebc780;border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#203a3580 0 43%,#c4d5ba20 44% 61%,#e5eccc60 62% 63%,#18352b88 64%);box-shadow:inset 0 0 22px #0e201e50,0 4px 18px #10221f60;backdrop-filter:blur(3px)}
 .move-joystick.held{border-color:#fff2c9;box-shadow:0 0 18px #f6d58844}
 .joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #fff4c5b3;background:radial-gradient(circle at 35% 25%,#f2e4b2e6,#aaab83ee 50%,#747f62f2);box-shadow:0 3px 9px #13281799,inset 0 1px 4px #fff4c966}
 .joystick-knob:after{content:'';position:absolute;inset:8px;border:1px solid #ffffff44;border-radius:50%}
 .joystick-arrow{position:absolute;top:50%;transform:translateY(-55%);font-size:27px;line-height:1;color:#fff2cecc;pointer-events:none}.joystick-arrow.left{left:9px}.joystick-arrow.right{right:9px}
 .move-joystick>small{position:absolute;bottom:-21px;left:0;right:0;text-align:center;font-size:10px;color:#fff5d8;letter-spacing:2px;text-shadow:0 1px 4px #18271d;pointer-events:none}
 .touch-gamepad .touch-controls{display:block;position:absolute;right:14px;bottom:18px;width:calc(220 * var(--pad-unit));height:calc(194 * var(--pad-unit));margin:0;padding:0;pointer-events:none;touch-action:none}
 .touch-gamepad .touch-controls button{--size:60;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:auto;touch-action:none;min-width:0;width:calc(var(--size) * var(--pad-unit));height:calc(var(--size) * var(--pad-unit));padding:0;border-radius:50%;font-size:12px;font-weight:700;border:1.5px solid #dce5cbb3;background:radial-gradient(circle at 35% 20%,#536d60f2,#233d34f2);color:#fff8e7;box-shadow:0 4px 10px #10262280,inset 0 1px 3px #ffffff4d;text-shadow:0 1px 3px #142e2a;backdrop-filter:blur(4px)}
 .touch-gamepad .touch-controls button>small{font-size:9px;line-height:1;font-weight:500;color:#fff3cf}
 .touch-gamepad .touch-controls .touch-icon{font-size:18px;line-height:1}
 .touch-gamepad .touch-controls [data-action=jump]{--size:54;left:calc(4 * var(--pad-unit));top:calc(136 * var(--pad-unit));font-size:11px}
 .touch-gamepad .touch-controls [data-action=guard]{--size:54;left:0;top:0;font-size:11px}
 .touch-gamepad .touch-controls [data-action=attack]{--size:76;right:0;bottom:0;border:2px solid #ffe6a6;background:radial-gradient(circle at 35% 20%,#b9944afa,#71501df5);font-size:18px;box-shadow:0 0 0 4px #ffe6a619,0 5px 16px #10221c99,inset 0 2px 5px #fff2c94d}
 .touch-gamepad .touch-controls [data-action=skill]{--size:62;left:calc(72 * var(--pad-unit));top:calc(132 * var(--pad-unit));background:radial-gradient(circle at 35% 20%,#629eacf5,#225a70f2);border-color:#b7ecff}
 .touch-gamepad .touch-controls [data-action=skill2]{--size:62;left:calc(34 * var(--pad-unit));top:calc(64 * var(--pad-unit));background:radial-gradient(circle at 35% 20%,#9c80c3f5,#594175f2);border-color:#e2c6ff}
 .touch-gamepad .touch-controls [data-action=ultimate]{--size:64;right:calc(8 * var(--pad-unit));top:0;background:radial-gradient(circle at 35% 20%,#c4704cf5,#802f25f2);border-color:#ffbd88}
 .touch-gamepad .touch-controls .touch-glyph{font-family:var(--serif);font-size:24px;line-height:1;font-weight:900;text-shadow:0 0 10px #fff4be88}
 .touch-gamepad .touch-controls [data-action=ultimate] .touch-glyph{color:#ffe3a3}
 .touch-gamepad .touch-controls button:has(.touch-glyph){gap:1px;font-size:10px}
 .touch-gamepad .touch-controls button:has(.touch-glyph)>small{font-size:8px}
 .skill-link{position:absolute;left:calc(87 * var(--pad-unit));top:calc(74 * var(--pad-unit));writing-mode:vertical-rl;color:#fff0c9;font-size:9px;letter-spacing:2px;text-shadow:0 1px 5px #102b24;transform:rotate(-29deg);transform-origin:top left}
 .skill-link:before{content:'⇄';display:block;font-size:16px;line-height:1;margin-bottom:2px}
 .touch-gamepad .touch-controls button:active,.touch-gamepad .touch-controls button.held{transform:none;filter:brightness(1.3);box-shadow:0 0 0 3px #fff2b566,0 0 22px #fff1b655,inset 0 2px 5px #132d2455}
 .touch-gamepad .touch-controls button:disabled{opacity:.55;filter:saturate(.6);transform:none}
 .move-joystick[aria-disabled=true]{opacity:.55}
 #stage[data-battle-phase=cinematic] .touch-gamepad{visibility:hidden}
 #stage[data-battle-phase=paused] .touch-gamepad{opacity:.2}
 .arena-overlay{padding-bottom:184px}
 .touch-tip{display:block;margin:9px 0 0;text-align:center;font-size:10px;line-height:1.7;color:#738069}
 .arena-tools button{min-width:44px;min-height:44px;padding:8px}
 .arena-topline{min-height:44px}
 .combo-badge{bottom:auto;top:70px;right:16px}
 .help-keys{display:none}.help-touch{display:block;margin:20px 0}.help-touch p{margin:0 0 15px}.help-touch b{display:block;color:#cc6039;margin-bottom:3px}
}
@media(max-width:600px){
 .battle-view:not(.is-fullscreen){margin-inline:-16px}
 .arena-topline{padding-inline:12px}
 .arena-stage{aspect-ratio:.80;border-radius:0}
}
@media(max-width:374px){
 .arena-stage{--pad-unit:.84px}
 .move-joystick{width:108px;height:108px;left:12px}
 .touch-gamepad .touch-controls{right:8px}
}
@media(max-width:350px){
 .arena-stage{aspect-ratio:.76}
 .move-joystick{width:100px;height:100px;left:8px;bottom:30px}
 .touch-gamepad .touch-controls{right:8px}
 .touch-gamepad .touch-controls button{font-size:11px}
}
@media(max-width:1100px) and (max-height:520px) and (orientation:landscape),(any-pointer:coarse) and (max-height:520px) and (orientation:landscape){
 main{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
 .battle-layout{scroll-margin-top:0}
 .battle-view:not(.is-fullscreen){margin-inline:0}
 .arena-stage{--pad-unit:1px;height:calc(100vh - 48px);height:calc(100dvh - 48px);min-height:215px;aspect-ratio:auto}
 .arena-topline{height:44px}.touch-tip{display:none}
 .move-joystick{left:max(26px,env(safe-area-inset-left));bottom:34px;width:128px;height:128px}
 .touch-gamepad .touch-controls{right:max(26px,env(safe-area-inset-right));bottom:22px}
 .arena-overlay{padding-bottom:40px}
 .cinema-quote{font-size:clamp(19px,3vw,29px);line-height:1.35;margin:3% 0 2%}
 .cinema-copy{top:12%}.cinema-copy>strong{font-size:20px}.cinema-identity{margin-top:5px}
}

@media(max-width:1100px) and (max-height:360px) and (orientation:landscape),(any-pointer:coarse) and (max-height:360px) and (orientation:landscape){
 .arena-stage{--pad-unit:.84px}
 .move-joystick{width:112px;height:112px;bottom:26px}
 .touch-gamepad .touch-controls{bottom:16px}
}

.skill2-button .technique-glyph{background:#ece3f3;color:#795694}

/* Linked skills stay readable while the actual fight remains visible. */
.combo-guide{margin-top:12px;padding:12px 14px;border:1px solid #d8dcca;border-radius:6px;background:#f2f1e7}
.combo-guide>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.combo-label{font-size:9px;letter-spacing:2px;color:#947347}
.combo-guide strong{font-size:12px;color:#545f44}.combo-guide #comboState{margin-left:auto;font-size:9px;color:#8b8c77}
.combo-guide p{font-size:10px;line-height:1.6;margin:7px 0;color:#79816b}.combo-guide>small{font-size:9px;color:#8b8f7b;line-height:1.7}
.combo-guide kbd{margin-left:8px;padding:1px 5px;border:1px solid #c7cbb7;border-radius:3px}.combo-guide.ready{border-color:#c4aa6b;background:linear-gradient(100deg,#f4edda,#f1f2e7)}
.combo-guide.ready #comboState{color:#97713b}
@media(max-width:1100px),(any-pointer:coarse){
 .joystick-arrow.forward,.joystick-arrow.back{left:50%;right:auto;transform:translateX(-50%);font-size:23px;line-height:1}
 .joystick-arrow.forward{top:4px}.joystick-arrow.back{top:auto;bottom:4px}
 .touch-gamepad .touch-controls button.combo-target{box-shadow:0 0 0 3px #fff2b5,0 0 22px #ffd66f;filter:brightness(1.3)}
 .combo-guide{padding:10px 12px;margin-top:8px}.combo-guide>div{gap:6px}.combo-guide #comboState{width:100%;margin-left:0}.combo-guide kbd{display:none}
}

/* Keep the toolbar and touch controls available in native or full-window mode. */
.game-fullscreen-open,.game-fullscreen-open body{overflow:hidden}
.battle-view.is-fullscreen{position:fixed;inset:var(--game-top,0px) auto auto var(--game-left,0px);z-index:1000;width:var(--game-width,100%);height:100vh;height:var(--game-height,100dvh);display:flex;flex-direction:column;background:#182c25;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;overscroll-behavior:none}
.battle-view.is-fullscreen .arena-topline{flex:0 0 44px;height:44px;padding:0 12px;background:#f3f0e6}
.battle-view.is-fullscreen .arena-stage{flex:1 1 0;width:100%;height:0;min-height:0;aspect-ratio:auto;border-radius:0}
.battle-view.is-fullscreen .stage-caption{display:none}
#fullscreenBtn{white-space:nowrap}
.fullscreen-notice{flex:0 0 auto;text-align:center;background:#182c25}
.fullscreen-notice[hidden]{display:none}
.fullscreen-notice button{display:block;width:100%;min-height:28px;border:0;padding:5px 8px;background:none;color:#f9e7bb;font-size:11px}
.fullscreen-guide{padding:14px;background:#e8ecdf;border-radius:6px;margin:16px 0}
.fullscreen-guide h3{font-size:15px;margin:0 0 8px}.fullscreen-guide p{margin:8px 0;color:#526149}
@media(max-width:600px){.arena-topline>div:first-child>.divider,.arena-topline>div:first-child>span:last-child{display:none}.arena-topline>div:first-child{flex-shrink:0}.arena-topline .arena-tools{gap:0}.arena-topline strong{white-space:nowrap;font-size:10px}.battle-view.is-fullscreen .arena-topline{padding:0 6px}}

.difficulty-note{margin:-3px 0 13px;padding:9px 10px;border-left:2px solid #baa071;background:#efeee3;color:#7b816b;font-size:10px;line-height:1.65}
#battleMode{white-space:nowrap}
@media(max-width:600px){#battleMode{max-width:76px;overflow:hidden;text-overflow:ellipsis}}

/* A delayed red segment makes each landed strike readable on the doubled life pool. */
.health{position:relative;overflow:hidden;height:14px;border:1px solid #f2e6ba80;background:#25342df2;box-shadow:0 2px 8px #132d1970}
.health i{position:relative;z-index:1;transition:width .045s linear}
.health .health-trail{position:absolute;top:1px;bottom:1px;left:1px;display:block;width:100%;background:#e8744b}
.enemy-hud .health .health-trail{left:auto;right:1px}
.health:after{content:'';position:absolute;inset:1px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#18392b55 calc(25% - 1px),#18392b55 25%)}
@media(max-width:760px){.health{height:12px}.fighter-label{font-size:9px}.fighter-label>span:last-child{font-size:9px}}