@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(./rajdhani-latin-500-normal-ByNUCHrt.woff2)format("woff2"),url(./rajdhani-latin-500-normal-DfvNI-Td.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(./rajdhani-latin-600-normal-CXCVEoA9.woff2)format("woff2"),url(./rajdhani-latin-600-normal-Dx02qI2_.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(./rajdhani-latin-700-normal-BPDUZo87.woff2)format("woff2"),url(./rajdhani-latin-700-normal-e0Uj8ZlN.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{color:#f3e5d0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10141e;font-family:Rajdhani,sans-serif;font-weight:500}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;display:grid}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}#app{width:100%;padding:24px}#screen{aspect-ratio:16/9;isolation:isolate;background:#30354f;border:1px solid #565160;width:min(1280px,100%,177.778dvh - 85.3333px);margin:auto;position:relative;overflow:hidden;box-shadow:0 18px 90px #0008}#game,#ui{position:absolute;inset:0}canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}#ui{pointer-events:none}#ui button,#ui input,#ui select,#ui .scroll{pointer-events:auto}.loading{text-align:center;letter-spacing:.2em;color:#ffe0aa;position:absolute;inset:45% 0}.topline{color:#f5dabd;letter-spacing:.2em;justify-content:space-between;font-size:clamp(10px,1.2vw,15px);font-weight:700;display:flex;position:absolute;top:4%;left:4%;right:4%}.pill{letter-spacing:.1em;border:1px solid #e4b29266;padding:4px 10px}.title-logo{filter:drop-shadow(0 5px #151c2d88);width:46%;position:absolute;top:7%;left:27%}.title-caption{text-align:center;letter-spacing:.3em;color:#f9d9b6;width:100%;font-size:clamp(11px,1.3vw,16px);position:absolute;top:38%}.title-menu{justify-content:center;gap:9px;min-width:70%;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.button{color:#ead8bd;text-transform:uppercase;letter-spacing:.09em;background:#182333ed;border:1px solid #9d929177;min-height:39px;padding:10px 20px;font-size:clamp(12px,1.35vw,18px);font-weight:700;transition:background .12s,border-color .12s}.button:hover,.button:focus-visible,.button.selected{color:#fff1d8;background:#344152;border-color:#ffe0a8;outline:none}.button.primary{color:#1b2434;background:#edb37e;border-color:#f4cca0}.button.primary:hover,.button.primary:focus-visible{background:#ffe0af;box-shadow:0 0 0 2px #151e2a,0 0 0 4px #f3c99c}.bottomline{color:#dbbda9;letter-spacing:.06em;justify-content:space-between;font-size:clamp(9px,1.1vw,14px);display:flex;position:absolute;bottom:2.5%;left:4%;right:4%}.overlay{background:#111a2bdc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:#182333f5;border:1px solid #6a6270;width:83%;max-height:90%;padding:2.5% 3%;position:relative;box-shadow:0 12px 40px #0004}.panel.narrow{text-align:center;width:55%}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:#e7b17e;margin:0 0 6px;font-size:clamp(10px,1.05vw,13px);font-weight:700}.panel h1{text-transform:uppercase;letter-spacing:.02em;margin:3px 0 12px;font-size:clamp(24px,3.1vw,42px);font-weight:700;line-height:1.05}.panel p{color:#bec5ce;margin:7px 0;font-size:clamp(12px,1.4vw,18px)}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.stack{gap:10px;margin:20px 0;display:grid}.actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.narrow .actions{justify-content:center}.muted{color:#9eabba}.cards{gap:16px;margin:16px 0;display:flex}.card{text-align:left;background:#222e40;border:1px solid #5d6170;flex:1;min-width:0;padding:16px;position:relative}.card.selected{background:#334051;border-color:#edbd8c}.card h2{margin:0 0 5px;font-size:25px}.card .number{color:#edb37e;font-family:"Press Start 2P",monospace;font-size:18px}.device{flex-direction:column;justify-content:space-between;gap:16px;min-height:110px;display:flex}.character-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.character-choice{text-transform:none;letter-spacing:0;align-items:center;gap:12px;min-height:100px;padding:6px 10px;display:flex}.character-choice img{object-fit:contain;width:87px;height:104px;image-rendering:pixelated;filter:drop-shadow(4px 3px #0a172a66)}.character-choice strong{font-size:clamp(23px,2.7vw,34px)}.character-choice small{color:#b8c4d0;font-size:12px;display:block}.slot-title{color:#f0b586;letter-spacing:.13em;margin-bottom:7px;font-size:14px;font-weight:700}.slot-title.p2{color:#94d4e0}.stage-preview{width:48%;image-rendering:pixelated;border:1px solid #847b81}.stage-copy{flex:1}.stage-copy h2{margin:0;font-size:28px}.hud{grid-template-columns:1fr 80px 1fr;align-items:start;gap:12px;display:grid;position:absolute;top:3%;left:3%;right:3%}.fighter-hud{min-width:0;position:relative}.fighter-label{text-shadow:1px 2px #152032;color:#ffe2b4;justify-content:space-between;align-items:center;gap:6px;font-weight:700;line-height:1.1;display:flex}.fighter-label strong{font-size:clamp(19px,2.6vw,32px)}.fighter-label span{letter-spacing:.1em;font-size:11px}.fighter-hud.right{text-align:right}.right .fighter-label{color:#c3ebee;flex-direction:row-reverse}.health{background:#643744;border:2px solid #1c2635;height:clamp(12px,2vw,24px);margin-top:5px;overflow:hidden;box-shadow:0 1px #e3c099}.health-fill{background:#e9bc7b;width:100%;height:100%;transition:width 70ms linear}.right .health-fill{background:#94c5c7;margin-left:auto}.wins{gap:5px;margin-top:6px;display:flex}.right .wins{justify-content:flex-end}.win{background:#1c2737;border:1px solid #d9b78b;width:9px;height:9px;transform:rotate(45deg)}.win.on{background:#ffe1a1}.timer{text-align:center;text-shadow:2px 3px #182235;color:#fff0cf;padding-top:6px;font-family:"Press Start 2P",monospace;font-size:clamp(22px,3.1vw,40px)}.timer small{letter-spacing:.15em;margin-top:8px;font-family:Rajdhani;font-size:10px;display:block}.combo{color:#f9e4c3;text-shadow:2px 2px #172637;font-size:20px;font-weight:700;position:absolute;top:55px;left:0}.right .combo{left:auto;right:0}.callout{text-align:center;letter-spacing:.09em;color:#ffdcaa;text-shadow:3px 4px #1a2334;width:100%;font-size:clamp(28px,5vw,64px);font-weight:700;position:absolute;top:35%}.callout small{letter-spacing:.15em;color:#e8d9c1;font-size:15px;display:block}.fight-footer{color:#e2c8b4;text-shadow:1px 1px #172032;justify-content:space-between;align-items:center;font-size:clamp(10px,1.1vw,14px);display:flex;position:absolute;bottom:2%;left:3%;right:3%}.fight-footer .button{min-height:27px;padding:4px 8px;font-size:11px}.scroll{scrollbar-color:#c99973 #182333;max-height:60vh;padding-right:8px;overflow-y:auto}.settings-grid{grid-template-columns:1fr 1fr;gap:8px 25px;display:grid}.setting{border-bottom:1px solid #495261;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:16px;display:flex}.setting input[type=range]{accent-color:#e7b487;width:43%}.setting input[type=checkbox]{accent-color:#e7b487;width:20px;height:20px}.bindings{grid-template-columns:repeat(5,1fr);gap:6px;margin:7px 0 14px;display:grid}.bindings .button{padding:6px 4px;font-size:12px}.bindings small{color:#b6c1ce;display:block}.notice{background:#553e36;border-left:3px solid #e6b87e;padding:10px;font-size:14px!important}.help-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.help-grid h2{color:#edbd91;margin:15px 0 4px;font-size:21px}.help-grid p{font-size:15px}.help-grid kbd{color:#f4e5cc;background:#303e52;border-bottom:2px solid #73818f;padding:1px 5px}.gallery-tools{background:#172333ed;border:1px solid #6a7181;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;display:flex;position:absolute;bottom:3%;left:3%;right:3%}.gallery-tools select{color:#f1ddbc;background:#26364a;max-width:180px;padding:5px}.gallery-tools .button{min-height:27px;padding:6px 10px;font-size:11px}.gallery-label{white-space:pre;background:#162236db;padding:12px;font-family:monospace;font-size:14px;position:absolute;top:5%;left:4%}.result-name{color:#edbd91;font-size:clamp(32px,4vw,55px)!important}.score{color:#eacfa4;margin:20px;font-family:"Press Start 2P";font-size:24px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){#app{padding:0}.panel{width:94%;padding:2%}.panel.narrow{width:75%}.panel h1{margin-bottom:6px}.panel p{font-size:12px}.button{min-height:28px;padding:6px 10px}.cards{gap:7px;margin:9px 0}.card{padding:8px}.character-choice img{width:54px;height:70px}.character-choice{gap:4px;min-height:65px}.character-choice small{font-size:9px}.actions{margin-top:9px}.settings-grid{gap:4px 14px}.setting{font-size:12px}.bindings .button{font-size:9px}.scroll{max-height:55vh}.help-grid p{font-size:12px}.hud{grid-template-columns:1fr 54px 1fr}.title-menu{min-width:85%;bottom:7%}}.name-portrait{align-items:center;gap:7px;display:flex}.hud-portrait{object-fit:cover;object-position:top;width:31px;height:37px;image-rendering:pixelated;background:#28354a;border:1px solid #b6a28a}.right .name-portrait{flex-direction:row-reverse}#screen{container-type:inline-size}.arcade-home{text-align:center;background:radial-gradient(at 50% 28%,#233963bb,#0000 66%),linear-gradient(#080e1cf2,#0d1427d9 58%,#090e19f5);position:absolute;inset:0}.arcade-home:after,.select-screen:after{content:"";pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000012 3px 4px);position:absolute;inset:0}.home-edition{letter-spacing:.4em;color:#829abf;width:100%;font-size:.85cqw;font-weight:700;position:absolute;top:3.5%}.arcade-logo{object-fit:contain;width:60%;height:47%;image-rendering:pixelated;filter:drop-shadow(0 .5cqw #030810);position:absolute;top:7%;left:20%}.player-count-menu{flex-direction:column;gap:.7cqw;width:34%;display:flex;position:absolute;top:58%;left:33%}.player-count-menu .button{color:#e8eefb;text-transform:none;letter-spacing:0;text-shadow:.18cqw .24cqw #111;min-height:0;box-shadow:none;background:0 0;border:0;padding:1cqw .8cqw;font-family:"Press Start 2P",monospace;font-size:2.1cqw;position:relative}.player-count-menu .button:before{content:"";opacity:0;border-top:.55cqw solid #0000;border-bottom:.55cqw solid #0000;border-left:.85cqw solid #ffd86d;width:0;height:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.player-count-menu .button:hover,.player-count-menu .button:focus{color:#ffd76b;background:linear-gradient(90deg,#0000,#b7462930,#0000);outline:0}.player-count-menu .button:hover:before,.player-count-menu .button:focus:before{opacity:1}.home-utilities{justify-content:center;gap:3cqw;display:flex;position:absolute;bottom:8%;left:0;right:0}.home-utilities .button{color:#b1c2d9;background:0 0;border:0;min-height:0;padding:.4cqw;font-size:1.1cqw}.home-utilities .button:hover,.home-utilities .button:focus-visible{color:#ffdc83;box-shadow:0 1px #ffdc83}.home-hint{letter-spacing:.15em;color:#7086a8;width:100%;font-size:.9cqw;font-weight:700;position:absolute;bottom:3%}.home-changelog{position:absolute;bottom:2.3%;right:3%}.home-changelog .button{color:#91a5c2;text-transform:none;background:0 0;border:0;min-height:0;padding:.4cqw .6cqw;font-size:1.1cqw}.home-changelog .button:hover,.home-changelog .button:focus-visible{color:#ffdc83;box-shadow:0 1px #ffdc83}.changelog-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;max-height:none;padding:1cqw 2cqw 1cqw .3cqw}.changelog-entry{border-left:2px solid #6b829f;margin:0 0 2.6cqw;padding:0 0 0 2cqw}.changelog-entry:first-child{border-color:#ffd76b}.changelog-entry:last-child{margin-bottom:0}.changelog-entry time{color:#91b6da;letter-spacing:.12em;text-transform:uppercase;font-size:1cqw;font-weight:700}.changelog-entry h2{color:#ffe0a8;margin:.4cqw 0 .8cqw;font-size:2cqw;line-height:1.1}.changelog-entry ul{color:#c2cede;margin:0;padding-left:1.6cqw;font-size:1.4cqw;line-height:1.5}.changelog-entry li{margin-bottom:.55cqw;padding-left:.3cqw}.changelog-entry li::marker{color:#8badd2}.changelog-footer{border-top:1px solid #69778b66;justify-content:space-between;align-items:center;gap:1cqw;padding-top:.8cqw;display:flex}.changelog-footer p{color:#8fa4c0;letter-spacing:.08em;margin:0;font-size:1cqw}.changelog-footer .button{min-height:0;padding:.6cqw 2cqw;font-size:1.2cqw}.select-screen{background:radial-gradient(at 50% 0,#2d385ce6,#091321f7 75%);flex-direction:column;gap:1.1cqw;padding:2.2% 3%;display:flex;position:absolute;inset:0}.select-heading{border-bottom:1px solid #69778b66;flex-shrink:0;justify-content:space-between;align-items:center;min-height:3.8cqw;padding-bottom:.8cqw;display:flex}.select-heading h1{color:#ffdf84;text-shadow:.2cqw .25cqw #351c1f;letter-spacing:-.08em;margin:0;font-family:"Press Start 2P",monospace;font-size:1.8cqw}.select-heading>span{letter-spacing:.1em;color:#8fa4c0;font-size:.9cqw;font-weight:700}.roster-panels{grid-template-columns:1fr 1fr;gap:2cqw;min-height:0;display:grid}.roster-panels.solo{grid-template-columns:1fr;align-self:center;width:56%}.roster-panel{--player-color:#ffa957;border:1px solid color-mix(in srgb,var(--player-color),transparent 38%);border-top:3px solid var(--player-color);background:linear-gradient(130deg,#41232366,#142234aa 55%);min-width:0;padding:1cqw;box-shadow:0 .7cqw 2cqw #0003}.roster-panel.player-2{--player-color:#6dcefc;background:linear-gradient(230deg,#153d5f77,#142234aa 55%)}.roster-player{color:var(--player-color);letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:1.2cqw;line-height:1.1;display:flex}.roster-player>span{color:#9ab0ca;letter-spacing:.04em;font-size:.9cqw}.selected-fighter{align-items:center;gap:1.3cqw;height:11.3cqw;padding:.6cqw .4cqw;display:flex}.selection-preview{object-fit:contain;width:40%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 .35cqw .3cqw #03070d)}.selected-fighter>div{flex:1;min-width:0}.selected-fighter h2{color:#f6e9d2;margin:0;font-size:2.6cqw;font-weight:700;line-height:1.1}.selected-fighter p{color:#9cabc1;max-width:18cqw;margin:.5cqw 0 .9cqw;font-size:1.05cqw;line-height:1.25}.palette-label{letter-spacing:.08em;color:var(--player-color);background:#071320aa;border:1px solid #7d8ba544;padding:.2cqw .45cqw;font-size:.85cqw;font-weight:700;display:inline-block}.roster-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5cqw;display:grid}.roster-tile{aspect-ratio:1/1.13;background:#101b2a;border:2px solid #5a6778;outline:0;min-width:0;padding:0;transition:border-color .12s,filter .12s;position:relative;overflow:hidden}.roster-tile img{object-fit:cover;object-position:top;width:100%;height:100%;image-rendering:pixelated}.roster-tile.selected{border-color:var(--player-color);box-shadow:0 0 0 1px var(--player-color)}.roster-tile:not(:disabled):hover,.roster-tile:focus-visible{filter:brightness(1.16);border-color:#fff3ba;box-shadow:0 0 0 1px #fff3ba}.roster-name{color:#ecdfc8;text-align:center;background:#070d19e8;font-size:1cqw;font-weight:700;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.selection-marker{background:var(--player-color);color:#071323;padding:.2cqw .35cqw;font-family:"Press Start 2P";font-size:.8cqw;position:absolute;top:0;left:0}.roster-tile.locked{opacity:1;color:#536782;background:repeating-linear-gradient(135deg,#182335 0 5px,#172132 5px 10px);border-color:#344256;flex-direction:column;justify-content:center;align-items:center;gap:.8cqw;display:flex}.roster-tile.locked>span{color:#64738a;text-shadow:.15cqw .2cqw #090f1b;font-family:"Press Start 2P",monospace;font-size:3.3cqw}.roster-tile.locked>small{letter-spacing:.08em;color:#5b6b81;font-size:.65cqw;font-weight:700}.solo-opponent{color:#a8bdd4;letter-spacing:.1em;justify-content:center;align-items:center;gap:2cqw;font-size:.9cqw;display:flex}.solo-opponent label{align-items:center;gap:.7cqw;font-weight:700;display:flex}.solo-opponent select{color:#e3e8f0;background:#15253a;border:1px solid #496078;outline-color:#ffd88b;min-width:8cqw;padding:.3cqw .7cqw;font-size:1.1cqw}.mirror-note{text-align:center;color:#8ecff1;letter-spacing:.13em;min-height:1.4cqw;margin:0;font-size:1cqw;font-weight:700}.selection-actions{flex-shrink:0;justify-content:center;gap:.8cqw;margin-top:auto;display:flex}.selection-actions .button{min-height:0;padding:.65cqw 1.1cqw;font-size:1.1cqw}#ui[data-screen=select] .roster-grid{pointer-events:auto}.stage-screen{gap:1.8cqw}.stage-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;min-height:0;max-height:38cqw;margin:1.3cqw 0 0;padding:.25cqw .25cqw .7cqw;display:grid}.stage-card-list.compact{grid-template-columns:repeat(auto-fit,minmax(16cqw,1fr));gap:1.3cqw;margin-top:3.5cqw}.stage-card-list.compact .stage-card-title strong{min-height:3.4cqw;font-size:1.2cqw}.stage-card-list.compact .stage-card-description{min-height:5.2cqw}.stage-card{text-align:left;color:#e9ddc9;background:#0b192beb;border:2px solid #435571;outline:0;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.stage-card img{aspect-ratio:16/9;object-fit:cover;width:100%;image-rendering:pixelated;border-bottom:1px solid #52617b;display:block}.stage-card.selected{border-color:#ffc27b;box-shadow:0 0 0 1px #ffc27b}.stage-card:hover,.stage-card:focus-visible{border-color:#fff0bc;box-shadow:0 0 0 1px #fff0bc}.stage-card-title{flex-direction:column;gap:.65cqw;padding:1.3cqw 1.5cqw .7cqw;display:flex}.stage-card-title small{letter-spacing:.18em;color:#91b6d3;font-size:.8cqw;font-weight:700}.stage-card-title strong{letter-spacing:-.075em;color:#f9e4bb;font-family:"Press Start 2P",monospace;font-size:1.55cqw;line-height:1.4}.stage-card-description{color:#a7b8ce;min-height:4.1cqw;padding:0 1.5cqw 1.2cqw;font-size:1.1cqw;line-height:1.4}.stage-card-state{color:#b3c4d9;letter-spacing:.09em;background:#07121fe8;border:1px solid #7d93aa;padding:.4cqw .7cqw;font-size:.8cqw;font-weight:700;position:absolute;top:.9cqw;right:.9cqw}.stage-card.selected .stage-card-state{color:#142032;background:#ffd08b;border-color:#ffd08b}.stage-rules{text-align:center;color:#b7c9df;letter-spacing:.08em;margin:0;font-size:1cqw;font-weight:700}.stage-rules span{color:#e7b87e;padding:0 1cqw}.hud{isolation:isolate}.hud:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#07111de6,#07111da8 72%,#0000);position:absolute;inset:-1.7cqw -3.2cqw -1.1cqw}.online-lobby-grid{grid-template-columns:1fr 1fr;gap:2cqw;margin:1.8cqw 0;display:grid}.online-box{background:#101c2d;border:1px solid #52647f;flex-direction:column;gap:.7cqw;padding:1.5cqw;display:flex;position:relative}.online-box h2{color:#ffe0a4;margin:.2cqw 0;font-size:2.3cqw}.online-box p{flex:1}.online-number{color:#6dcefc;font-family:"Press Start 2P",monospace;font-size:1.3cqw}.online-box input{color:#ffe19a;letter-spacing:.25em;text-transform:uppercase;background:#081423;border:1px solid #6c839e;width:100%;padding:.8cqw;font-family:"Press Start 2P",monospace;font-size:1.8cqw}.online-box label,.online-stage label,.online-player label{color:#b0c3dc;letter-spacing:.08em;font-size:1cqw;font-weight:700}.online-notice{color:#9eddf1!important;min-height:1.5em!important}.room-code{color:#ffe09a;letter-spacing:.14em}.online-players{grid-template-columns:1fr 1fr;gap:1.5cqw;margin:1cqw 0;display:grid}.online-player{background:#101c2d;border:1px solid #4b617b;align-items:center;gap:1.1cqw;min-height:12cqw;padding:1cqw;display:flex}.online-player.local{border-color:#f1be7f}.online-player img{object-fit:contain;width:8cqw;height:10cqw;image-rendering:pixelated}.online-player h2{margin:.5cqw 0;font-size:2.2cqw}.online-player label{flex-direction:column;gap:.4cqw;display:flex}.online-player select,.online-stage select{color:#f1e7d6;background:#15253a;border:1px solid #69829a;padding:.5cqw;font-size:1.3cqw}.online-player.waiting{text-align:center;flex-direction:column;justify-content:center;gap:0}.online-player.waiting p{font-size:1.1cqw}.online-question{color:#7086a8;font-family:"Press Start 2P",monospace;font-size:3cqw}.online-player .ready-label{color:#a7dbaf;font-size:1.05cqw;font-weight:700}.online-stage{background:#101c2d;align-items:center;gap:1.3cqw;padding:.7cqw 1cqw;display:flex}.online-stage img{aspect-ratio:16/9;width:12cqw;image-rendering:pixelated}.online-stage label{flex-direction:column;flex:1;gap:.6cqw;display:flex}.online-stage p{text-align:right;font-size:1.1cqw!important}#online-status{color:#a8e4f5;white-space:nowrap}.title-intro{background:radial-gradient(at 50% 40%,#203860 0,#0a1122 52%,#03070f 100%);overflow:hidden}.intro-logo-stack{z-index:2;isolation:isolate;visibility:hidden;opacity:0;width:60%;height:47%;position:absolute;top:7%;left:20%}.intro-logo{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 .5cqw #030810)}.intro-reflection{object-fit:contain;transform-origin:50% 0;opacity:.16;filter:blur(.04cqw);pointer-events:none;width:100%;height:100%;position:absolute;inset:166% 0 auto;transform:scaleY(-.65);-webkit-mask-image:linear-gradient(#0000 24%,#0009);mask-image:linear-gradient(#0000 24%,#0009)}.intro-sheen{-webkit-mask-image:var(--intro-logo);mask-image:var(--intro-logo);mix-blend-mode:screen;pointer-events:none;background:linear-gradient(110deg,#0000 36%,#a5eaff80 42%,#fff 48%,#fff2ba 50%,#0000 57%) -90cqw 0/200% 100% no-repeat;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-aura{opacity:.6;background:radial-gradient(#4295d144,#0000 65%);position:absolute;inset:4% 8% 28%}.intro-horizon{background:linear-gradient(90deg,#0000,#75d4ff77,#0000);height:1px;position:absolute;top:66%;left:5%;right:5%;box-shadow:0 0 2cqw .25cqw #26749c22}.intro-impact{opacity:0;pointer-events:none;z-index:3;background:radial-gradient(at 50% 35%,#fff5c259,#0000 62%);position:absolute;inset:0}.intro-gate{z-index:5;visibility:hidden;position:absolute;top:71%;left:0;right:0}.intro-gate .button{color:#ffda8f;text-shadow:0 0 1cqw #ffae5577;background:0 0;border:0;padding:1cqw 2cqw;font-family:"Press Start 2P",monospace;font-size:1.55cqw}.intro-gate p{letter-spacing:.2em;color:#8babc9;margin:.65cqw;font-size:.9cqw}.intro-skip.button{z-index:5;color:#9caec2;background:#07101a88;border-color:#6e829644;min-height:0;padding:.5cqw .8cqw;font-size:.9cqw;position:absolute;bottom:3%;right:3%}.intro-caption{letter-spacing:.28em;color:#829dbd;opacity:0;width:100%;font-size:1cqw;font-weight:700;position:absolute;top:72%}.intro-caption strong{color:#e4ba78;letter-spacing:.6em;margin-top:.5cqw;font-size:1.55cqw;display:block}.title-intro[data-state=waiting] .intro-gate{visibility:visible;animation:.3s both intro-in}.title-intro[data-state=playing] .intro-logo-stack{visibility:visible;animation:.9s cubic-bezier(.16,.85,.25,1) both logo-arrive}.title-intro[data-state=playing] .intro-sheen{animation:1.1s ease-in-out .8s both logo-sheen}.title-intro[data-state=playing] .intro-impact{animation:.65s ease-out .48s both logo-impact}.title-intro[data-state=playing] .intro-aura{animation:logo-aura var(--intro-duration) ease-out both}.title-intro[data-state=playing] .intro-reflection{animation:1s .6s both reflection-in}.title-intro[data-state=playing] .intro-caption{animation:1.1s 1.4s both caption-rise}@keyframes logo-arrive{0%{opacity:0;filter:brightness(2.3)blur(.35cqw);transform:scale(1.65)translateY(-8%)}54%{opacity:1;filter:brightness(1.7);transform:scale(.98)}76%{filter:brightness(1.05);transform:scale(1.02)}to{opacity:1;filter:none;transform:scale(1)}}@keyframes logo-sheen{0%{background-position:-90cqw 0}to{background-position:65cqw 0}}@keyframes logo-impact{0%,to{opacity:0}15%{opacity:.85}}@keyframes logo-aura{0%{opacity:0;transform:scale(.4)}22%{opacity:1;transform:scale(1.15)}to{opacity:.4;transform:scale(1)}}@keyframes reflection-in{0%{opacity:0}to{opacity:.16}}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes caption-rise{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.title-intro *{animation:none!important}.title-intro[data-state=playing] .intro-logo-stack{opacity:1;transform:none}.title-intro[data-state=playing] .intro-caption{opacity:1}.intro-impact,.intro-sheen{display:none}}