@charset "UTF-8";
:root{color-scheme:dark;--bg:#16141f;--panel:#201d2a;--border:#393242;--text:#f4eee9;--muted:#aaa0b6;--pink:#efb0be;--mint:#a4d5c5;--mono:"Cascadia Code","Consolas",monospace;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 40%,#30223750,transparent 63%);min-height:100vh}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(2px)}.site-header{height:83px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 48px}.brand{display:flex;gap:13px;align-items:center;color:var(--text);text-decoration:none;font:700 12px var(--mono)}.brand-mark{font-size:32px;line-height:1;color:var(--pink)}.brand-light{font-weight:400;color:var(--muted);letter-spacing:1px}.edition{font:10px var(--mono);letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:10px}.edition span{margin-left:24px;color:#72687e}.edition i,.character-status i,.machine-bar i{width:5px;height:5px;display:inline-block;background:var(--mint);border-radius:50%;box-shadow:0 0 8px #a4d5c530}main{max-width:1136px;margin:0 auto;padding:38px 24px 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font:10px var(--mono);color:var(--pink);letter-spacing:2.5px;margin:0 0 9px}h1{font-size:40px;letter-spacing:3px;margin:0;font-weight:900;line-height:1.25}h1>span:not(.title-dot){color:var(--pink)}.title-dot{color:var(--mint)}.tagline{font-size:12px;letter-spacing:1.5px;color:var(--muted);margin:12px 0 0}.version{text-align:right;font:9px/2 var(--mono);letter-spacing:1px;color:#84798e}.version b{font-weight:400;color:var(--muted);font-size:11px}.arcade-layout{display:grid;grid-template-columns:228px minmax(0,480px) 228px;gap:24px;align-items:start;justify-content:center}.left-column,.right-column{display:flex;flex-direction:column;gap:18px}.card{border:1px solid var(--border);border-radius:9px;background:linear-gradient(135deg,#24202e,#1e1b27);padding:20px}.card-label{font:10px var(--mono);letter-spacing:1.4px;color:#bfb4c8;display:flex;justify-content:space-between;align-items:center}.card-label>span{font-size:10px;color:#7c7088}.character-card{padding-bottom:0;overflow:hidden}.portrait-wrap{position:relative;height:173px;display:flex;align-items:center;justify-content:center;margin-top:10px;background:radial-gradient(ellipse,#52415580 0%,transparent 68%)}#portrait{width:160px;height:160px;image-rendering:pixelated;z-index:1}.portrait-shadow{position:absolute;width:72px;height:10px;border-radius:50%;background:#110f1a70;bottom:12px}.spark{position:absolute;color:#d4a4b9}.s1{top:40px;right:18px;font-size:20px}.s2{left:22px;bottom:40px;font-size:17px;color:var(--mint)}.character-card h2{font-size:13px;margin:6px 0 8px;text-align:center;letter-spacing:.4px}.character-card>p{font-size:11px;color:var(--muted);text-align:center;margin:0 0 20px}.character-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;padding:13px;background:#ffffff03;margin:0 -20px;border-top:1px solid #ffffff09;color:var(--mint)}.settings-card label{display:block;font-size:11px;color:var(--muted);margin:18px 0 8px}select{width:100%;background:#17141f;color:#eee5ec;border:1px solid #42394c;border-radius:5px;padding:10px 8px;font-size:12px}.settings-note{font-size:9px;color:#887d94;margin:14px 0 0;line-height:1.8}.best-card{padding:5px 8px}.best-card>span{display:block;font:9px var(--mono);letter-spacing:1.2px;color:#c2af8c}.best-card strong{display:block;font:28px var(--mono);color:#eadbc0;margin:8px 0}.best-card small{font-size:9px;color:#95889f}.game-machine{border:1px solid #514258;border-radius:10px;background:#221e2b;overflow:hidden;box-shadow:0 15px 60px #09060f50,0 0 0 5px #211a2a60}.scoreboard{height:76px;display:flex;justify-content:space-between;padding:15px 23px;border-bottom:1px solid #514258;background:#282230}.scoreboard>div{display:flex;flex-direction:column;gap:5px}.scoreboard span{font:9px var(--mono);color:#aa9bb4;letter-spacing:1.5px}.scoreboard strong{font:24px var(--mono);letter-spacing:2px;color:var(--pink)}.scoreboard>div:nth-child(2) strong{color:#f3e9df}.scoreboard .level{text-align:right}.scoreboard .level strong{color:var(--mint)}.playfield{position:relative;aspect-ratio:5/7;background:#171723}.playfield>canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline-offset:-3px}.screen-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 65px #0c0b1640;background:repeating-linear-gradient(0deg,#00000003 0px,#00000003 1px,transparent 1px,transparent 4px)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#17142190;backdrop-filter:blur(2px)}[hidden]{display:none!important}.overlay-content{text-align:center;width:84%;max-width:310px;padding:22px 0}.overlay-kicker{font:10px var(--mono);letter-spacing:3px;color:var(--mint);margin:0 0 27px}.mini-boxes,.sample-boxes{display:flex;justify-content:center;gap:6px;align-items:center}.mini-boxes i,.sample-boxes i{font-style:normal;background:#c8869d;color:#ffe1e5;border:3px solid #e4a6b7;box-shadow:inset 0 -4px #a96583;display:grid;place-items:center;width:34px;height:34px;font-size:17px}.mini-boxes i:first-child{transform:rotate(-12deg) translateY(3px)}.mini-boxes i:last-child{transform:rotate(12deg) translateY(3px)}.overlay h2{font-size:44px;font-weight:900;letter-spacing:3px;margin:18px 0 12px;text-shadow:3px 4px #17121e}.overlay h2 span{color:var(--pink)}#overlay-text{font-size:13px;line-height:2;color:#d7cbdc;margin:0 0 25px}.primary-button{width:100%;background:var(--pink);color:#362334;border:0;border-bottom:4px solid #b77592;border-radius:5px;padding:15px 22px;font-size:16px;font-weight:800;letter-spacing:3px;display:flex;justify-content:space-between;align-items:center}.primary-button span{font-size:20px}.overlay-foot{font-size:10px;color:#c5b5cd;margin:16px 0 0}.text-button{background:none;color:#d0c0d8;border:0;font-size:11px;margin-top:12px;padding:8px}.machine-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.machine-bar>span{font:8px var(--mono);letter-spacing:1px;display:flex;gap:7px;align-items:center;color:#a79aac}.machine-bar>div{display:flex;gap:15px}.utility{background:none;color:#cfc1d8;border:0;padding:7px 0;font:12px var(--mono)}.utility span{font-size:8px;margin-left:3px}.next-card{padding-bottom:15px}#next{display:block;width:100%;height:auto;image-rendering:pixelated;margin:14px 0 8px}.next-card p{font-size:9px;color:var(--muted);margin:0}.rule{display:flex;gap:12px;margin-top:24px}.rule-number{font:10px var(--mono);color:#c48b9f;margin-top:3px}.rule h3{font-size:12px;margin:0 0 8px}.rule p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.sample-boxes{justify-content:flex-start;margin-top:12px;gap:3px}.sample-boxes i{width:23px;height:23px;font-size:11px;border-width:2px}.sample-boxes span{color:var(--mint);margin-left:8px;font-size:23px}.controls-card{padding:7px 7px 0}.controls-card dl{margin:17px 0}.controls-card dl>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.controls-card dt{font:9px var(--mono);color:#a99ab7}.controls-card dd{margin:0;font-size:10px;color:#c5b8cd}kbd{display:inline-block;min-width:21px;text-align:center;padding:3px 4px;background:#2b2435;border:1px solid #4b3d55;border-bottom-width:2px;border-radius:3px;margin-right:3px;font:10px var(--mono)}.controls-card>p{font-size:10px;line-height:2;color:#8e819a;border-top:1px solid #ffffff0a;padding-top:14px}.touch-controls{display:flex;justify-content:space-between;gap:10px;padding:12px 15px 15px;border-top:1px solid #ffffff09;background:#211b2a;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:8px}.touch-controls button{height:48px;width:57px;border:1px solid #58475f;border-bottom:3px solid #120f19;background:#342b40;color:#ece2f0;border-radius:6px;font-size:18px;touch-action:none}.touch-controls button span{font:15px var(--mono);display:block}.touch-controls small{font-size:8px;display:block;line-height:1.6}.touch-controls .jump-key{background:#a5cfc0;color:#273831;border-color:#b6e0d1;border-bottom-color:#4d7967}.touch-controls .punch-key{background:#b7839d;border-color:#d99db8;border-bottom-color:#784f68;color:#211923}footer{display:flex;justify-content:space-between;margin-top:30px;padding:23px 0 28px;border-top:1px solid #ffffff0a;color:#897c95;font-size:10px}footer>span:last-child{font:8px var(--mono);letter-spacing:1px}footer b{color:var(--pink);margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#result{font:32px var(--mono);color:var(--pink);margin:0 0 25px}#result small{display:block;font:10px var(--mono);color:var(--mint);margin-top:10px}body[data-state="playing"] .overlay{display:none}
@media(min-width:1400px){main{padding-top:48px}.heading{margin-bottom:36px}}
@media(max-width:1050px){.arcade-layout{grid-template-columns:190px minmax(0,440px);max-width:670px;margin:auto;gap:20px}.right-column{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;gap:20px}.how-card{grid-row:span 2}.controls-card{grid-column:1;grid-row:2}.heading{max-width:670px;margin-left:auto;margin-right:auto}.card{padding:17px}.character-status{margin:0 -17px}.character-card{padding-bottom:0}.rule{margin-top:18px}.how-card .rule{margin-bottom:20px}.edition{font-size:9px}.site-header{padding:0 24px}.character-card h2{font-size:11px}}
@media(max-width:640px){.site-header{height:60px;padding:0 20px}.edition{font-size:8px}.edition span{display:none}.brand{font-size:10px;gap:8px}.brand-mark{font-size:26px}.brand-light{display:none}main{padding:24px 16px 0}.heading{margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:32px}.tagline{font-size:10px;letter-spacing:.5px;margin-top:8px}.version{font-size:7px}.version b{font-size:9px}.arcade-layout{display:flex;flex-direction:column;gap:20px;max-width:440px}.game-machine{width:100%;order:0}.left-column{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.right-column{order:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.character-card h2{font-size:10px}.portrait-wrap{height:139px;margin-top:0}#portrait{width:132px;height:132px}.character-card>p{font-size:9px}.card{padding:15px}.character-card{padding-bottom:0}.character-status{margin:0 -15px;font-size:9px}.best-card{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.best-card strong{font-size:22px;margin:0}.best-card small{width:100%;font-size:9px}.settings-note{font-size:8px}.settings-card label{margin-top:16px}.card-label{font-size:8px;letter-spacing:1px}.scoreboard{height:65px;padding:12px 18px}.scoreboard strong{font-size:22px}.scoreboard span{font-size:8px}.touch-controls{padding:10px 14px 13px}.touch-controls button{width:60px;height:52px}.overlay h2{font-size:38px}.overlay-kicker{margin-bottom:18px}.primary-button{padding:12px 18px;font-size:14px}.overlay-content{width:77%}.overlay-foot{font-size:9px}.controls-card dt{font-size:8px}.controls-card dd{font-size:9px}.rule{gap:8px}.rule h3{font-size:10px}.rule p{font-size:9px}.next-card p{line-height:1.8}.controls-card>p{font-size:9px}footer{margin-top:24px;font-size:9px;gap:10px;align-items:center}footer>span:last-child{font-size:6px;letter-spacing:0;max-width:130px;line-height:1.8;text-align:right}}
@media(min-width:641px){.game-machine{width:100%;max-width:min(480px,calc((100svh - 208px) * .7142857));justify-self:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}