@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0c0e10;color:#f4f4ef;font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.wrap{max-width:1180px;margin:auto}a{color:inherit;text-decoration:none}a:hover{color:#21d4ed}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #21d4ed;outline-offset:5px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303639}.brand{font:18px Pixel,monospace;display:flex;align-items:center;gap:14px;letter-spacing:-.6px}nav{display:flex;height:100%;gap:34px;align-items:center}nav a{height:100%;display:grid;align-items:center;position:relative;color:#b8bcc1;font-size:14px}nav a.active{color:#21d4ed}nav a.active:after{content:'';position:absolute;bottom:0;height:2px;background:#21d4ed;width:100%}.intro{text-align:center;padding:37px 0 28px}h1{font:48px/1.2 Pixel,monospace;letter-spacing:-2.5px;margin:0 0 12px}.intro p{font:18px/1.5 Pixel,monospace;color:#afb5ba;margin:0}h2,h3{font-family:Pixel,monospace;font-weight:400}.game-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);border:1px solid #343a3e;border-radius:6px;overflow:hidden}.player{background:#000;min-width:0}.stage{position:relative;aspect-ratio:4/2.7;background:#000;display:grid;place-items:center}.cover{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;position:relative}.battle-art{width:100%;height:calc(100% - 87px);object-fit:contain;image-rendering:pixelated}.primary{font:20px Pixel,monospace;background:#21d4ed;color:#051014;border:0;padding:15px 34px;min-width:235px;box-shadow:4px 4px 0 #126678;transition:background .15s,transform .15s}.primary:hover{background:#7ceafb;transform:translateY(-2px)}.primary span{font:14px sans-serif;margin-left:15px}.cover small{font-size:10px;color:#697278;margin-top:12px}.toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #262c30;background:#101315;gap:8px}.toolbar>span{font-size:11px;color:#89939a}.toolbar>div{display:flex;gap:14px}.toolbar button{border:0;padding:5px 0;background:none;color:#d6dcdf;font-size:11px}.toolbar button:hover{color:#21d4ed}aside{padding:25px 26px;background:#101214;border-left:1px solid #303639}aside h2{font-size:22px;line-height:1.4;margin:0 0 12px}aside>p{color:#abb2b8;font-size:14px;margin:0 0 20px}.controls{border-top:1px solid #303639;border-bottom:1px solid #303639;padding:18px 0;display:grid;gap:18px}.controls>div{display:flex;gap:18px;align-items:center}.controls>div>kbd{margin:0 23px 0 19px}.controls b,.practice b{display:block;font-size:13px}.controls small,.practice small{display:block;font-size:12px;line-height:1.6;color:#abb2b8;margin-top:3px}kbd{display:inline-grid;place-items:center;border:1px solid #727c83;border-bottom-width:3px;border-radius:3px;min-width:29px;height:31px;font:19px monospace;color:#e6e8e9;background:#1b2024}.arrows{display:flex;flex-direction:column;align-items:center;gap:3px}.arrows>span{display:flex;gap:3px}.arrows kbd{min-width:26px;height:26px;font-size:17px}.practice{margin-top:18px;border:1px solid #303639;border-radius:4px;padding:12px;display:flex;align-items:center;gap:14px}.practice>span:last-child{margin-left:auto;font-size:28px}.practice em{font-style:normal;color:#21d4ed}.mobile-note{display:none}#game-mount{position:absolute;inset:0;pointer-events:none}#game-mount:has(iframe){pointer-events:auto}iframe{width:100%;height:100%;border:0;display:block}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0}.tips article{display:flex;min-height:150px;padding:22px 18px;border:1px solid #303639;border-radius:4px;gap:12px;align-items:center}.tips h2{font-size:15px;margin:0 0 10px;line-height:1.45}.tips p{font-size:13px;line-height:1.75;color:#a8b0b6;margin:0}.tip-art{flex:0 0 80px;height:90px;position:relative;image-rendering:pixelated}.bones>img:not(.soul){position:absolute;width:9px;height:48px;left:8px;top:0}.bones>img:nth-child(2){left:35px;top:35px}.bones>img:nth-child(3){left:66px;top:7px}.bones .soul{position:absolute;width:19px;bottom:1px;left:8px;filter:hue-rotate(155deg)}.soul-pair{display:flex;align-items:center;gap:12px}.soul-pair img{width:30px}.soul-pair img:first-child{filter:hue-rotate(155deg);align-self:flex-start;margin-top:16px}.hearts{display:flex;align-items:center;gap:5px}.hearts img{width:24px;filter:grayscale(1);opacity:.3}.hearts img:first-child{filter:hue-rotate(155deg);opacity:1}.hearts img:nth-child(2){margin-top:20px}.hearts img:nth-child(3){margin-top:40px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:24px;margin:0;letter-spacing:-1px}.section-heading p,.section-heading>span{color:#8e989f;font-size:12px;margin:0}.modes{padding:54px 0 38px}.mode-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303639;border-bottom:1px solid #303639}.mode-list article{padding:22px 22px 20px 0}.mode-list article+article{padding-left:25px;border-left:1px solid #303639}.mode-list span{color:#21d4ed;font:12px Pixel}.mode-list h3{font-size:16px;margin:12px 0 8px}.mode-list p{color:#a8b0b6;font-size:13px;margin:0}.custom-note{font-size:12px;color:#8e989f;margin:14px 0 0}.faq{padding:8px 0 48px}.faq details{border:1px solid #303639;border-radius:4px;margin-bottom:8px}.faq summary{list-style:none;padding:16px 20px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:22px monospace;color:#909aa2}.faq details[open] summary{color:#21d4ed}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 20px 20px;color:#b4bcc2;max-width:900px;font-size:14px}.faq details>a{display:block;margin:0 20px 20px}.faq p a,.faq details>a{color:#21d4ed;text-decoration:underline}footer{border-top:1px solid #303639;padding:26px 0 34px;display:flex;justify-content:space-between;color:#99a2a9}footer .brand{font-size:14px;color:#e1e6e9}footer p,footer small{font-size:11px;margin:8px 0}footer>div:last-child{text-align:right}footer>div:last-child a{font-size:12px;margin-left:20px}footer small{display:block}.skip{position:fixed;top:-100px;background:#21d4ed;color:#000;padding:10px;z-index:50}.skip:focus{top:10px}.focus-mode .game-layout{grid-template-columns:1fr}.focus-mode aside{display:none}.focus-mode .stage{aspect-ratio:4/3;max-height:78vh}.player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000}.player:fullscreen .stage{height:calc(100vh - 48px);aspect-ratio:auto}.player:fullscreen .toolbar{flex:none;width:100%}body.focus-mode .intro{padding:20px 0}.hidden{display:none!important}@media(min-width:1450px){.wrap{max-width:1220px}.intro{padding:40px 0 30px}h1{font-size:54px}.stage{aspect-ratio:4/2.5}}@media(max-width:1240px){.wrap{margin-left:28px;margin-right:28px}.toolbar>span{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tips article{padding:20px 15px}.tip-art{flex-basis:65px}aside{padding:22px}}@media(max-width:850px){.game-layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #303639}.controls{grid-template-columns:1.3fr 1fr 1fr;gap:12px}.controls>div{gap:12px}.controls>div>kbd{margin:0}.practice{max-width:360px}.mobile-note{display:block;margin:16px 0 0;font-size:12px}.tips{grid-template-columns:1fr}.tips article{min-height:120px;justify-content:space-between}.tips p{max-width:500px}.tip-art{flex-basis:90px}.stage{aspect-ratio:4/3}.mode-list{grid-template-columns:repeat(2,1fr)}.mode-list article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #303639}.mode-list article:nth-child(4){border-top:1px solid #303639}}@media(max-width:540px){.wrap{margin-left:18px;margin-right:18px}header{height:65px}.brand{font-size:12px;gap:7px;letter-spacing:-.7px}.brand img{width:18px}nav{gap:15px}nav a{font-size:11px}nav a:nth-child(2){display:none}.intro{padding:30px 0 25px}h1{font-size:30px;letter-spacing:-1.7px}.intro p{font-size:11px}.primary{font-size:16px;padding:12px 22px;min-width:195px}.cover small{font-size:9px;margin-top:10px}.battle-art{height:calc(100% - 75px)}.toolbar{padding:0 10px;height:42px}.toolbar>span{max-width:115px;font-size:10px}.toolbar>div{gap:12px}.toolbar button{font-size:10px}aside{padding:22px 18px}aside h2{font-size:21px}.controls{grid-template-columns:1fr}.controls>div{gap:19px}.controls>div>kbd{margin:0 23px 0 20px}.controls{gap:16px}.practice{max-width:none}.tips h2{font-size:15px}.tips article{padding:20px 17px}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.section-heading h2{font-size:23px}.modes{padding-top:37px}.mode-list article{padding-right:15px}.mode-list article+article{padding-left:16px}.mode-list h3{font-size:14px}.faq summary{padding:16px;font-size:13px}.faq details p{padding:0 16px 18px;font-size:13px}footer{flex-direction:column;gap:14px}footer>div:last-child{text-align:left}footer>div:last-child a{margin:0 18px 0 0}.faq{padding-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:851px){.stage{aspect-ratio:auto;height:410px}.intro{padding:28px 0 25px}aside{padding:20px 24px}.controls{gap:14px;padding:14px 0}.practice{margin-top:14px}aside>p{margin-bottom:16px}.battle-art{height:calc(100% - 87px);max-height:323px}.cover{overflow:hidden}}

