:root{--ink:#0a0d1c;--arena:#141b3d;--line:#2b3465;--paper:#eef1ff;--muted:#97a0c8;--p1:#57b9ff;--p2:#ff5a6e;--gold:#ffd24a;--hp-high:#47e08d;--hp-mid:#ffd24a;--hp-low:#ff5a6e;--mp:#7d8cff;--font-dot:"DotGothic16", "Hiragino Kaku Gothic ProN", "Yu Gothic", monospace;--font-display:"Shippori Mincho B1", "Hiragino Mincho ProN", serif;--font-body:"Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--paper);font-family:var(--font-body);background-color:var(--ink);background-image:radial-gradient(90% 55% at 50% -10%,#223066 0%,#22306600 65%),radial-gradient(#ffffff0b 1px,#0000 1.4px);background-repeat:no-repeat,repeat;background-size:auto,10px 10px;min-height:100vh;margin:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app-header{flex-wrap:wrap;align-items:baseline;gap:16px;max-width:980px;margin:0 auto;padding:30px 20px 6px;display:flex}.app-logo{cursor:pointer;font-family:var(--font-dot);color:var(--paper);letter-spacing:.08em;text-shadow:3px 3px #000000b3;background:0 0;border:none;padding:0;font-size:30px}.app-logo:hover{color:var(--gold)}.app-tagline{letter-spacing:.42em;color:var(--muted);font-size:10px}body:has(.battle-screen) .app-header{padding:10px 20px 0}body:has(.battle-screen) .app-logo{font-size:18px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{border:3px solid var(--line);background:var(--arena);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:transform .1s,box-shadow .1s,color .15s;display:inline-flex;box-shadow:3px 3px #0000008c}.icon-button:hover{color:var(--gold);transform:translate(-1px,-1px);box-shadow:4px 4px #0000008c}.icon-button:active{transform:translate(2px,2px);box-shadow:0 0 #0000008c}body:has(.battle-screen) .icon-button{width:30px;height:30px}.settings-overlay{z-index:100;background:#0a0d1cbf;padding:60px 20px;position:fixed;inset:0;overflow-y:auto}.settings-overlay:not([hidden]){justify-content:center;align-items:flex-start;display:flex}.settings-panel{background:var(--arena);border:3px solid var(--line);border-radius:10px;width:100%;max-width:420px;padding:20px;box-shadow:6px 6px #0000008c}.settings-panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-panel-title{font-family:var(--font-display);margin:0;font-size:20px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-row-label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.settings-hint{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.volume-row{align-items:center;gap:12px;display:flex}.volume-row input[type=range]{accent-color:var(--gold);flex:1}.volume-value{font-family:var(--font-dot);color:var(--paper);text-align:right;min-width:3em;font-size:13px}.app-main{max-width:980px;margin:0 auto;padding:10px 20px 90px}.app-footer{max-width:980px;color:var(--muted);margin:0 auto;padding:0 20px 36px;font-size:11px;line-height:1.9}.app-footer p{margin:0 0 4px}.app-credits a{color:var(--muted);text-decoration:underline}.screen{margin-top:18px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:.12em;margin:0;font-size:22px;font-weight:800}.section-title:before{content:"";background:var(--gold);width:10px;height:10px;margin-right:12px;display:inline-block}.btn{font-family:var(--font-dot);color:var(--paper);background:var(--arena);border:3px solid var(--line);cursor:pointer;border-radius:6px;padding:10px 18px;font-size:14px;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #0000008c}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #0000008c}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #0000008c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#1c1400;border-color:#8a6d00}.btn-ghost{background:0 0}.btn-danger{border-color:var(--p2);color:var(--p2)}.btn-large{padding:13px 26px;font-size:17px}.btn-small{padding:6px 12px;font-size:12px;box-shadow:2px 2px #0000008c}.notice{border:2px solid var(--line);color:var(--muted);background:#57b9ff12;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.7}.error-box{border:2px solid var(--p2);color:#ffc9d0;background:#ff5a6e14;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.7}.error-box p{margin:0 0 8px}.error-box summary{cursor:pointer;color:var(--paper)}.error-box ol{margin:8px 0 0;padding-left:20px}.error-box li{margin-bottom:6px}.empty-state{border:3px dashed var(--line);text-align:center;border-radius:12px;padding:48px 24px}.empty-lead{font-family:var(--font-dot);margin:0 0 10px;font-size:18px}.empty-sub{color:var(--muted);margin:0;max-width:480px;margin-inline:auto;font-size:13px;line-height:1.8}.roster{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.roster-item{grid-row:span 8;grid-template-rows:subgrid;row-gap:8px;display:grid;position:relative}.card{background:var(--arena);border:2px solid var(--line);border-radius:10px;padding:14px}.roster-item .card{grid-row:span 7;grid-template-rows:subgrid;row-gap:0;display:grid}.card-clickable{cursor:pointer;transition:transform .15s}.card-clickable:hover{transform:translateY(-3px)}.selected-p1 .card{outline:3px solid var(--p1);outline-offset:2px}.selected-p2 .card{outline:3px solid var(--p2);outline-offset:2px}.selected-royale .card{outline:3px solid var(--gold);outline-offset:2px}.selected-story .card{outline:3px solid var(--mp);outline-offset:2px}.slot-badge{z-index:1;font-family:var(--font-dot);color:#10131f;border-radius:4px;padding:3px 9px;font-size:13px;position:absolute;top:-10px;left:-8px}.slot-badge-p1{background:var(--p1)}.slot-badge-p2{background:var(--p2)}.slot-badge-royale{background:var(--gold)}.slot-badge-story{background:var(--mp)}.card-portrait{aspect-ratio:1;border:2px solid var(--line);background:#060915;border-radius:6px;overflow:hidden}.card-portrait img{object-fit:cover;width:100%;height:100%}.card-title{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);margin:10px 0 0;font-size:12px;font-weight:700}.card-name{font-family:var(--font-dot);margin:2px 0 6px;font-size:18px}.card-desc{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.7}.card-stats{gap:5px;display:grid}.stat-row{grid-template-columns:58px 1fr 34px;align-items:center;gap:8px;display:grid}.stat-label{color:var(--muted);font-size:11px}.stat-bar{border:1px solid var(--line);background:#060915;height:8px;display:block}.stat-bar-fill{background:#7d8cff;height:100%;display:block}.stat-value{font-family:var(--font-dot);text-align:right;font-size:13px}.card-special{background:#ffd24a12;border:1px solid #ffd24a66;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:7px 10px;display:flex}.card-special-label{color:#1c1400;background:var(--gold);border-radius:3px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.card-special-name{font-family:var(--font-dot);color:#ffe9a8;font-size:13px}.card-special-meta,.card-special-desc{color:var(--muted);width:100%;font-size:11px}.card-passive{background:#57b9ff12;border:1px solid #57b9ff66;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;display:flex}.card-passive-label{color:#06101c;background:var(--p1);border-radius:3px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.card-passive-name{font-family:var(--font-dot);color:#bfe3ff;font-size:13px}.card-passive-desc{color:var(--muted);width:100%;font-size:11px}.stage-roster-item{grid-row:span 7;grid-template-rows:subgrid;row-gap:8px;display:grid;position:relative}.stage-roster-item .card{grid-row:span 6;grid-template-rows:subgrid;row-gap:0;display:grid}.stage-clickable{cursor:pointer;transition:transform .15s}.stage-clickable:hover{transform:translateY(-3px)}.stage-card-default{text-align:left;width:100%;color:inherit;font:inherit}.stage-card-default-portrait{background-color:var(--ink);background-image:radial-gradient(90% 55% at 50% -10%,#223066 0%,#22306600 65%),radial-gradient(#ffffff0b 1px,#0000 1.4px);background-repeat:no-repeat,repeat;background-size:auto,10px 10px}.selected-stage .card{outline:3px solid var(--gold);outline-offset:2px}.mode-toggle{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 14px;display:flex}.mode-label{font-family:var(--font-dot);color:var(--muted);margin-right:4px;font-size:13px}.mode-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#ffd24a1f}.vs-panel{z-index:20;border:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1226f0;border-radius:12px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:16px;margin-top:30px;padding:12px 18px;display:grid;position:sticky;bottom:12px;box-shadow:0 12px 32px #0000008c}.vs-mark{font-family:var(--font-display);color:var(--gold);text-shadow:3px 3px #0009;-webkit-user-select:none;user-select:none;font-size:26px;font-style:italic;font-weight:800;transform:skew(-8deg)}.vs-slot{align-items:center;gap:10px;min-width:0;display:flex}.vs-side{flex-direction:column;gap:6px;min-width:0;display:flex}.vs-side-p1{justify-self:end}.vs-side-p2{justify-self:start}.vs-slot img{object-fit:cover;border-radius:6px;width:52px;height:52px}.vs-slot-p1 img{border:3px solid var(--p1)}.vs-slot-p2 img{border:3px solid var(--p2)}.vs-slot-empty span{font-family:var(--font-dot);color:var(--muted);border:3px dashed var(--line);border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.vs-slot-name{font-family:var(--font-dot);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.vs-panel-action{text-align:center}.vs-panel-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.bgm-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#ffd24a1f}.stage-indicator-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.stage-indicator{border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:44px;height:44px;display:block}.stage-indicator-default{background-color:var(--ink);background-image:radial-gradient(90% 55% at 50% -10%,#223066 0%,#22306600 65%),radial-gradient(#ffffff0b 1px,#0000 1.4px);background-repeat:no-repeat,repeat;background-size:auto,10px 10px;display:block}.vs-hint{font-family:var(--font-dot);color:var(--muted);margin:0 0 0 auto;font-size:12px}.vs-panel-royale{grid-template-columns:1fr auto}.vs-royale-entries{flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0;display:flex}.vs-slot-royale img{border:3px solid var(--gold)}.vs-panel-story{grid-template-columns:auto 1fr auto}.vs-story-entry{align-items:center;display:flex}.vs-slot-story img{border:3px solid var(--mp)}.vs-story-random-hint{font-family:var(--font-dot);color:var(--muted);text-align:center;margin:0;font-size:12px}.create-form{gap:18px;max-width:560px;display:grid}.drop-zone{border:3px dashed var(--line);cursor:pointer;min-height:220px;color:var(--muted);font-family:var(--font-dot);border-radius:10px;justify-content:center;align-items:center;padding:10px;font-size:14px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.drop-zone:hover,.drop-zone:focus-within,.drop-zone-active{border-color:var(--gold);background:#ffd24a0d}.drop-zone input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.drop-zone-preview{border:2px solid var(--line);border-radius:6px;max-height:200px}.form-field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.text-input{font-family:var(--font-dot);color:var(--paper);border:2px solid var(--line);background:#0a0f24;border-radius:6px;width:100%;max-width:320px;padding:10px 12px;font-size:16px}.text-input:focus{border-color:var(--p1);outline:none}.status-line{font-family:var(--font-dot);color:var(--gold);min-height:1.5em;margin:0;font-size:14px}.create-result{margin-top:28px}.create-result .card{max-width:340px}.result-lead{font-family:var(--font-dot);color:var(--gold);font-size:18px}.result-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.battle-screen{margin-top:8px}.stage{grid-template-rows:repeat(9,auto);grid-template-columns:1fr auto 1fr;column-gap:clamp(16px,2.5vw,32px);margin:6px 0 14px;display:grid;position:relative}.stage-vs{grid-row:1/-1;align-self:center;font-size:42px}.stage-team{grid-row:1/-1;grid-template-rows:subgrid;grid-auto-columns:min(210px,38vw);grid-auto-flow:column;column-gap:10px;min-width:0;display:grid}.stage-team-p1{justify-self:end}.stage-team-p2{justify-self:start}.stage-2v2 .stage-team{grid-auto-columns:min(160px,21vw)}.stage.stage-has-background:before{content:"";z-index:-1;background-image:var(--stage-bg-image);filter:blur(2px)brightness(.4);background-position:50%;background-size:cover;border-radius:10px;position:absolute;inset:-8px}.stage-banner{font-family:var(--font-dot);justify-content:center;align-items:baseline;gap:10px;margin:4px 0;display:flex}.stage-banner-name{color:var(--gold);font-size:15px}.stage-banner-trait{color:var(--muted);font-size:12px}.chapter-banner{font-family:var(--font-dot);justify-content:center;align-items:baseline;gap:10px;margin:4px 0;display:flex}.chapter-banner-index{color:var(--gold);font-size:15px}.chapter-banner-stage{color:var(--muted);font-size:12px}.stage-royale{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(140px,160px));justify-content:center;gap:10px}.stage-royale .fighter{grid-row:span 9;row-gap:0}.fighter-royale .fighter-portrait{border:4px solid var(--gold);box-shadow:0 0 26px #ffd24a4d}.fighter-ko{filter:grayscale()brightness(.6);opacity:.8}.fighter{grid-row:1/-1;grid-template-rows:subgrid;justify-items:center;min-width:0;display:grid}.fighter-portrait{aspect-ratio:1;background:#060915;border-radius:8px;width:100%;overflow:hidden}.fighter-portrait img{object-fit:cover;width:100%;height:100%}.fighter-p1 .fighter-portrait{border:4px solid var(--p1);box-shadow:0 0 26px #57b9ff4d}.fighter-p2 .fighter-portrait{border:4px solid var(--p2);box-shadow:0 0 26px #ff5a6e4d}.fighter-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);text-align:center;margin:6px 0 0;font-size:11px;font-weight:700}.fighter-name{font-family:var(--font-dot);text-align:center;margin:2px 0 6px;font-size:18px}.hp-bar{border:2px solid var(--paper);background:#000;border-radius:4px;width:100%;height:14px;overflow:hidden}.hp-fill{width:100%;height:100%;transition:width .45s ease-out;display:block}.hp-high{background:var(--hp-high)}.hp-mid{background:var(--hp-mid)}.hp-low{background:var(--hp-low)}.hp-text{font-family:var(--font-dot);justify-self:end;margin-top:4px;font-size:13px}.mp-bar{border:2px solid var(--paper);background:#000;border-radius:4px;width:100%;height:8px;margin-top:6px;overflow:hidden}.mp-fill{background:var(--mp);height:100%;transition:width .45s ease-out;display:block}.mp-text{font-family:var(--font-dot);color:var(--muted);justify-self:end;margin-top:3px;font-size:11px}.fighter-info{flex-direction:column;gap:4px;width:100%;margin-top:6px;display:flex}.fighter-special,.fighter-passive{border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 7px;display:flex}.fighter-special{background:#ffd24a12;border:1px solid #ffd24a66}.fighter-passive{background:#57b9ff12;border:1px solid #57b9ff66}.fighter-info-label{border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.fighter-special .fighter-info-label{color:#1c1400;background:var(--gold)}.fighter-passive .fighter-info-label{color:#06101c;background:var(--p1)}.fighter-special-name{font-family:var(--font-dot);color:#ffe9a8;font-size:12px}.fighter-passive-name{font-family:var(--font-dot);color:#bfe3ff;font-size:12px}.fighter-special-meta,.fighter-passive-desc{color:var(--muted);width:100%;font-size:10px}.fighter-stats{grid-template-columns:1fr 1fr;gap:2px 10px;padding:0 2px;display:grid}.fighter-stat{font-family:var(--font-dot);justify-content:space-between;font-size:11px;display:flex}.fighter-stat-label{color:var(--muted)}.ailment-badge{font-family:var(--font-dot);color:#10131f;border-radius:4px;margin-top:6px;padding:2px 10px;font-size:12px}.ailment-poison{background:#b26bff}.ailment-paralysis{background:var(--gold)}.ailment-burn{background:#ff8a3d}.ailment-freeze{background:#6fd9ff}.fighter-winner .fighter-portrait{border-color:var(--gold);box-shadow:0 0 34px #ffd24a80}.msg-window{border:4px solid var(--paper);height:220px;font-family:var(--font-dot);cursor:pointer;background:#05070f;border-radius:10px;padding:16px 22px;font-size:15px;line-height:1.95;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 4px #05070f,inset 0 0 0 6px #eef1ffd9}.log-line{margin:0 0 6px}.log-system{color:var(--paper)}.log-special{color:var(--gold)}.log-narration{color:#ffeaa9}.log-warn{color:var(--p2);font-size:13px}.log-story{color:#bcd0ff}.log-speech{color:#ffc4e1}.log-loading{color:var(--paper);opacity:.75}.log-loading:after{content:"…";animation:.8s steps(2,end) infinite blink}.log-mic{font-family:var(--font-body);color:#1c1400;background:var(--gold);vertical-align:2px;border-radius:3px;margin-right:8px;padding:1px 6px;font-size:10px;font-weight:700}.log-mic-story{color:#0a1030;background:#bcd0ff}.typing:after{content:"▼";margin-left:4px;animation:.8s steps(2,end) infinite blink}.msg-advance-hint{color:var(--gold);font-family:var(--font-dot);background:#05070fd9;border-radius:4px;padding:2px 8px;font-size:12px;animation:1s steps(2,end) infinite blink;position:absolute;bottom:10px;right:14px}.cutin{z-index:5;background:#05070fd9;border-radius:10px;justify-content:center;align-items:center;gap:20px;animation:.22s ease-out cutin-pop;display:flex;position:absolute;inset:0;overflow:hidden}.cutin-lines{background:repeating-conic-gradient(#ffffff17 0deg 6deg,#0000 6deg 16deg);animation:2.4s linear infinite cutin-spin;position:absolute;inset:-60%}.cutin-portrait{object-fit:cover;border:4px solid var(--gold);border-radius:10px;width:132px;height:132px;position:relative;box-shadow:0 0 26px #ffd24a8c}.cutin-left .cutin-portrait{animation:.3s ease-out cutin-slide-left}.cutin-right .cutin-portrait{animation:.3s ease-out cutin-slide-right}.cutin-balloon{max-width:55%;position:relative}.cutin-move{font-family:var(--font-body);letter-spacing:.08em;color:var(--gold);margin:0 0 6px;font-size:12px;font-weight:700}.cutin-speech{font-family:var(--font-dot);color:#fff;text-shadow:0 0 12px #ffd24acc;margin:0;font-size:22px;line-height:1.5}.cutin-ko .cutin-portrait{filter:grayscale(.85);border-color:#8b93a8;box-shadow:0 0 26px #8b93a873}.cutin-ko .cutin-move{color:#aab2c8}.cutin-ko .cutin-speech{text-shadow:0 0 12px #aab2c8b3}@keyframes cutin-pop{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes cutin-spin{to{transform:rotate(1turn)}}@keyframes cutin-slide-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes cutin-slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.result-banner{text-align:center;margin:22px 0 6px}.result-word{font-family:var(--font-display);letter-spacing:.3em;color:var(--gold);text-shadow:4px 4px #0009;font-size:46px;font-weight:800;display:block}.result-name{font-family:var(--font-dot);margin-top:6px;font-size:18px;display:block}.battle-controls{justify-content:center;gap:14px;margin-top:22px;display:flex}.story-opening-stage{justify-content:center;margin:14px 0;padding:18px 12px;display:flex}.story-portrait-center .story-portrait-image{border:4px solid var(--mp)}.story-opening-controls{justify-content:center;gap:14px;margin-top:22px;display:flex}.story-part-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4vw,40px);margin:14px 0;padding:18px 12px;display:flex;position:relative}.story-part-stage.stage-has-background:before{content:"";z-index:-1;background-image:var(--stage-bg-image);filter:blur(2px)brightness(.4);background-position:50%;background-size:cover;border-radius:10px;position:absolute;inset:-8px}.story-portrait{flex-direction:column;align-items:center;gap:2px;width:min(180px,38vw);min-width:0;display:flex}.story-portrait-image{aspect-ratio:1;background:#060915;border-radius:10px;width:100%;overflow:hidden}.story-portrait-image img{object-fit:cover;width:100%;height:100%}.story-portrait-left .story-portrait-image{border:4px solid var(--p1)}.story-portrait-right .story-portrait-image{border:4px solid var(--p2)}.story-portrait-title{font-family:var(--font-display);color:var(--muted);margin:6px 0 0;font-size:12px}.story-portrait-name{font-family:var(--font-dot);margin:0;font-size:16px}.story-part-vs{font-size:34px}.story-part-controls{justify-content:center;gap:14px;margin-top:22px;display:flex}.ending-rank{text-align:center;font-family:var(--font-display);letter-spacing:.25em;text-shadow:4px 4px #0009;margin:18px 0 10px;font-size:40px;font-weight:800}.ending-rank-perfect,.ending-rank-good{color:var(--gold)}.ending-rank-normal{color:var(--paper)}.ending-rank-bad,.ending-rank-worst{color:var(--p2)}.story-ending-record{gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.story-ending-record-item{border:2px solid var(--line);font-family:var(--font-dot);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 12px;font-size:13px;display:flex}.story-ending-record-win{border-color:var(--p1)}.story-ending-record-lose{border-color:var(--p2)}.story-ending-record-draw{border-color:var(--muted)}.story-ending-record-index{color:var(--gold);min-width:3.5em}.story-ending-record-stage{color:var(--muted)}.story-ending-record-opponent{flex:1;min-width:0}.story-ending-record-outcome{font-weight:700}.story-ending-record-win .story-ending-record-outcome{color:var(--p1)}.story-ending-record-lose .story-ending-record-outcome{color:var(--p2)}.story-ending-record-draw .story-ending-record-outcome{color:var(--muted)}.story-ending-summary{text-align:center;font-family:var(--font-dot);color:var(--gold);margin:10px 0 0;font-size:16px}.story-ending-controls{justify-content:center;gap:14px;margin-top:22px;display:flex}@keyframes blink{50%{opacity:0}}@keyframes lunge-right{30%{transform:translate(30px)}}@keyframes lunge-left{30%{transform:translate(-30px)}}@keyframes hit-shake{20%{transform:translate(-9px)}45%{transform:translate(8px)}70%{transform:translate(-5px)}}@keyframes special-flash{20%{filter:brightness(2.2)saturate(.4)}50%{filter:brightness(.7)}80%{filter:brightness(1.8)}}.fighter-p1.lunge{animation:.35s ease-out lunge-right}.fighter-p2.lunge{animation:.35s ease-out lunge-left}@keyframes lunge-dynamic{30%{transform:translateX(var(--lunge-x,0px))}}.fighter-royale.lunge{animation:.35s ease-out lunge-dynamic}.fighter.shake{animation:.4s ease-out hit-shake}.fighter.flash{animation:.55s ease-out special-flash}@media (width<=840px){.stage-2v2{grid-template-rows:none;grid-template-columns:1fr;row-gap:6px}.stage-2v2 .stage-vs{grid-row:auto;justify-self:center}.stage-2v2 .stage-team{grid-row:auto;grid-template-rows:repeat(9,auto);grid-auto-columns:min(160px,40vw);justify-self:center}}@media (width<=640px){.app-logo{font-size:24px}.roster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vs-panel{grid-template-columns:1fr auto 1fr;gap:10px;padding:10px 12px}.vs-panel-action{grid-column:1/-1}.vs-panel-royale{grid-template-columns:1fr}.stage-vs{font-size:26px}.fighter-name{font-size:15px}.fighter-special-name,.fighter-passive-name{font-size:11px}.fighter-stat{font-size:10px}.msg-window{height:210px;padding:14px;font-size:13px}.result-word{font-size:32px}.story-portrait{width:min(130px,34vw)}.story-part-vs{font-size:24px}.ending-rank{font-size:28px}.vs-panel-story{grid-template-columns:1fr}.settings-overlay{padding:24px 12px}.settings-panel{padding:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}