@charset "UTF-8";
:root{color-scheme:dark;--navy:#04152e;--cyan:#29d8ff;--orange:#ff960c;--ink:#061e3c;--white:#f3f8ff;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020916;color:var(--white);overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.45;cursor:default}svg{width:1.6em;height:1.6em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}kbd{font:inherit;font-size:.85em;display:inline-flex;justify-content:center;align-items:center;min-width:1.8em;height:1.6em;padding:0 .3em;border:1px solid #8bb3d766;border-bottom-width:2px;border-radius:.2em;color:#c8def2;background:#061a38a6}.hidden{display:none!important}#stage{position:relative;width:min(100vw,177.77778dvh);aspect-ratio:16/9;max-height:100dvh;container-type:inline-size;overflow:hidden;background:#06162c;isolation:isolate;box-shadow:0 0 100px #00172c}#stage.playing{touch-action:none;user-select:none;-webkit-user-select:none}.screen{position:absolute;inset:0;overflow:hidden}.screen.active{animation:screen-in .3s ease-out}.menu-art,.result-art{position:absolute;inset:0;background-size:cover;background-position:center}.menu-art{background-image:url('assets/menu.png');animation:art-enter 1.2s ease-out}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00112675,transparent 54%),linear-gradient(0deg,#001125ba,transparent 15%)}.edition{position:absolute;top:4.5%;left:5.2%;display:flex;align-items:center;gap:1cqw;font-size:1cqw;font-weight:800;letter-spacing:.12em}.edition i{width:.4cqw;height:1cqw;background:var(--orange);transform:skew(-20deg)}.edition span{font-size:.75cqw;font-weight:400;letter-spacing:.18em;color:#9ebcd5;border-left:1px solid #769ecb70;padding-left:1cqw}.logo{position:absolute;left:4.6%;top:12%;width:43%;transform:skew(-7deg);filter:drop-shadow(.4cqw .6cqw 0 #00132a)}.logo-en{font-size:1.05cqw;font-weight:900;letter-spacing:.65em;color:#8bdcff;margin-left:1.4cqw}.logo h1{position:relative;display:flex;align-items:center;margin:0;font-weight:1000;letter-spacing:-.075em;font-size:7.8cqw;line-height:1.16;font-style:italic;white-space:nowrap;-webkit-text-stroke:.07cqw #d6f1ff;text-shadow:.24cqw .24cqw 0 #004f86}.logo h1 span{margin-left:1.35cqw;color:#ffae25;-webkit-text-stroke:.07cqw #ffb530;text-shadow:.25cqw .25cqw 0 #9a3902}.logo h1 b{position:absolute;left:42%;top:43%;font-size:2cqw;color:#eff244;-webkit-text-stroke:0;text-shadow:none}.logo:after{content:"";position:absolute;left:0;right:2%;bottom:20%;height:.65cqw;background:linear-gradient(90deg,#45d8ff,transparent 47%,#ff960c 48%,#ff960c);clip-path:polygon(0 0,100% 0,94% 100%,3% 100%)}.tagline{display:flex;align-items:center;justify-content:center;gap:1.8cqw;margin-top:1.4cqw;font-size:1.65cqw;font-weight:850;letter-spacing:.28em}.tagline i{height:1px;width:4cqw;background:#c6e7ff}.menu-actions{position:absolute;top:43%;left:5.5%;width:32%;display:grid;gap:1.1cqw}.slash-button{position:relative;display:flex;align-items:center;gap:1.5cqw;width:100%;min-height:5.1cqw;padding:.75cqw 1.75cqw;background:linear-gradient(115deg,#034c89e8,#06396deb);border:1.5px solid #26bafa;box-shadow:inset 0 0 15px #239dff20,0 .3cqw 0 #00152b;transform:skew(-9deg);font-weight:850;font-size:2.25cqw;text-align:left;transition:filter .15s,translate .15s;isolation:isolate}.slash-button>*{transform:skew(9deg)}.slash-button:before{content:"";position:absolute;inset:3px;z-index:-1;border-top:1px solid #ffffff42;pointer-events:none}.slash-button:hover{filter:brightness(1.2);translate:.35cqw 0}.slash-button:active{translate:0 .2cqw}.slash-button.primary{background:linear-gradient(110deg,#fa6d00,#ff9c07 75%,#e76200);border-color:#ffde39;box-shadow:0 0 1.5cqw #ff86002b,inset 0 0 .5cqw #ffcf42,0 .3cqw 0 #5b2808;text-shadow:0 .14cqw .12cqw #843000}.slash-button.primary svg{color:#f5f12f}.slash-button small{display:block;font-size:.85cqw;letter-spacing:.08em;font-weight:500;color:#d1e8fc;margin-top:.2cqw}.slash-button.primary small{color:#fff2d6}.slash-button>b{margin-left:auto;font-size:3cqw;line-height:.8}.menu-actions .primary{min-height:6.2cqw;font-size:2.7cqw;margin-bottom:.25cqw}.menu-actions .primary svg{width:3.5cqw;height:3.5cqw}.menu-actions>button:not(.primary){min-height:4.6cqw;font-size:1.9cqw}.menu-actions>button:not(.primary) svg{width:2.6cqw;height:2.6cqw}.menu-sub{display:flex;gap:1.2cqw;margin-top:.1cqw}.menu-sub button{display:flex;align-items:center;justify-content:center;gap:.6cqw;background:#052649b3;border:1px solid #5599cc99;transform:skew(-9deg);padding:.7cqw 1.2cqw;font-size:1.05cqw;font-weight:800;flex:1}.menu-sub button:hover{background:#0b4c76}.hero-tag{position:absolute;right:4%;bottom:10%;display:flex;align-items:center;gap:1cqw;background:linear-gradient(100deg,#00183100,#031b3ce8);padding:1cqw 1.3cqw 1cqw 2.5cqw;border-right:.25cqw solid var(--cyan)}.hero-tag>span{font-size:3.8cqw;font-weight:900;font-style:italic;color:#ffffff2b}.hero-tag>div{font-size:2cqw;font-weight:900}.hero-tag small{display:block;font-size:.8cqw;color:#7bdfff;letter-spacing:.15em}.hero-tag>b{font-size:1cqw;padding:.4cqw .6cqw;color:#ffbd48;border:1px solid #ffae2855;margin-left:.4cqw}.menu-footer{position:absolute;bottom:2.4%;left:5%;right:3%;display:flex;align-items:center;gap:3cqw;font-size:.8cqw;color:#b5cee4}.menu-footer>span:last-child{margin-left:auto;color:#7895b7}.status-dot{display:inline-block;width:.45cqw;height:.45cqw;border-radius:50%;background:var(--cyan);box-shadow:0 0 .5cqw #36dbff;margin-right:.4cqw}.utility{position:absolute;top:3%;right:2%;display:flex;gap:.6cqw;z-index:6}.icon-button{display:flex;align-items:center;justify-content:center;width:3cqw;height:3cqw;min-width:27px;min-height:27px;padding:.6cqw;background:#062548a8;border:1px solid #a5d4f77a;border-radius:50%;color:#e7f7ff}.icon-button:hover{background:#126194}.icon-button svg{width:100%;height:100%}.muted{opacity:.45}.playing .utility{display:none}.ambient{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle at 55% 45%,#ffda9655 0 1px,transparent 2px),radial-gradient(circle at 20% 80%,#5ad8ff77 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#fff7ca66 0 1px,transparent 2px);background-size:250px 220px,340px 270px,460px 390px;animation:particles 35s linear infinite;opacity:.6}
/* Live court */
#court{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;height:14%;display:flex;justify-content:space-between;pointer-events:none;background:linear-gradient(#021329cc,transparent)}.player-info{display:flex;align-items:flex-start;width:29%;margin:1.2cqw 0 0 1.5cqw;gap:.6cqw}.portrait{width:6.3cqw;height:5.6cqw;flex:none;background-color:#072b4f;background-size:cover;background-repeat:no-repeat;border:.15cqw solid var(--cyan);clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.portrait.ayo{background-image:url('assets/menu.png');background-size:390%;background-position:67% 3%}.portrait.rin{background-image:url('assets/rin-portrait.png');background-size:190%;background-position:51% 0}.player-meta{padding:.1cqw 0;width:16cqw}.player-meta>div:first-child{display:flex;align-items:center;gap:.7cqw}.player-meta b,.rival-meta b{font-size:2.1cqw;font-weight:950;line-height:1.2;font-style:italic}.player-meta small{font-size:.65cqw;color:#9defff;border:1px solid #38dcff77;padding:0 .3cqw}.energy{height:.8cqw;background:#061329;border:1px solid #a6d4f982;transform:skew(-12deg);margin:.4cqw 0}.energy i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#ff6c00,#ffe543);transition:width .18s;box-shadow:0 0 .8cqw #ff8c0055}.player-meta>span{font-size:1cqw;font-style:italic;font-weight:800;color:#ffbf5a}.scoreboard{position:absolute;top:1.2%;left:50%;transform:translateX(-50%);width:24%;text-align:center}.scoreboard>div:first-child{font-size:1.1cqw;font-weight:850;padding:.35cqw;background:#021329c9;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.scores{display:flex;align-items:center;justify-content:center;gap:1.4cqw;background:linear-gradient(90deg,#014c9deb,#02162feb 48%,#48250deb);border-top:.2cqw solid #70dcff;border-bottom:1px solid #7dc9ef7a;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);padding:.2cqw 1.3cqw .6cqw}.scores strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:4cqw;font-weight:900;font-style:italic;letter-spacing:.1em;line-height:1.05;text-shadow:0 0 1cqw #4eb6fd;min-width:7cqw}.scores strong:last-child{color:#ffe8ce;text-shadow:0 0 1cqw #ff9a24}.scores>span{font-size:2.1cqw;color:#87a8c8}.rival-info{display:flex;align-items:flex-start;gap:.7cqw;margin:1.2cqw 1.2cqw 0 0}.rival-info .portrait{border-color:#ffad3b;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%)}.rival-meta{text-align:right;padding:.2cqw .3cqw}.rival-meta span{display:block;font-size:.85cqw;color:#ffb767;margin-top:.45cqw}.rival-info .icon-button{pointer-events:auto;margin-left:1cqw;border-radius:.35cqw;border-color:#35b9ef;background:#052347;width:3.8cqw;height:3.8cqw}.center-message{position:absolute;top:30%;left:18%;right:18%;text-align:center;pointer-events:none;filter:drop-shadow(0 .25cqw 0 #01152b);transition:opacity .2s}.center-message strong{display:block;font-size:5cqw;font-weight:950;font-style:italic;letter-spacing:.07em;text-shadow:0 .25cqw 0 #05365e,0 0 2cqw #001b40}.center-message small{font-size:1.15cqw;font-weight:700;color:#9aeaff;letter-spacing:.25em;background:#041e3bd6;padding:.35cqw 1.4cqw;border-left:2px solid #24ceff;border-right:2px solid #24ceff}.center-message.win strong{color:#ffc949}.center-message.lose strong{color:#b6d0ee}.rally-counter{position:absolute;top:17%;left:2%;display:flex;align-items:center;gap:.7cqw;color:#d1ecff}.rally-counter b{font-size:3cqw;font-style:italic;line-height:1;color:#ffce54}.rally-counter span{font-size:.8cqw;max-width:2.5cqw;line-height:1.4}.hit-feedback{position:absolute;left:25%;top:22%;font-size:2.8cqw;font-weight:1000;font-style:italic;transform:rotate(-7deg);color:#ffe549;text-shadow:.2cqw .2cqw 0 #10274a,-.1cqw -.1cqw 0 #10274a;pointer-events:none;animation:feedback .5s ease-out}.hit-feedback.rival{left:auto;right:22%;color:#8decff}.match-hint{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);font-size:1cqw;letter-spacing:.08em;font-weight:700;white-space:nowrap;border-radius:2cqw;padding:.4cqw 1.1cqw;background:#021a36bb;color:#ceeaff;pointer-events:none}.charge-meter{position:absolute;left:18%;bottom:27%;width:15cqw;font-size:.9cqw;font-weight:800;color:#ffd83c;text-align:center;pointer-events:none}.charge-meter>div{margin-top:.3cqw;height:.65cqw;background:#07172b;border:1px solid #ffcf5388;transform:skew(-10deg)}.charge-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff7800,#fff064)}.controls{position:absolute;inset:0;pointer-events:none}.move-controls{position:absolute;left:3%;bottom:3.5%;display:flex;gap:1.3cqw}.action-controls{position:absolute;right:3%;bottom:3.5%;display:flex;align-items:flex-end;gap:1.1cqw}.controls button{pointer-events:auto;touch-action:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:7.5cqw;height:7.5cqw;border-radius:50%;background:radial-gradient(circle at 38% 25%,#0b5794c9,#02152fe6 80%);border:.2cqw solid #31c7fa;box-shadow:inset 0 0 .8cqw #259bff44,0 .3cqw .5cqw #00112688;transition:background .08s,transform .08s;user-select:none;-webkit-user-select:none}.controls button svg{width:3.4cqw;height:3.4cqw}.controls button span{font-size:1.35cqw;font-weight:900;font-style:italic}.controls button kbd{position:absolute;right:0;bottom:-.35cqw;font-size:.75cqw;border-color:#4e87b7;background:#06172b}.controls button.active{background:#1890c9;transform:scale(.93);box-shadow:0 0 2cqw #37bfff88}.controls button.hit-control{width:9.3cqw;height:9.3cqw;border-color:#ffc82b;background:radial-gradient(circle at 38% 25%,#fa8a0ae0,#7c2901ed);box-shadow:0 0 1.3cqw #ff85005e,inset 0 0 1.1cqw #ffb13366;outline:1px solid #ff94009c;outline-offset:.35cqw}.hit-control svg{color:#fff04a;width:4cqw!important;height:4cqw!important}.hit-control span{font-size:1.75cqw!important}.hit-control small{position:absolute;top:-2cqw;border:1px solid #ffac27b3;background:#37250ee8;border-radius:.3cqw;color:#ffd461;padding:.2cqw .6cqw;font-size:.8cqw;white-space:nowrap}.move-controls button{width:8cqw;height:8cqw}.move-controls button svg{width:3.5cqw;height:3.5cqw}.controls button.ready{border-color:#f3fba1;box-shadow:0 0 1.8cqw #52ddff88;animation:skill-pulse 1s ease-in-out infinite}.controls button.armed{background:#1cb3c5;border-color:#fff}.keyboard-strip{display:none;position:absolute;bottom:3.5%;left:50%;transform:translateX(-50%);align-items:center;gap:1.7cqw;white-space:nowrap;color:#9dbddc;font-size:.85cqw}.keyboard-strip span{display:flex;align-items:center;gap:.4cqw}.keyboard-strip kbd{font-size:.75cqw}.cinematic{position:absolute;inset:0;z-index:10;background:#021126;animation:cut-in .16s ease-out;pointer-events:none}.cinematic img{width:100%;height:100%;object-fit:cover}.cinematic-score{position:absolute;top:0;left:35%;width:30%;text-align:center;padding:.7cqw;background:#041b35;font-size:1.65cqw;font-weight:900;color:#c3f6ff;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);border-bottom:.2cqw solid #2cdfff}.cinematic-title{position:absolute;bottom:8%;left:5%;transform:skew(-12deg);text-shadow:.3cqw .3cqw #021830}.cinematic-title small{display:block;color:#b4f3ff;font-size:1.5cqw;letter-spacing:.5em}.cinematic-title strong{font-size:6cqw;color:#d9faff;font-style:italic;font-weight:1000}.cinematic.ayo .cinematic-title{display:none}
/* Results */
.result-art{background-image:url('assets/victory.png')}.result-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#02132940 65%)}.result-panel{position:absolute;top:8%;right:5%;width:44%;text-align:center}.eyebrow{font-size:.85cqw;letter-spacing:.25em;color:#81cce8;font-weight:700}.result-panel h2{font-size:7.8cqw;line-height:1.2;letter-spacing:.05em;transform:skew(-12deg);margin:.4cqw 0 .8cqw;color:#ffdb46;text-shadow:.3cqw .3cqw 0 #b35403,.65cqw .65cqw 0 #00132c;font-weight:1000;font-style:italic}.final-score{display:flex;align-items:center;justify-content:space-around;background:linear-gradient(90deg,#064c8fab,#04172be0,#7241007a);border:1px solid #278ee3;border-left:3px solid #4ad8ff;transform:skew(-6deg);padding:.4cqw 1cqw}.final-score span{font-size:1.8cqw;font-weight:900}.final-score strong{font-family:Impact,system-ui;font-size:3.8cqw;letter-spacing:.1em;color:#ffdc6b;font-style:italic;white-space:nowrap}.result-badge{color:#ffdc6b;font-size:.9cqw;font-weight:800;letter-spacing:.25em;margin:.8cqw 0}.result-panel h3{display:flex;align-items:center;gap:1.5cqw;font-size:1.5cqw;letter-spacing:.4em;margin:1.2cqw 0}.result-panel h3:before,.result-panel h3:after{content:"";height:1px;background:#4bb5e0;flex:1}.result-stat{display:flex;align-items:center;gap:1.3cqw;border:1px solid #2588c8;background:#03214ca6;padding:.75cqw 1.8cqw;transform:skew(-7deg);margin-bottom:.65cqw;font-size:1.55cqw;font-weight:800}.result-stat svg{width:2cqw;height:2cqw;color:#97dfff}.result-stat b{margin-left:auto;font-size:2.3cqw;font-style:italic;line-height:1}.result-stat b small{font-size:1cqw}.result-buttons{display:flex;gap:1.3cqw;margin-top:1.8cqw}.result-buttons .slash-button{min-height:4.5cqw;font-size:1.7cqw;justify-content:center;padding:.5cqw}.result-buttons .slash-button b{margin-left:1cqw}.result-buttons .slash-button:last-child{font-size:1.35cqw}.result-panel.defeat h2{color:#deecff;text-shadow:.3cqw .3cqw #305986,.65cqw .65cqw #00132c}.result-panel.defeat .result-badge{color:#8ed9fa}#rin-result{position:absolute;left:2%;bottom:-12%;width:48%;height:110%;background:url('assets/rin-portrait.png') center/contain no-repeat}.result-art.rin{background-image:url('assets/gym.png');filter:brightness(.55)}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;width:.45cqw;height:1.1cqw;top:-8%;background:#ffbd37;animation:confetti-fall 4s linear infinite}.confetti i:nth-child(3n){background:#29cfff}.confetti i:nth-child(3n+1){background:#ffeac3}
/* Dialogs */
.modal{position:absolute;inset:0;z-index:20;background:#000c20b8;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:3cqw}.modal-panel{position:relative;width:60%;max-height:100%;overflow:auto;padding:2.8cqw 3cqw;background:linear-gradient(135deg,#0b2d52f5,#02162dfc);border:1px solid #2f98c6;box-shadow:0 1cqw 4cqw #0009,inset 0 1px #70caff66}.modal-panel:before{content:"";position:absolute;top:0;left:0;width:22%;height:.3cqw;background:var(--cyan)}.modal-panel h2{margin:.5cqw 0 1.7cqw;font-size:2.7cqw;font-style:italic;font-weight:950}.close{position:absolute;right:1cqw;top:.6cqw;background:transparent;color:#98c5df;font-size:2.7cqw;line-height:1;min-width:32px;min-height:32px}.modal-panel p{font-size:1cqw;line-height:1.8;color:#afc8df}.modal-panel .slash-button{font-size:1.6cqw;min-height:4cqw;justify-content:center;margin-top:1.5cqw}.modal-panel label{font-size:1.2cqw;font-weight:700}.modal-panel.wide{width:80%}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin:1cqw 0 2cqw}.option-card{border:1px solid #35749c;background:#062445;padding:1.6cqw .8cqw;text-align:center;font-size:1.5cqw;font-weight:850;transition:border-color .15s,background .15s}.option-card small{display:block;font-size:.8cqw;color:#88b4d4;margin-top:.6cqw;font-weight:400}.option-card.selected{border-color:#ffb629;background:linear-gradient(130deg,#6640148c,#062445);box-shadow:inset 0 -3px #ffb72f}.option-card:hover{border-color:#a2e3ff}.setup-player{display:flex;align-items:center;gap:1cqw;padding:.7cqw;background:#041b32;border-left:3px solid #29d2f7;font-size:1.2cqw}.setup-player span{margin-left:auto;color:#9bbbd5;font-size:.9cqw}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw}.character-card{position:relative;overflow:hidden;border:1px solid #367da9;background:radial-gradient(ellipse at 40% 20%,#0b5b8899,#04172c 80%);height:25cqw;cursor:pointer;text-align:left;padding:0}.character-card.selected{border:2px solid #ffbc38;box-shadow:0 0 1.4cqw #e98d0029}.character-card:hover{background-color:#0b395c}.character-card .character-art{position:absolute;inset:0;background-size:cover}.character-card[data-character="ayo"] .character-art{background-image:url('assets/menu.png');background-size:230%;background-position:70% 12%}.character-card[data-character="rin"] .character-art{background-image:url('assets/rin-portrait.png');background-size:105%;background-repeat:no-repeat;background-position:50% -7%}.character-description{position:absolute;bottom:0;left:0;right:0;padding:1.2cqw;background:linear-gradient(transparent,#021329 25%);padding-top:4cqw}.character-description h3{font-size:2.4cqw;margin:0}.character-description>span{font-size:.9cqw;color:#ffce69;letter-spacing:.12em}.character-description p{font-size:.85cqw;color:#c1d7e8;margin:.5cqw 0}.character-bars{display:flex;gap:1cqw;font-size:.7cqw;color:#82b4d7}.character-card .selected-label{position:absolute;right:.6cqw;top:.6cqw;padding:.25cqw .6cqw;background:#ffb534;color:#172538;font-size:.8cqw;font-weight:850;display:none}.character-card.selected .selected-label{display:block}.settings-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b5e814d;padding:1cqw 0;gap:1cqw}.settings-row small{display:block;color:#7fa9c5;font-size:.8cqw;margin-top:.3cqw;font-weight:400}.toggle{width:3.8cqw;height:2cqw;border:1px solid #44789c;border-radius:2cqw;background:#14364c;padding:.2cqw;min-width:40px;min-height:23px}.toggle i{display:block;height:100%;aspect-ratio:1;background:#c1d2df;border-radius:50%;transition:transform .15s}.toggle.on{background:#098ab6;border-color:#4ce5ff}.toggle.on i{transform:translateX(100%);background:#fff}.tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw}.tutorial-card{border-left:2px solid #22b5e8;background:#05213f;padding:1cqw}.tutorial-card b{font-size:1.25cqw;color:#c4f5ff}.tutorial-card p{font-size:.9cqw;margin:.5cqw 0 0}.tutorial-card kbd{font-size:.8cqw}.tutorial-note{font-size:.85cqw!important;border-top:1px solid #275678;padding-top:1cqw}.pause-actions{display:grid;gap:.6cqw}.pause-actions .slash-button{margin-top:0}.pause-actions .secondary{background:#06274c;border-color:#346d9d;font-size:1.1cqw}.toast{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);z-index:30;background:#021b36ed;border:1px solid #2db7dc;color:#dbf7ff;padding:.7cqw 1.7cqw;white-space:nowrap;font-size:1.05cqw;box-shadow:0 .3cqw 1cqw #0005;pointer-events:none}.load-mark{font-size:6cqw;font-weight:1000;font-style:italic;letter-spacing:-.06em}.load-mark span{color:#ffad26;margin-left:1cqw}#loading{z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0b3659,#031126 65%)}#loading p{font-size:1.3cqw;letter-spacing:.2em;color:#9bc7e4}.load-track{width:26%;height:.3cqw;background:#173e5f;margin:.5cqw 0 1cqw}.load-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#24d9ff,#ffb436);transition:width .2s}#load-status{font-size:.8cqw;color:#6f95b2}#rotate-prompt{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 60% 30%,#0b405d,#041126 70%);text-align:center;align-items:center;justify-content:center;flex-direction:column;padding:35px}#rotate-prompt svg{width:90px;height:90px;color:#43d8ff;margin-bottom:22px}#rotate-prompt h2{font-size:23px}#rotate-prompt p{color:#95b7d2;font-size:15px;line-height:1.8}#rotate-prompt button{margin-top:30px;background:#0a3153;border:1px solid #3a709a;padding:12px 24px;color:#b2d3e6}
@media (pointer:fine){.playing:not(.show-controls) .controls{display:none}.playing:not(.show-controls) .keyboard-strip{display:flex}.playing:not(.show-controls) .match-hint{bottom:13%}}
#defeat-avatar{position:absolute;left:0;top:0;height:100%;width:50%}#results.defeat .result-art{background-image:url('assets/gym.png');filter:brightness(.55)}
.logo{top:8%;left:4%;width:44%;transform:none;filter:drop-shadow(.3cqw .5cqw 0 #00142c70)}.logo h1{line-height:0;margin-top:.5cqw}.logo h1 img{display:block;width:100%;height:auto}.logo:after{display:none}.logo .tagline{margin-top:.7cqw;font-size:1.5cqw}.logo-en{margin-left:2cqw;font-size:.9cqw;letter-spacing:.8em}
.rin-menu-hero{display:none;position:absolute;right:3%;top:-6%;height:123%;width:53%;background:url('assets/rin-portrait.png') center top/contain no-repeat;filter:drop-shadow(0 0 2cqw #03162b)}#menu.rin .rin-menu-hero{display:block}#menu.rin .menu-art{background-image:url('assets/gym.png');filter:brightness(.8)}#stage:fullscreen{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto}#stage:fullscreen .screen{width:min(100vw,177.77778dvh);height:min(100dvh,56.25vw);left:50%;top:50%;transform:translate(-50%,-50%)}
@media (pointer:coarse){.controls kbd{display:none}.controls button{width:8.3cqw;height:8.3cqw}.controls .hit-control{width:10cqw!important;height:10cqw!important}.move-controls button{width:9cqw;height:9cqw}.match-hint{bottom:22%;font-size:1.1cqw}.edition,.menu-footer{font-size:1.05cqw}.menu-sub button{font-size:1.25cqw}.utility .icon-button{width:4cqw;height:4cqw}.modal-panel{width:72%}.modal-panel p{font-size:1.2cqw}.modal-panel .eyebrow{font-size:1cqw}.settings-row label{font-size:1.5cqw}.settings-row small{font-size:1cqw}.tutorial-card p{font-size:1.1cqw}.tutorial-card b{font-size:1.5cqw}.option-card small{font-size:1.05cqw}.hero-tag small{font-size:1.1cqw}}
@media (orientation:portrait) and (max-width:900px){#rotate-prompt:not(.dismissed){display:flex}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
@keyframes screen-in{from{opacity:0}to{opacity:1}}@keyframes art-enter{from{transform:scale(1.025);filter:brightness(.75)}to{transform:scale(1);filter:brightness(1)}}@keyframes particles{to{background-position:80px -220px,-120px -270px,50px -390px}}@keyframes skill-pulse{50%{box-shadow:0 0 2cqw #59e9ffbd}}@keyframes feedback{from{opacity:0;scale:1.4;translate:0 1cqw}25%{opacity:1;scale:1.05}to{scale:1;translate:0 0}}@keyframes cut-in{from{clip-path:polygon(0 40%,100% 20%,100% 60%,0 80%);filter:brightness(2)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness(1)}}@keyframes confetti-fall{to{top:110%;transform:translateX(4cqw) rotate(600deg)}}