.touch-controls{display:none;background:#0d1012;padding:12px 18px;align-items:center;justify-content:space-between;border-top:1px solid #303639;touch-action:none}.touch-controls button{width:42px;height:42px;border:1px solid #5c6871;border-bottom-width:3px;border-radius:4px;background:#192126;color:#f4f4ef;font:20px monospace;user-select:none;touch-action:none}.touch-controls button.pressed{background:#21d4ed;color:#000}.dpad{display:grid;grid-template-columns:repeat(3,42px);gap:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2}.dpad button:nth-child(3){grid-row:2}.dpad button:nth-child(4){grid-row:2}.action-keys{display:flex;gap:12px}.action-keys button:last-child{border-color:#21d4ed;color:#21d4ed}@media(max-width:850px),(pointer:coarse){.touch-controls:not([hidden]){display:flex}.player:fullscreen .stage{flex:1;min-height:0;height:auto}.player:fullscreen .touch-controls{flex:none}.player:fullscreen .dpad{display:flex}}
.bones .soul,.soul-pair img:first-child,.hearts img:first-child{filter:brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(5108%) hue-rotate(344deg) brightness(103%) contrast(107%)}
.focus-mode .stage{width:100%;aspect-ratio:auto;height:70vh;max-height:700px}.focus-mode .battle-art{height:calc(100% - 87px);max-height:none}.player:fullscreen .stage{width:100%;max-height:none}