@font-face{font-family:AkiraPixel;src:url('/assets/akira-pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{background:#03091a;color:#f5f6ff;color-scheme:dark;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif}body{margin:0;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:default}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#cabinet{position:relative;width:100%;max-width:520px;margin:auto;min-height:100svh;background:#04122e;border-inline:2px solid #10c8ef;box-shadow:0 0 0 3px #06162e,0 0 0 5px #d5b33d,0 0 80px #00456955}button,.best,.how-short,.score-display,.stage-instrument,.experience-instrument,.modal h2,.modal small,.dialog-heading h2,.desktop-note,.title-logo h1,#combo{font-family:AkiraPixel,monospace}#home{position:relative;height:100svh;min-height:600px;max-height:1080px;isolation:isolate;background:#04122e url('/assets/street.png') center/100% auto}.home-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#03102511,#03102500 38%,#020a1c88 65%,#020a1cf5)}.home-inner{height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 22px calc(12px + env(safe-area-inset-bottom));border-block:3px solid #e6c54a}.title-logo{width:100%;text-align:center;flex:none;position:relative;z-index:2}.title-logo>img{display:block;width:88%;height:clamp(92px,17svh,165px);object-fit:contain;margin:auto;image-rendering:pixelated}.title-logo h1{font-size:clamp(14px,4vw,20px);color:#37d6fb;margin:0;letter-spacing:1px;text-shadow:2px 2px #00112d}.title-logo h1 span{color:#f9da65}.cast-stage{flex:1;width:calc(100% + 24px);min-height:155px;max-height:430px;position:relative;isolation:isolate;margin:6px 0 3px}.cast-stage img{position:absolute;object-fit:contain;object-position:bottom;width:49%;height:93%;bottom:3%;image-rendering:pixelated;filter:drop-shadow(0 5px 0 #0008);transition:filter .15s,transform .15s}.cast-orange{left:-5%;z-index:1}.cast-red{left:25.5%;z-index:3;transform:scale(1.1);transform-origin:bottom}.cast-violet{right:-5%;z-index:2}.cast-stage img.selected{filter:drop-shadow(0 0 3px #73f0ff) drop-shadow(0 5px 0 #0008)}.cast-floor{position:absolute;bottom:0;height:20%;inset-inline:0;background:radial-gradient(ellipse,#02071cdd,transparent 70%);z-index:-1}.home-controls{width:100%;flex:none}#outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:3px 0 9px}.outfit{border:2px solid var(--cast-color);box-shadow:inset 0 0 0 2px #041126;background:#06132ee8;color:var(--cast-color);font-size:11px;padding:10px 1px;white-space:nowrap}.outfit[aria-pressed=true]{background:#10223d;box-shadow:0 0 0 2px #fff9,inset 0 0 0 2px #041126}.name-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #28c6ef88;padding:0 6px 6px;margin-bottom:8px;color:#65d6ef}.name-row>span{font:9px AkiraPixel,monospace}.name-row input{border:0;color:#fff;font-size:16px;background:#04122ecc;width:100%;min-width:0;padding:5px 8px;border-radius:0}.name-row input::placeholder{color:#8fa2b7}.start-button{display:block;width:100%;height:58px;background:var(--art-start) center/100% 100% no-repeat;border:0;color:#ffe96c;font-size:clamp(19px,5.7vw,28px);padding:10px 10px 12px;text-shadow:2px 2px #0b1023}.start-button:disabled{opacity:.6}.home-links{display:flex;gap:9px;margin-top:10px;align-items:center}.pixel-button{border:2px solid #2ad1f3;box-shadow:inset 0 0 0 2px #06122e;background:#06122eee;min-height:39px;padding:9px 12px;color:#5bddfa;font-size:12px}.home-links .pixel-button{flex:1}.gold{border-color:#f4d653;color:#ffe66f}.icon-button{border:2px solid #21c5e9;background:#06122eee;width:38px;height:38px;font:20px system-ui;color:#7de7ff;display:inline-flex;align-items:center;justify-content:center;flex:none}.best{margin:10px 0 4px;font-size:9px;color:#66d4f0;text-align:center;letter-spacing:.5px}.best b{color:#ffda66;font-size:12px;margin-left:8px;font-weight:normal}.record-status{font-size:10px;text-align:center;color:#b2c4db;margin:0 0 6px;min-height:15px}.how-short{font-size:8px;line-height:1.8;color:#62d9ef;text-align:center;margin:0;letter-spacing:.5px}
#play{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:100svh;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#04102b;border-inline:2px solid #1fc5e9;z-index:5}.instrument-panel{position:relative;flex:none;height:96px;margin:2px 3px 0;background:var(--art-hud) center/100% 100% no-repeat}.score-display{position:absolute;left:7%;top:25%;display:flex;align-items:center;gap:8px}.score-display small{font-size:10px;color:#2ed4f8}.score-display strong{font-weight:normal;font-size:17px;color:#ffe773}.instrument-panel #lives{position:absolute;left:59%;top:24%;display:flex;gap:4px}#lives img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}#lives img[data-alive=false]{opacity:.18;filter:grayscale(1)}#pause{position:absolute;top:22%;right:6%;width:28px;height:28px;background:#071a38;border:2px solid #33d4f4;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px}#pause span{width:3px;height:13px;background:#bff7ff}.stage-instrument{position:absolute;left:7%;top:62%;width:50%;display:flex;align-items:center;gap:7px;font-size:8px;color:#f9d957}.experience-instrument{position:absolute;left:61%;right:7%;top:62%;display:flex;align-items:center;gap:7px;font-size:8px;color:#f9d957}.experience-instrument b{font-weight:normal;white-space:nowrap}.stage-instrument>span{white-space:nowrap}progress{-webkit-appearance:none;appearance:none;display:block;min-width:0;height:8px;background:#08152b;border:1px solid #377db1;border-radius:0;flex:1}progress::-webkit-progress-bar{background:#07152b}progress::-webkit-progress-value{background:#f8d65d}progress::-moz-progress-bar{background:#f8d65d}#arena{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;padding-bottom:0}#game{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.action-rail{position:absolute;left:10px;bottom:96px;display:flex;flex-direction:column;gap:12px;pointer-events:none;z-index:3}.action-rail button{pointer-events:auto;position:relative;border:0;padding:0;touch-action:none;color:#fff;image-rendering:pixelated;background-color:transparent;box-shadow:0 2px 7px #0008}#special{width:64px;height:64px;background:var(--art-special) center/100% 100% no-repeat;border-radius:50%}#special:disabled{opacity:.86}#special.ready{filter:drop-shadow(0 0 5px #ffd558);animation:ready-pulse 1s steps(2) infinite}#special small{position:absolute;bottom:12%;left:0;width:100%;font-size:9px;text-align:center;color:#fff;text-shadow:1px 1px #000}#bomb{width:56px;height:56px;margin-left:4px;background:var(--art-bomb) center/100% 100% no-repeat;border-radius:50%}#bomb em{font:11px AkiraPixel,monospace;position:absolute;bottom:10%;left:0;width:100%;text-align:center;color:#fff}#bomb:disabled{opacity:.3}.special-ring{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg);pointer-events:none}.charge-track{fill:none;stroke:#154856;stroke-width:2;opacity:.5}#charge-arc{fill:none;stroke:#ffe66f;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .12s}#announcement{position:absolute;top:23%;width:94%;left:3%;text-align:center;pointer-events:none;opacity:0;z-index:2;font:clamp(16px,5.4vw,27px) AkiraPixel,monospace;color:#ffdc5f;text-shadow:3px 3px #06142f,-1px -1px #906829;line-height:1.6;transition:opacity .1s}#announcement.notice-in{animation:notice-in .22s steps(4)}#announcement small{display:block;font:12px/1.6 system-ui;color:#fff;text-shadow:0 2px 3px #000;margin-top:7px}#announcement img{width:min(92%,390px);max-height:80px;object-fit:contain;image-rendering:pixelated}#announcement.reward-notice img{max-width:250px}#combo{position:absolute;top:18px;right:15px;font-size:11px;color:#ffe36f;pointer-events:none;text-shadow:2px 2px #001226}
#overlay{position:fixed;z-index:10;inset:0;background:#02091cdb;display:grid;place-items:center;padding:20px}.modal{width:min(100%,360px);background:#06132cf5;border:2px solid #26c9ea;box-shadow:0 0 0 4px #0a1730,0 0 0 6px #ddbd50;padding:26px 22px;text-align:center}.modal small{font-size:8px;color:#6bd4ef;line-height:1.8}.modal h2{font-size:24px;color:#ffe26a;line-height:1.5;margin:20px 0}.modal p{font:14px/1.9 system-ui;white-space:pre-line;color:#dce6f9}.modal button{display:block;width:100%;margin-top:12px}.small-button{border:1px solid #497a94;background:#07172d;color:#c2e7ef;padding:10px 14px;font-family:system-ui;font-size:13px}dialog{width:min(92vw,440px);max-height:85dvh;border:2px solid #30c7e6;background:#05132bf5;color:#e5efff;padding:22px;box-shadow:0 0 0 4px #080e20,0 0 0 6px #b79739}dialog::backdrop{background:#010819e8}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:5px}.dialog-heading h2{font-size:18px;color:#ffe36b;line-height:1.5;margin:0}.dialog-sub{font-size:13px;color:#b3cad8}#help p{font-size:13px;line-height:1.85}.rank-tabs{display:flex;gap:7px;margin:20px 0}.rank-tabs button{font:13px system-ui;flex:1;border:1px solid #35bedb;background:#05132b;color:#a7cee4;padding:8px}.rank-tabs button[aria-pressed=true]{background:#e9cc61;color:#11172b;border-color:#ffe89a}#rank-list{list-style:none;margin:0;padding:0}#rank-list li{display:grid;grid-template-columns:29px 32px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #244360}#rank-list li>span:first-child{font:13px AkiraPixel;color:#ffe06e}#rank-list img{width:27px;height:36px;object-fit:contain;image-rendering:pixelated}#rank-list .rank-name{font-size:13px;overflow-wrap:anywhere}#rank-list .rank-score{font:11px AkiraPixel;color:#fff0ac}#rank-list li.mine{background:#1d344c88}#rank-status{font-size:12px;color:#b4ccdd;line-height:1.7}#rank-refresh{display:block;margin:18px auto 0}.rank-note{font-size:10px;color:#9cb7cb;line-height:1.7}.desktop-note{display:none}#bgm{display:none}@keyframes ready-pulse{50%{filter:drop-shadow(0 0 8px #56e7ff)}}@keyframes notice-in{from{transform:translateY(-14px) scale(.9);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1200px){body{padding-left:290px}.desktop-note{display:flex;position:fixed;left:5vw;top:22%;width:230px;flex-direction:column;gap:12px;color:#44caed}.desktop-note p{font-size:26px;margin:0}.desktop-note span{font-size:12px;color:#f5d560}.desktop-note b{font-size:24px;line-height:1.7;font-weight:normal;color:#e0edf2}.desktop-note small{font-size:8px;line-height:2;color:#749aad}.side-rule{height:2px;background:#1e6982;width:60px;margin:14px 0}.desktop-note p.desktop-jp{font:14px/2 system-ui;color:#a9c6d6}#play{left:calc(50% + 145px)}}
@media(max-width:359px){.home-inner{padding-inline:14px}.home-links{gap:6px}.instrument-panel{height:84px}.score-display{gap:5px}.score-display small{font-size:8px}.score-display strong{font-size:14px}#lives img{width:17px;height:17px}#lives{gap:2px!important}.stage-instrument,.experience-instrument{font-size:7px;gap:4px}.outfit{font-size:10px}.how-short{font-size:7px}}
@media(max-height:700px){#home{min-height:550px}.title-logo>img{height:90px}.title-logo h1{font-size:14px}.home-inner{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:calc(5px + env(safe-area-inset-bottom))}.cast-stage{min-height:120px}.start-button{height:48px;font-size:21px}.home-links{margin-top:6px}.name-row{margin-bottom:5px}.best{margin-top:6px}.record-status{margin-bottom:3px}.home-controls .outfit{padding:8px 1px}}
@media(max-height:600px){.action-rail{bottom:64px;gap:8px}.instrument-panel{height:80px}.title-logo>img{height:75px}.cast-stage{min-height:120px}#home{min-height:520px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Approved AKIRA art direction: cobalt / orange / mint. */
html{background:#041032}#cabinet{background:#071848;border-inline:2px solid #398bff;box-shadow:0 0 0 3px #061536,0 0 0 5px #ff922a,0 0 90px #124baf40}#home{background:#071848 url('/assets/skyline.png') center/cover;min-height:620px}.home-shade{background:linear-gradient(#03174400 35%,#03123b00 53%,#06113799 72%,#030e2af5)}.home-inner{padding:calc(10px + env(safe-area-inset-top)) 19px calc(10px + env(safe-area-inset-bottom));border-block:3px solid #ff922a}.title-logo>img{width:100%;height:clamp(125px,22svh,220px);object-fit:contain}.hero-stage{position:relative;isolation:isolate;flex:1;width:100%;min-height:155px;max-height:410px;margin:-6px 0 0}.hero-stage>img{position:absolute;width:72%;height:100%;object-fit:contain;object-position:bottom;bottom:0;right:4%;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #050d27aa);z-index:1}.hero-tagline{position:absolute;bottom:26%;left:0;z-index:2;transform:rotate(-8deg);font-size:clamp(11px,3.7vw,17px);font-weight:900;line-height:1.65;color:#fffbea;text-shadow:2px 2px 0 #03102d,-1px -1px #03102d;margin:0}.hero-shadow{position:absolute;bottom:-2px;left:24%;right:5%;height:17%;background:radial-gradient(ellipse,#000a,transparent 68%);z-index:-1}.hero-spark{position:absolute;right:5%;top:14%;font-size:28px;color:#ffe685;text-shadow:0 0 8px #ff7e17;animation:spark 1.2s steps(2) infinite}.home-controls{position:relative;z-index:2}.name-row{margin:4px 7px 6px;padding:0 0 4px;border-bottom-color:#4567a7;background:#061633aa;gap:7px}.name-row>span{font-size:8px;color:#afc4ed;padding-left:7px}.name-row input{padding:4px 5px;background:transparent;font-size:16px}.start-button{height:64px;font-size:34px;letter-spacing:2px;color:#fff1ae;text-shadow:3px 3px #972c19,0 0 5px #ffba3b;background-size:100% 100%;padding:8px 12px 13px}#outfits{gap:12px;margin:10px 4px 6px}.outfit{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:0 0 4px;height:78px;background:#07183ded;border:2px solid var(--cast-color);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:inset 0 0 0 2px #112956}.outfit img{height:53px;width:70px;object-fit:cover;image-rendering:pixelated}.outfit span{font:900 11px/1.4 system-ui;white-space:nowrap;color:#fff7d7}.outfit[aria-pressed=true]{background:#1b3873;filter:brightness(1.13);box-shadow:inset 0 0 0 2px #ffed9e}.home-links{margin-top:7px;gap:8px}.home-links .pixel-button{border:0;box-shadow:none;background:#061332aa;font-size:14px;color:#ffe580}.icon-button{border-color:#347dd5;background:#071743;color:#d6e9ff}.best{color:#acbde6;margin:8px 0 3px}.best b{color:#ffe387}.record-status{color:#b5c6e5;font-size:10px;margin-bottom:3px}.how-short{color:#709fdb;font-size:7px}.pixel-button{border-color:#427dde;background:#091c47;color:#d5e7ff}.gold{border-color:#ff9a36;background:#192750;color:#ffe694}.small-button{background:#071b42;border-color:#3f5d91}.modal{background:#071a42f5;border-color:#ff952f;box-shadow:0 0 0 4px #091631,0 0 0 6px #318ddd}.modal h2{color:#ffe483}.modal small{color:#83c9ff}#retry{font:900 17px system-ui}dialog{background:#06183df5;border-color:#ff922a;box-shadow:0 0 0 4px #071230,0 0 0 6px #3388dc}.rank-tabs button{background:#081d48;border-color:#4269a2}.rank-tabs button[aria-pressed=true]{background:#ffe084;color:#09204e;border-color:#ff9d32}
#play{background:#061847;border-color:#328dfb}.instrument-panel{height:98px;margin:3px 4px 1px}.score-display{left:6.5%;top:27%;gap:7px}.score-display small{font-size:9px;color:#c1d5ff}.score-display strong{font-size:16px;color:#fff6cc}.instrument-panel #lives{left:51%;top:25%;gap:6px}#lives img{width:23px;height:23px}#pause{top:22%;right:5.7%;width:31px;height:32px;background:#0a1e49;border:0;gap:5px}#pause span{background:#fff0b5;width:4px;height:17px}.stage-instrument{left:10%;top:69%;width:36.8%;height:14%;background:#061b46;box-shadow:0 0 0 1px #061b46;font-size:7px;color:#ffd879;gap:4px}.experience-instrument{left:53%;right:9.3%;top:69%;height:14%;background:#061b46;box-shadow:0 0 0 1px #061b46;font-size:7px;color:#ffe391;gap:5px}.experience-instrument #xp-label{font-size:6px}progress{height:7px;border-color:#2c66ad;background:#06152c}progress::-webkit-progress-value{background:#ffdb63}progress::-moz-progress-bar{background:#ffdb63}.action-rail{gap:20px}#special b{position:absolute;top:100%;left:0;width:100%;font:900 11px/14px system-ui;text-shadow:1px 1px #030b22}#special small{bottom:11%;font-size:8px;text-shadow:1px 1px #0a153b,-1px -1px #0a153b}#bomb .bomb-label{position:absolute;top:100%;left:-2px;width:60px;font:9px/15px AkiraPixel,monospace;color:#fff7d9;text-shadow:1px 1px #000}#bomb em{position:static;display:inline;width:auto;font:11px AkiraPixel;color:#ffd65c}.charge-track{stroke:#163676}#charge-arc{stroke:#ffdf5f}#special.ready{filter:drop-shadow(0 0 7px #ff9c35)}#announcement{top:23%;color:#fff0a1}#announcement img{max-height:85px;width:95%}#announcement.reward-notice img{max-width:290px}#quip{position:absolute;left:90px;right:10px;bottom:24px;pointer-events:none;text-align:center;font:900 14px/1.6 system-ui;letter-spacing:.06em;color:#fff5c8;text-shadow:2px 2px #071743,-1px -1px #071743;opacity:0;transition:opacity .15s}#combo{color:#ffe28c;font-size:10px}.desktop-note{color:#7fc3ff}.desktop-note p{color:#ffb44c}.desktop-note span{color:#ffdc89}.desktop-note b{color:#e7f0ff}.desktop-note p.desktop-jp{color:#becded}.side-rule{background:#ff9836}
@keyframes spark{50%{transform:scale(.7);opacity:.55}}
@media(max-width:359px){.home-inner{padding-inline:12px}.score-display{gap:4px;left:6.5%}.score-display small{font-size:8px}.score-display strong{font-size:14px}.instrument-panel #lives{gap:4px!important}#lives img{width:19px;height:19px}.instrument-panel{height:90px}.outfit span{font-size:10px}.outfit{height:72px}.outfit img{height:47px}.stage-instrument,.experience-instrument{font-size:6px}.experience-instrument #xp-label{font-size:5px}#pause{width:27px;height:28px}.start-button{height:57px;font-size:31px}}
@media(max-height:700px){#home{min-height:600px}.title-logo>img{height:130px}.hero-stage{min-height:135px}.start-button{height:52px;font-size:29px}.home-controls .outfit{padding:0 0 3px;height:63px}.outfit img{height:40px;width:58px}.name-row{margin-top:2px;margin-bottom:4px}#outfits{margin-top:7px;margin-bottom:5px}.home-links{margin-top:4px}.home-inner{padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:calc(7px + env(safe-area-inset-bottom))}}
@media(max-height:600px){#home{min-height:570px}.title-logo>img{height:116px}.hero-stage{min-height:120px}.instrument-panel{height:80px}.action-rail{bottom:64px;gap:18px}#lives img{width:19px;height:19px}.score-display strong{font-size:15px}.stage-instrument,.experience-instrument{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-spark{animation:none}#quip{transition:none}}