:root{color-scheme:dark;--ink:#0d0e17;--paper:#eee8e1;--muted:#a7a1ac;--rose:#e891a5;--ice:#9bbfdc;--gold:#d4ba93;--u:min(1vw,1.777778vh)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#05060b;color:var(--paper)}body{display:flex;align-items:center;justify-content:center;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-weight:400;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}img{pointer-events:none;-webkit-user-drag:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}#game{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);overflow:hidden;isolation:isolate;background:var(--ink);font-size:calc(var(--u)*1.04)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#effects{z-index:6;pointer-events:none}#world{opacity:0}#shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 37%,#11112226 65%,#07091088 100%);pointer-events:none;z-index:2;opacity:0}.ambient-grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px)}.screen{position:absolute;inset:0;overflow:hidden;z-index:4}.eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:.72em;letter-spacing:.32em;color:var(--gold);font-weight:400}.screen-footer{position:absolute;bottom:3.7%;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-size:.72em;letter-spacing:.055em;color:#c1bac6aa;z-index:9}.screen-footer i{font-style:normal;margin:0 .8em;color:#b6a2b55c}kbd{display:inline-flex;min-width:1.6em;height:1.65em;align-items:center;justify-content:center;border:1px solid #c9c1d345;background:#0e0d1788;border-radius:3px;padding:0 .38em;font:500 .85em system-ui,sans-serif;margin:0 .12em;color:#ece6e3;vertical-align:middle;white-space:nowrap}.text-button{font-size:.95em;color:#ccc3ca;padding:.55em 0}.text-button:hover{color:var(--paper)}#toolbar{position:absolute;right:3.5%;top:3.2%;display:flex;gap:.42em;align-items:center;z-index:30}#toolbar .icon-btn{width:2em;height:2em;border:1px solid #d0c9d02c;background:#0d0e175e;border-radius:50%;font-size:1em;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#eeced726!important;color:white;border-color:#e6c6d2a0!important}#renderer-note{font-size:.55em;color:#b8aeb6;letter-spacing:.05em;margin-right:.6em}#loading{position:absolute;inset:0;z-index:90;background:radial-gradient(ellipse at center,#252032,#0a0b12 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4em}#loading h1{font:2.8em Georgia,serif;letter-spacing:.12em}#loading p{font-size:.8em;color:#b5aab9}.load-emblem{font-size:3em;color:#dbc09a;animation:pulse 2s ease-in-out infinite}.load-line{width:15%;height:1px;background:#796771;position:relative;overflow:hidden}.load-line:after{content:"";position:absolute;width:35%;height:100%;background:#efd8b5;animation:loading 1.4s ease-in-out infinite}@keyframes loading{from{left:-40%}to{left:110%}}@keyframes pulse{50%{opacity:.5;transform:scale(.94)}}
/* MAIN MENU */
#menu-screen{background:#14121c}.menu-hero{position:absolute;height:118%;width:65%;right:-1%;top:-10%;object-fit:cover;object-position:63% 24%;filter:saturate(.78);mask-image:linear-gradient(90deg,transparent 12%,#0004 30%,black 49%,black 85%,transparent 100%)}.menu-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 39%,#8a405354,transparent 53%),linear-gradient(120deg,#181521,#0b0b15)}.menu-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#11121bea 0%,#17131edf 24%,#16121b82 42%,transparent 60%),linear-gradient(0deg,#0c0c17ff 0%,#0c0c17c9 14%,transparent 40%,transparent 83%,#0c0c1770)}.brand-top{position:absolute;top:5.6%;left:5.7%;font-size:.65em;letter-spacing:.28em;color:#bcb1b9}.tiny-diamond{color:var(--rose);margin-right:.8em}.menu-copy{position:absolute;left:9%;top:18%;width:32%}.menu-copy>.eyebrow{font-size:.72em}.logo{font:italic 6.7em/.74 Georgia,"Times New Roman",serif;letter-spacing:-.075em;margin:0.34em 0 .34em;position:relative;text-shadow:0 4px 36px #0003;color:#f5e9e4}.logo span{display:inline-block;margin-left:.59em;color:#e6bdc5}.logo i{font-size:.38em;font-weight:400;position:absolute;top:9%;right:13%;color:var(--gold);font-style:normal}.title-rule{display:flex;align-items:center;gap:.9em;max-width:92%;margin:.7em 0 1.4em}.title-rule span{height:1px;flex:1;background:#bcb0b050}.title-rule h2{font-size:.85em;letter-spacing:.3em;font-weight:400;white-space:nowrap}.menu-tagline{font-size:.78em;line-height:1.9;color:#b3a7b4;letter-spacing:.055em}.main-menu{margin-top:2.4em;width:90%;display:flex;flex-direction:column;gap:.65em}.menu-button{display:flex;align-items:center;gap:1.15em;text-align:left;padding:1.06em 1em;position:relative;border-top:1px solid #b594a132;border-bottom:1px solid #b594a132;transition:.2s;background:linear-gradient(90deg,#55404e24,transparent)}.menu-button small{display:block;font-size:.48em;letter-spacing:.19em;color:#b5a5b2;margin-top:.45em}.menu-button>span:nth-child(2){font-size:1.17em;letter-spacing:.07em}.menu-arrow{font-size:.7em;color:#bc9caa}.menu-num{margin-left:auto;font:italic .9em Georgia;color:#b8a1ae90}.menu-button:hover,.menu-button.selected{background:linear-gradient(90deg,#b46c8742,#9d52650a);border-color:#d0a5ae7d}.menu-button.selected:before{content:"";position:absolute;left:0;top:12%;height:76%;width:2px;background:#f4c4d0;box-shadow:0 0 16px #efb1c7}.menu-button.selected .menu-arrow{color:#f2c6d6}.menu-right-caption{position:absolute;right:5%;top:33%;writing-mode:vertical-rl;display:flex;gap:1.7em;align-items:center;font-size:.8em;color:#e5d5df;letter-spacing:.15em}.menu-right-caption i{width:1px;height:5em;background:#f5dae77a}.menu-right-caption small{line-height:2.1;color:#e2cbd2a0;font-size:.78em}
/* CHARACTER SELECT — always four columns by two rows */
#select-screen{background:#131420}.select-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 50%,#60799044,transparent 58%),radial-gradient(ellipse at 88% 50%,#944a6244,transparent 58%),linear-gradient(180deg,#12111d,#222031 56%,#12131e)}.select-atmosphere:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 170px,#d7c3df07 170px 171px,transparent 171px 300px)}.select-orbit{position:absolute;width:66%;height:118%;top:-9%;border:1px solid #b1a4bd15;border-radius:50%;pointer-events:none}.orbit-one{left:-29%}.orbit-two{right:-29%}.selection-art{position:absolute;top:5%;bottom:auto;height:142%;width:60%;object-fit:contain;object-position:center top;z-index:1;filter:drop-shadow(0 12px 25px #05051055);pointer-events:none;user-select:none;-webkit-user-drag:none;mask-image:none;-webkit-mask-image:none}.art-p{left:-11%;transform:none}.art-c{right:-11%;transform:scaleX(-1)}.art-fade{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#0b0d1aea,transparent 36%),linear-gradient(90deg,transparent 15%,#13142044 30%,#131420c9 41%,#131420c9 59%,#13142044 70%,transparent 85%)}.select-header{position:absolute;top:6.1%;left:25%;right:25%;text-align:center;z-index:3}.select-header h1{font:2.35em Georgia,serif;letter-spacing:.035em;margin:.30em 0 .36em;white-space:nowrap}.select-header>p:last-child{font-size:.74em;letter-spacing:.10em;color:#bdb4c8}.select-header .eyebrow{font-size:.58em}.selection-timer{position:absolute;top:22.5%;left:46.7%;width:6.6%;height:14%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}.selection-timer small{font:italic .7em Georgia;letter-spacing:.13em;color:#cab4c0}.selection-timer strong{font:italic 3em/.95 Georgia;color:#f1c9d3;text-shadow:0 0 24px #d9839c66;margin:.12em 0}.selection-timer span{height:1px;width:73%;background:#dbabc250}.selection-timer.urgent strong{color:#ffb0c3;animation:pulse .5s infinite}.roster-center{position:absolute;top:39%;left:32.3%;width:35.4%;z-index:5;text-align:center}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:.66em}.roster-card{position:relative;aspect-ratio:1/1.17;padding:0;border:1px solid #cfc3d251;background:linear-gradient(135deg,#39303d,#171723);box-shadow:0 5px 20px #0003;overflow:visible;isolation:isolate}.roster-card img{position:absolute;top:0;left:0;width:100%;height:82%;object-fit:cover;object-position:50% 45%;filter:saturate(.54) brightness(.7);transition:filter .16s,transform .16s}.roster-card .char-name{position:absolute;bottom:0;left:0;right:0;height:21%;display:flex;justify-content:center;align-items:center;background:#10101be8;z-index:3;font-size:.78em;letter-spacing:.08em}.roster-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px #10122044;pointer-events:none}.roster-card:hover img,.roster-card.focus-p img,.roster-card.focus-c img,.roster-card.guide-active img{filter:saturate(.92) brightness(1);transform:scale(1.01)}.roster-card:hover{border-color:#dec6d5}.roster-card.focus-p{border:2px solid #f4b9cc;box-shadow:0 0 0 2px #d96f9735,0 0 25px #de729f3d;z-index:2}.roster-card.focus-c{border:2px solid #b5d9f7;box-shadow:0 0 0 2px #86bff92a,0 0 25px #86bff944;z-index:2}.roster-card.focus-p.focus-c{border-left-color:#f4b9cc;border-top-color:#f4b9cc;box-shadow:-5px -3px 20px #d4779130,5px 3px 20px #7da4d53b}.focus-badge{position:absolute;top:-2px;left:-2px;padding:.06em .25em .12em;background:#ac5068;border:1px solid #eaa7b9;color:#fff;font:italic .82em Georgia;z-index:5;line-height:1.05}.cpu-badge{top:auto;left:auto;right:-2px;bottom:20%;background:#547d9d;border-color:#bad8ed}.guide-active{border-color:var(--gold)!important;box-shadow:0 0 24px #d4bb8325!important}.select-instruction{height:2.7em;margin-top:1.3em;font-size:.67em;color:#c1b6c8;line-height:1.7;letter-spacing:.02em}.slim-button{font-size:.73em;border:1px solid #d6b5c653;color:#f1dde7;background:#8b5d7a28;min-width:53%;padding:.7em 1.3em;letter-spacing:.08em}.slim-button:hover{background:#b27d933c;border-color:#e9bdcb}.slim-button span{margin-left:1.2em;color:#d7b6c7}.slim-button:disabled{opacity:.48}.fighter-identity{position:absolute;bottom:15%;z-index:4;width:25%}.identity-p{left:5.6%}.identity-c{right:5.6%;text-align:right}.side-label{font-size:.6em;letter-spacing:.2em;color:#c6b7c9;margin-bottom:1.3em}.side-label b{font:bold italic 1.6em Georgia;margin-right:.4em;color:#f4bacc}.identity-c .side-label b{color:#b4d9f6}.fighter-identity>small{font-size:.7em;letter-spacing:.16em;color:#dbc6d4}.fighter-identity h2{font-size:3.3em;letter-spacing:.09em;margin:.15em 0 .12em;font-weight:500}.fighter-identity>p:nth-last-child(2){font:italic 1em Georgia;letter-spacing:.24em;color:#c9b7c7}.lock-pill{display:inline-block;margin-top:1.3em;font-size:.65em;color:#c8b8c8;padding:.4em 1.2em;border:1px solid #ceb9d041;background:#0d0e1988;letter-spacing:.12em}.lock-pill.locked{color:#f4ccdc;border-color:#dca4b17d}.identity-c .lock-pill.locked{color:#bbdefa;border-color:#a2bbd173}
/* GUIDE */
#guide-screen{background:#15151f}.guide-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 17% 75%,#6151744a,transparent 55%),linear-gradient(125deg,#131621,#201a28)}.guide-header{position:absolute;top:5.6%;left:6%;right:6%}.guide-header h1{font:2.3em Georgia;margin:.32em 0 .36em;letter-spacing:.03em}.guide-header>p:last-child{font-size:.73em;color:#bcb2c2}.guide-layout{position:absolute;top:24%;bottom:10%;left:6%;right:6%;display:grid;grid-template-columns:35% 1fr;gap:6%}.guide-roster{position:relative}.guide-roster .roster-grid{position:relative;z-index:3;width:100%;gap:.48em}.guide-roster .roster-card{aspect-ratio:1/1.1}.guide-roster .char-name{font-size:.71em}.guide-roster>img{position:absolute;height:102%;width:100%;object-fit:contain;top:32%;opacity:.39;mask-image:linear-gradient(black 50%,transparent 89%)}.guide-details{position:relative;z-index:4}.guide-name>span{font-size:.68em;color:var(--gold);letter-spacing:.13em}.guide-name h2{display:inline-block;margin:.12em .5em .1em 0;font-size:2em;font-weight:500;letter-spacing:.04em}.guide-name p{display:inline-block;font-size:.7em;letter-spacing:.05em;color:#c1abc1}.guide-lore{font-size:.72em;color:#b6abbc;line-height:1.8;margin:.55em 0 1em;max-width:95%}.move-table{display:grid;grid-template-columns:1fr 1fr;gap:.42em 1em}.move-table>div{display:flex;align-items:center;gap:.72em;padding:.47em 0;border-bottom:1px solid #b49eb518;font-size:.7em;min-width:0}.move-table kbd{font-size:.86em;height:1.9em;min-width:3.0em;flex-shrink:0}.move-table>div>span{color:#d0c4d2;font-size:.95em}.move-table>div>small{color:#d4b990;margin-left:auto;font:italic 1em Georgia}.move-table .special-row{border-bottom-color:#9d869437}.move-table .super-row{grid-column:1 / -1;border-bottom:1px solid #c99fba43;background:#ad709915;padding:.8em .55em}.super-row kbd{border-color:#d599b483;color:#f0c6db}.super-row span{color:#f0c6db!important}.guide-tip{border-left:2px solid #ae8ba180;padding:.05em 0 .05em .85em;color:#d4c1ce;font-size:.69em;line-height:1.8;margin-top:1.05em}.guide-note{font-size:.60em;color:#988d9f;line-height:1.9;margin-top:.8em}
/* VERSUS */
#versus-screen{background:#11101b}#versus-stage{width:100%;height:100%;object-fit:cover;filter:blur(2px) saturate(.5);opacity:.6}.versus-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081423ac,transparent,#27131ea1),linear-gradient(0deg,#0e101cee,transparent 70%)}.vs-fighter{position:absolute;top:-7%;bottom:4%;width:44%;text-align:center;overflow:hidden}.vs-fighter>img{height:112%;width:112%;object-fit:contain;object-position:center top;mask-image:linear-gradient(black 50%,transparent 90%)}.vs-left{left:0}.vs-right{right:0}.vs-right>img{transform:scaleX(-1)}.vs-fighter>h2{position:absolute;bottom:19%;left:0;right:0;font-size:3.3em;font-weight:500;letter-spacing:.18em;text-shadow:0 2px 14px #000}.vs-fighter>p{position:absolute;bottom:14%;left:0;right:0;font:italic 1em Georgia;letter-spacing:.3em;color:#ccafc6}.vs-emblem{position:absolute;top:32%;left:40%;right:40%;font:italic 7.5em Georgia;text-align:center;color:#ecd6d8;text-shadow:0 0 35px #c988ae69;transform:rotate(-8deg)}.vs-stage{position:absolute;bottom:8%;width:100%;text-align:center}.vs-stage p{font-size:.58em;letter-spacing:.25em;color:#ccb394}.vs-stage h3{font-size:1.35em;font-weight:400;letter-spacing:.16em;margin:.65em 0 .4em}.vs-stage small{color:#b5a4ba;font-size:.65em}
/* FIGHT HUD */
#battle-screen{pointer-events:none;z-index:7}.battle-hud{position:absolute;top:5%;left:4%;right:4%;display:flex;align-items:flex-start;gap:1.4%;filter:drop-shadow(0 3px 10px #11152a80)}.hud-fighter{display:flex;align-items:flex-start;width:42%;gap:1.3%}.hud-fighter>img{width:13%;aspect-ratio:1;border:1px solid #e0cfcfaa;object-fit:cover;object-position:center 40%}.hud-info{width:86%;padding-top:.25em}.hud-name{font-size:.95em;display:flex;justify-content:space-between;align-items:baseline;padding:0 .2em .38em;letter-spacing:.07em;text-shadow:0 2px 3px #000}.hud-name small{font:bold italic .8em Georgia;color:#f6bacd}.hud-c{flex-direction:row-reverse}.hud-c .hud-name{flex-direction:row-reverse}.hud-c .hud-name small{color:#bcd5e9}.hp-track{height:1.12em;position:relative;overflow:hidden;transform:skewX(-12deg);border:1px solid #e0c9bab5;background:#382736c4;box-shadow:0 0 0 2px #211c30aa}.hp-track>div{position:absolute;inset:0;transform-origin:left center;will-change:transform}.hp-value{background:linear-gradient(180deg,#f1deaf,#d3b380 52%,#9d794f)}.hp-damage{background:#c76485;transition:transform .65s ease .22s}.hud-c .hp-track{transform:skewX(12deg)}.hud-c .hp-track>div{transform-origin:right center}.round-pips{display:flex;gap:.35em;margin-top:.65em}.round-pips i{display:block;width:.54em;height:.54em;border:1px solid #d3bdacb3;transform:rotate(45deg);background:#1c142287}.round-pips i.won{background:#ead4a6;box-shadow:0 0 10px #ffd79980}.hud-c .round-pips{justify-content:flex-end}.battle-timer{width:13%;text-align:center;padding-top:.20em;position:relative}.battle-timer:before{content:"";position:absolute;width:5.4em;height:4.4em;top:-.15em;left:50%;transform:translateX(-50%) rotate(45deg);background:linear-gradient(130deg,#1b172bc0,#24203399);border:1px solid #cab9d468;z-index:-1}.battle-timer>strong{font:italic 3.8em/.95 Georgia;text-shadow:0 2px 12px #0a0514}.battle-timer>span{display:block;font-size:.47em;letter-spacing:.14em;margin-top:.6em;color:#cbbccd}.battle-timer b{font-weight:400}.battle-stage-label{position:absolute;top:19%;left:50%;transform:translateX(-50%);font:italic .62em Georgia;letter-spacing:.12em;color:#f7e3edd1;text-shadow:0 1px 4px #000}.battle-pause{position:absolute;top:19%;right:4%;font-size:.9em;border:1px solid #eee0ee60;background:#11152977;border-radius:50%;width:2.2em;height:2.2em;pointer-events:auto}.meter-row{position:absolute;bottom:5%;left:4.8%;right:4.8%;display:flex;align-items:flex-end;justify-content:space-between}.meter-box{width:31%}.meter-title{display:flex;align-items:baseline;gap:.5em;line-height:.8;margin-bottom:.55em}.meter-title>span{font:italic .78em Georgia;letter-spacing:.12em;color:#d6c3d6}.meter-title>strong{font:italic 2.6em Georgia;color:#edd4e0}.meter-track{position:relative;height:.6em;background:#1b152dbc;transform:skew(-15deg);border:1px solid #d8b1c582;overflow:hidden}.meter-track>div{position:absolute;inset:0;background:linear-gradient(90deg,#a95b86,#efc3db);transform-origin:left}.meter-track>i{position:absolute;top:0;bottom:0;border-right:1px solid #23192ba8;left:25%}.meter-track>i:nth-last-child(2){left:50%}.meter-track>i:last-child{left:75%}.meter-box>small{display:block;font-size:.47em;letter-spacing:.17em;color:#cbb4d0;margin-top:.7em;opacity:.32}.meter-box.ready>small{opacity:1;color:#ffe1b9}.meter-box.ready .meter-track{border-color:#f6dfb9;box-shadow:0 0 20px #f7bcbd54}.meter-c{text-align:right}.meter-c .meter-title{flex-direction:row-reverse}.meter-c .meter-title>strong{color:#ccddec}.meter-c .meter-track{transform:skew(15deg)}.meter-c .meter-track>div{transform-origin:right;background:linear-gradient(90deg,#c5d6ed,#698bb5)}.battle-key-hints{font-size:.60em;line-height:2.1;text-shadow:0 1px 4px #0c0919;opacity:.88}.battle-key-hints>span{display:block;text-align:center}.combo{position:absolute;top:28%;display:flex;align-items:baseline;gap:.45em;opacity:0;transition:opacity .12s;flex-wrap:wrap;max-width:24%;text-shadow:0 3px 16px #0008;transform:skew(-8deg)}.combo-p{left:6.5%}.combo-c{right:6.5%;text-align:right}.combo strong{font:italic 4.1em/.9 Georgia;color:#f4d7e1}.combo span{font:italic 1em Georgia;letter-spacing:.04em}.combo small{font-size:.64em;letter-spacing:.12em;color:#f6c699;width:100%;padding-left:.4em}.combo.visible{opacity:1}#battle-banner{position:absolute;left:5%;right:5%;top:39%;text-align:center;opacity:0;transform:scale(1.08);transition:opacity .15s,transform .28s;text-shadow:0 3px 1px #47364d,0 0 40px #11152fcf}#battle-banner.visible{opacity:1;transform:scale(1)}#battle-banner strong{display:block;font:italic 6.7em/.9 Georgia;letter-spacing:-.02em;color:#f5dfce}#battle-banner span{font-size:.83em;display:block;margin-top:1.35em;letter-spacing:.35em;color:#ebd8e3}#fight-toast{position:absolute;left:50%;transform:translateX(-50%);top:24%;font-size:.73em;background:#1510239c;border:1px solid #d5b3c85e;padding:.6em 1.2em;opacity:0;transition:.18s}#fight-toast.visible{opacity:1}
/* Skill cut-in: no orbit or rear-facing camera against the impostor background. */
#cinematic{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;background:linear-gradient(105deg,var(--skill-bg,#382046) -5%,transparent 54%)}.cinema-speed{position:absolute;inset:0;background:repeating-linear-gradient(-14deg,transparent 0 14px,#ffffff0d 16px 17px,transparent 19px 57px);animation:speed .3s linear infinite}.cinema-portrait{position:absolute}#cinema-portrait{height:160%;width:46%;left:-3%;top:-13%;object-fit:cover;object-position:50% 28%;opacity:.94;mask-image:linear-gradient(90deg,black 66%,transparent 98%);filter:saturate(.65)}.cinema-text{position:absolute;left:8%;bottom:18%;right:10%;text-shadow:0 2px 14px #100c1d}.cinema-text small{font:italic .9em Georgia;letter-spacing:.28em;color:#f2dcb3}.cinema-text h2{font-size:2.9em;font-weight:500;letter-spacing:.09em;margin:.37em 0;color:#fceef1}.cinema-text p{font:italic 1.1em Georgia;letter-spacing:.25em;color:#d8b6ce}.cinema-bar{position:absolute;left:0;right:0;height:9%;background:#090913ef}.cinema-bar.top{top:0}.cinema-bar.bottom{bottom:0}@keyframes speed{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
/* Pause and results */
.modal-screen{position:absolute;inset:0;z-index:40;background:#090b15ba;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.modal-card{width:32%;text-align:center;background:linear-gradient(135deg,#262130ee,#16141fed);padding:2.8em 2.7em;border:1px solid #d8bdcc4d;box-shadow:0 25px 90px #0005}.modal-card h2{font:2.65em Georgia;letter-spacing:.07em;margin:.55em 0 .45em}.modal-card>p:not(.eyebrow){font-size:.8em;color:#b5a7bd;line-height:1.8;margin-bottom:2em}.modal-card>small{font-size:.66em;color:#9b8da6;display:block;margin-top:1.5em}.primary-button,.secondary-button{display:block;width:100%;padding:.94em 1em;font-size:.87em;letter-spacing:.045em;margin-top:.7em}.primary-button{background:linear-gradient(105deg,#bc7f9780,#81597269);border:1px solid #e9b2cb96}.primary-button>span{float:right;color:#eec2d2}.secondary-button{background:#ceb1ce0b;border:1px solid #b8a0be40;color:#cdbfd4}.primary-button:hover{background:linear-gradient(105deg,#ca92ab9e,#9c6b8580)}.secondary-button:hover{background:#ceb1ce21}#result-screen{z-index:15}.result-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#0e1020f0,#111121a0 55%,#30213645)}#result-art{position:absolute;right:0;top:-9%;height:146%;width:68%;object-fit:contain;object-position:center top;mask-image:linear-gradient(90deg,transparent,black 26%),linear-gradient(black 60%,transparent);filter:drop-shadow(0 0 40px #08091480)}.result-copy{position:absolute;left:9%;top:20%;width:35%;z-index:2}.result-copy h1{font:italic 5.4em/.95 Georgia;letter-spacing:-.04em;color:#f4d3df;margin:.32em 0}.result-copy h2{font-size:1.8em;font-weight:400;letter-spacing:.15em;margin:1em 0 .65em}.result-copy>p:not(.eyebrow){font-size:.77em;color:#d3c2d3;letter-spacing:.06em;line-height:1.8}.result-copy .primary-button,.result-copy .secondary-button{width:80%}#result-score{font:italic 2.0em Georgia;letter-spacing:.13em;color:#d7c1a4;margin:.8em 0 1em}.result-copy .text-button{font-size:.72em;margin-top:1.4em;color:#a89ab4}#error-message{white-space:pre-wrap;word-break:break-word}
/* Touch controls have explicit press/hold semantics and pointer capture. */
#touch-controls{position:absolute;bottom:15%;left:4%;right:4%;height:25%;pointer-events:none;opacity:.85}.dpad{position:absolute;left:0;bottom:0;width:12.7em;height:8.7em;pointer-events:auto}.dpad>button,.touch-actions>button{background:#16152993;backdrop-filter:blur(5px);border:1px solid #d3bbd359;border-radius:50%;width:3.1em;height:3.1em;color:#e3d9e8;display:flex;align-items:center;justify-content:center;touch-action:none;font-size:.9em;position:absolute}.dpad>button:nth-child(1){left:3.5em;top:0}.dpad>button:nth-child(2){left:0;top:3em}.dpad>button:nth-child(3){left:3.5em;top:4.8em}.dpad>button:nth-child(4){left:7em;top:3em}.dpad .touch-dash{left:9.6em;top:6.3em;width:3.0em;height:2.3em;border-radius:15px;font-size:.65em}.touch-actions{position:absolute;right:0;bottom:0;width:15.7em;height:8.7em;pointer-events:auto}.touch-actions>button{font-size:.74em}.touch-actions>button:nth-child(1){left:0;top:4.1em;width:4.2em;height:4.2em}.touch-actions>button:nth-child(2){left:1.8em;top:.8em}.touch-actions>button:nth-child(3){right:0;top:0;width:4.3em;height:4.3em;border-color:#edc4a299;color:#efdbbb;background:#6f454462}.touch-actions>button:nth-child(4){left:5.2em;top:4.6em;width:4.4em;height:4.4em}.touch-actions>button:nth-child(5){left:10.3em;top:4.6em;width:4.4em;height:4.4em}.touch-actions>button:nth-child(6){left:6.2em;top:.5em;width:3.3em;height:3.3em}.touch-actions>button:nth-child(7){left:10.4em;top:.5em;width:3.3em;height:3.3em}.touch-actions .touch-primary{background:#9e668c54;border-color:#dba0bd90}.dpad button.active,.touch-actions button.active{background:#d2a8c8a0;color:#13121d;transform:scale(.93)}#rotate-hint{display:none;position:absolute;z-index:80;bottom:2%;left:20%;right:20%;font-size:.85em;text-align:center;background:#0d101cd9;padding:.6em;color:#d6c5d9}#rotate-hint span{margin-left:.6em}
@media(max-width:850px){#game{font-size:calc(var(--u)*1.18)}.menu-copy{top:17%;left:8%}.logo{font-size:5.4em}.main-menu{margin-top:1.6em}.menu-button{padding:.8em .8em}.menu-tagline{font-size:.69em}.select-header{top:5%}.select-header h1{font-size:1.9em}.selection-timer{top:22%}.selection-timer strong{font-size:2.55em}.roster-center{top:38%;left:31.5%;width:37%}.roster-grid{gap:.47em}.fighter-identity h2{font-size:2.5em}.fighter-identity{bottom:17%;width:24%}.select-instruction{font-size:.61em;margin-top:.9em}.slim-button{padding:.5em 1em;font-size:.62em}.guide-header{top:5%}.guide-header h1{font-size:1.9em}.guide-layout{top:24%;gap:4%;grid-template-columns:34% 1fr;left:5%;right:5%}.guide-lore{font-size:.66em;line-height:1.5;margin:.35em 0 .6em}.move-table>div{font-size:.63em;padding:.38em 0}.guide-tip{font-size:.58em;margin-top:.6em}.guide-note{font-size:.52em;margin-top:.6em}.guide-name h2{font-size:1.7em}.modal-card{width:38%;padding:2em}.battle-key-hints{display:none}.battle-hud{top:4.5%;left:3%;right:3%}.battle-timer>strong{font-size:3em}.hp-track{height:.85em}.hud-name{font-size:.8em}.battle-stage-label{top:18.5%}.meter-row{bottom:4%;left:4%;right:4%}.meter-box{width:36%}.meter-title>strong{font-size:2em}.result-copy{top:17%;width:39%}.result-copy h1{font-size:4.3em}.result-copy h2{font-size:1.5em;margin-top:.6em}#result-score{margin:.6em 0;font-size:1.7em}#cinema-name{font-size:2.4em}#toolbar{top:3%;right:3%}.vs-emblem{font-size:6em}.vs-fighter>h2{font-size:2.6em}.vs-stage h3{font-size:1.1em}}
@media(orientation:portrait){#rotate-hint{display:block}#game{overflow:hidden}.screen-footer{bottom:5%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v0.2: locked roster slots are disabled in DOM and in selection rules. */
.roster-card.is-locked{cursor:not-allowed;opacity:1;border:1px solid #a99aaf28;box-shadow:none;background:#14151f;}
.roster-card.is-locked img,.roster-card.is-locked:hover img{filter:none;opacity:.75;transform:none;}
.roster-card.is-locked .char-name{color:#83798d;background:#11121bdc;letter-spacing:.14em;}
.roster-card.is-locked:after{box-shadow:inset 0 0 22px #06070d44;}
.slot-number{position:absolute;top:7%;left:9%;font:italic .72em Georgia,serif;color:#756b80;z-index:2;}
.lock-symbol{position:absolute;top:30%;left:38%;width:24%;height:30%;z-index:4;opacity:.85;}
.lock-symbol svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#a49aaa;stroke-width:2;stroke-linecap:round;}
.lock-symbol rect{fill:#807588;stroke:#a69bad;stroke-width:1;}
.lock-symbol .keyhole{stroke:#20202e;stroke-width:2.5;}
.roster-card:not(.is-locked):focus-visible{outline:2px solid #fae4b3;outline-offset:4px;}
/* Fade belongs to the screen, never to a second character-shaped mask. */
.art-fade{pointer-events:none;}
@media(max-width:600px){.slot-number{font-size:.65em;}.selection-art{width:62%;}.art-p{left:-12%;}.art-c{right:-12%;}}