.bm27{--bg:#07090c;--panel:#12161c;--line:#2a313b;--text:#e9edf2;--muted:#8a95a3;--gold:#ffc21a;--c-beginner:#6fdc6f;--c-normal:#3aa0ff;--c-hyper:#fc0;--c-another:#ff3b3b;--c-insane:#c45bff;--f-disp:"Russo One","Arial Black",sans-serif;--f-ui:"Hiragino Sans","Yu Gothic",system-ui,sans-serif;--w-sc:30;--w-wh:17;--w-bk:13;--deck-h:84px;--beat:28px;--hs:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);height:100dvh;color:var(--text);font-family:var(--f-ui);background-image:radial-gradient(ellipse at 50% 20%, #16202c 0%, var(--bg) 70%);margin-top:-68px;line-height:normal;position:relative;overflow:hidden}@media (width>=1024px){.bm27{border-radius:8px;height:calc(100dvh - 24px)}}.bm27 [hidden]{display:none!important}.bm27 button{font:inherit;color:inherit;cursor:pointer}.bm27 .scr{position:absolute;inset:0}.bm27 .scr-form{justify-content:center;align-items:flex-start;padding:72px 16px 24px;display:flex;overflow-y:auto}.bm27 .panel{flex-direction:column;gap:18px;width:100%;max-width:440px;display:flex}.bm27 #scrUrl .panel{max-width:860px}.bm27 #scrOpt .panel{max-width:735px}.bm27 .logo{font-family:var(--f-disp);letter-spacing:.04em;text-align:center;background:linear-gradient(#fffbe0 0%,#ffe066 35%,#ffb000 62%,#ff7a00 100%);color:#0000;-webkit-text-stroke:1px #6b2f00;filter:drop-shadow(0 0 6px #ff8c008c);-webkit-background-clip:text;background-clip:text;font-size:56px;line-height:1}.bm27 .lead{color:var(--muted);text-align:center;font-size:14px;line-height:1.7}.bm27 .urlform{flex-direction:column;gap:8px;display:flex}.bm27 .lbl{font-family:var(--f-disp);letter-spacing:.12em;color:var(--muted);font-size:12px}.bm27 #urlInput,.bm27 #zipUrl{width:100%;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#0b0e12;border-radius:6px;padding:12px 14px;font-size:16px}.bm27 #urlInput:focus,.bm27 #zipUrl:focus,.bm27 .scr-url-drag #urlInput{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #ffc21a40}.bm27 .err{color:#ff6b6b;font-size:13px;line-height:1.6}.bm27 .btn{font-family:var(--f-disp);letter-spacing:.1em;border:1px solid var(--line);background:#1b222c;border-radius:6px;padding:12px 18px;font-size:16px;transition:background-color .15s,border-color .15s}.bm27 .btn:hover{border-color:#4a5563}.bm27 .btn-main{color:#1a0d00;background:linear-gradient(#ffd34d,#ff9a00);border-color:#ffb000}.bm27 .btn-main:hover{border-color:#fff2b0}.bm27.pad-nav :is(button,a,input,select,textarea):focus,.bm27 .btn:focus-visible,.bm27 .seg button:focus-visible,.bm27 .stepper button:focus-visible,.bm27 .hbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bm27 .note{color:var(--muted);padding-left:1.2em;font-size:12px;line-height:1.8;list-style:outside}.bm27 .dev-engines{background:#facc150f;border:2px dashed #facc15;border-radius:6px;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.bm27 .dev-engines legend{color:#facc15;letter-spacing:.08em;padding:0 6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.bm27 .dev-row{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.bm27 .dev-row>span{width:64px;color:var(--muted)}.bm27 .dev-row label{cursor:pointer;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.bm27 .dev-row input[type=radio]{appearance:auto;-webkit-appearance:radio;accent-color:#facc15;background:0 0;border:0;flex:none;width:14px;height:14px;margin:0;padding:0}.bm27 .dev-row label.off{opacity:.35;cursor:not-allowed}.bm27 .dev-row.off{opacity:.4}.bm27 .dev-row input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:14px;height:14px;margin:0;padding:0}.bm27 .dev-key{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.bm27 .dev-note{color:var(--muted);margin:0 0 6px;font-size:11px}.bm27 .dev-kind{margin:8px 0 4px}.bm27 .dev-kind-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bm27 .dev-kind-head b{font-size:13px}.bm27 .dev-kind-head span{color:var(--muted);font-size:11px}.bm27 .dev-tree{border-left:1px solid #ffffff40;margin:2px 0 0;padding:0 0 0 10px;list-style:none}.bm27 .dev-model{margin:4px 0}.bm27 .dev-model.off{opacity:.45}.bm27 .dev-model summary{cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.bm27 .dev-model summary input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;flex:none;width:14px;height:14px;margin:0;padding:0}.bm27 .dev-model-desc{color:var(--muted);margin:2px 0 2px 20px;font-size:11px;line-height:1.5}.bm27 .dev-opts{border-left:1px dotted #ffffff4d;margin:2px 0 6px 20px;padding:0 0 0 10px;list-style:none}.bm27 .dev-opts li{margin:3px 0;font-size:11px;line-height:1.45}.bm27 .dev-opts li.unused{opacity:.55}.bm27 .dev-opt-top{flex-wrap:wrap;gap:8px;display:flex}.bm27 .dev-opt-top code{font-family:ui-monospace,monospace;font-weight:700}.bm27 .dev-opt-val{color:#facc15;word-break:break-all;font-family:ui-monospace,monospace}.bm27 .dev-opts li.unused .dev-opt-val,.bm27 .dev-opt-desc{color:var(--muted)}.bm27 .dev-opt-input{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.bm27 .dev-opt-input input[type=number]{width:84px;color:inherit;background:#00000059;border:1px solid #ffffff59;border-radius:3px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:11px}.bm27 .dev-opt-input label{cursor:pointer;align-items:center;gap:3px;display:inline-flex}.bm27 .dev-opt-input input[type=radio]{appearance:auto;-webkit-appearance:radio;width:12px;height:12px;margin:0;padding:0}.bm27 .dev-opt-default{color:var(--muted);font-size:10px}.bm27 .dev-opts li.changed{border-left:2px solid #facc15;margin-left:-8px;padding-left:6px}.bm27 .dev-opts li.changed code{color:#facc15}.bm27 .dev-opts li.bad input[type=number]{color:#fca5a5;border-color:#f87171}.bm27 .dev-reset{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:3px;margin:0 0 6px 30px;padding:1px 8px;font-size:11px}.bm27 .dev-applies{color:#facc15;border:1px solid;border-radius:3px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700}.bm27 .analyzing{background:#040609e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.bm27 .an-text{font-family:var(--f-disp);letter-spacing:.14em;color:var(--gold);font-size:22px}.bm27 .dots:after{content:"";animation:1s steps(4,end) infinite bm27dots}@keyframes bm27dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.bm27 .an-bar{background:#1b222c;border-radius:2px;width:220px;height:4px;overflow:hidden}.bm27 .an-bar i{background:linear-gradient(90deg,#ffb000,#fff2b0);width:0;height:100%;transition:width .4s ease-out;display:block}.bm27 .an-stage{color:var(--muted);gap:10px;font-size:13px;display:flex}.bm27 .an-notice{text-align:center;width:min(92%,440px);margin-top:14px;display:grid}.bm27 .an-notice p{color:var(--muted);opacity:0;grid-area:1/1;margin:0;font-size:13px;line-height:1.8;transition:opacity .6s}.bm27 .an-notice p.on{opacity:1}.bm27 .an-stage #anPercent{font-family:var(--f-disp);color:var(--text);font-variant-numeric:tabular-nums}.bm27 .song{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.bm27 .thumb{-o-object-fit:cover;object-fit:cover;background:#222;border-radius:4px;flex:none;width:120px;height:68px}.bm27 .song-title{font-size:14px;font-weight:700}.bm27 .song-diag{color:#facc15;white-space:pre-wrap;word-break:break-all;margin-top:4px;font-family:Sansation,Yu Gothic,Hiragino Sans,sans-serif;font-size:12px;line-height:1.5}.bm27 .song-id{color:var(--muted);margin-top:4px;font-family:ui-monospace,monospace;font-size:12px}.bm27 .song-id:empty{display:none}.bm27 .song-id.song-pre{margin:0 0 4px}.bm27 .opt{flex-direction:column;gap:6px;display:flex}.bm27 .opt-name{font-family:var(--f-disp);letter-spacing:.12em;color:var(--muted);font-size:12px}.bm27 .seg{gap:6px;display:flex}.bm27 .seg button{font-family:var(--f-disp);letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);background:#11161d;border-radius:6px;flex:1;padding:10px 4px;font-size:14px}.bm27 .seg button.on{color:#fff;background:#232c38;border-color:#c9d3df}.bm27 .seg .d-normal.on{border-color:var(--c-normal);color:var(--c-normal);background:#3aa0ff2e}.bm27 .seg .d-hyper.on{border-color:var(--c-hyper);color:var(--c-hyper);background:#ffcc0024}.bm27 .seg .d-another.on{border-color:var(--c-another);color:var(--c-another);background:#ff3b3b29}.bm27 .seg .d-insane.on{border-color:var(--c-insane);color:var(--c-insane);background:#c45bff2e}.bm27 .stepper{align-items:stretch;gap:6px;display:flex}.bm27 .stepper button{border:1px solid var(--line);background:#11161d;border-radius:6px;width:56px;font-size:22px}.bm27 .stepper output{text-align:center;font-family:var(--f-disp);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#0b0e12;border-radius:6px;flex:1;padding:8px 0;font-size:22px}.bm27 .timing{align-items:center;gap:10px;display:flex}.bm27 .timing input[type=range]{appearance:auto;accent-color:#c9d3df;background:0 0;border:0;flex:1;min-width:0;height:28px;margin:0;padding:0}.bm27 .timing output{text-align:right;width:5em;font-family:var(--f-disp);font-variant-numeric:tabular-nums;font-size:18px}.bm27 .opt-hint{color:var(--muted);font-size:12px}.bm27 .actions{gap:8px;margin-top:6px;display:flex}.bm27 .actions .btn{flex:1}.bm27 .btn-start{flex-direction:column;align-items:center;padding-block:8px;line-height:1.1;display:flex}.bm27 .btn-start small{letter-spacing:.14em;opacity:.85;font-size:12px}.bm27 .scr-form{--f-bm:"Share Tech Mono",ui-monospace,monospace;--f-mincho:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--line:#aac8ff80;--panel:#0610508c;--muted:#c3d2ff;--text:#fff;color:var(--text);background:radial-gradient(circle at 55% 26%,#aac8ff73 0,#506ee62e 30%,#0000 58%),repeating-linear-gradient(90deg,#ffffff12 0 22px,#0000 22px 64px,#96b4ff1f 64px 74px,#0000 74px 120px),linear-gradient(#0a1888 0%,#1734c8 48%,#0b1772 100%);font-size:15px}.bm27 .scr-form .deco{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bm27 .scr-form .deco:before,.bm27 .scr-form .deco:after{content:"";animation:60s linear infinite bm27deco;position:absolute}@keyframes bm27deco{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.bm27 .scr-form .deco:before,.bm27 .scr-form .deco:after{animation:none}}.bm27 .scr-form .deco:before{--r:65vmin;top:-100%;bottom:-100%;left:calc(50% - var(--r) - 40px);right:calc(50% - var(--r) - 40px);-webkit-mask:radial-gradient(circle at 50% 43.333%, transparent calc(var(--r) - 18px), #0000004d calc(var(--r) - 9px), #000 calc(var(--r) - 3px), #000 calc(var(--r) + 3px), #0000004d calc(var(--r) + 9px), transparent calc(var(--r) + 18px));-webkit-mask:radial-gradient(circle at 50% 43.333%, transparent calc(var(--r) - 18px), #0000004d calc(var(--r) - 9px), #000 calc(var(--r) - 3px), #000 calc(var(--r) + 3px), #0000004d calc(var(--r) + 9px), transparent calc(var(--r) + 18px));mask:radial-gradient(circle at 50% 43.333%, transparent calc(var(--r) - 18px), #0000004d calc(var(--r) - 9px), #000 calc(var(--r) - 3px), #000 calc(var(--r) + 3px), #0000004d calc(var(--r) + 9px), transparent calc(var(--r) + 18px));background:conic-gradient(at 50% 43.333%,#fffffff2 0deg,#aac8ff40 40deg,#aac8ff1f 100deg,#dcebffcc 130deg,#aac8ff26 165deg,#aac8ff1a 220deg,#ffffffe6 250deg,#aac8ff33 290deg,#aac8ff2e 330deg,#fffffff2 360deg)}.bm27 .scr-form .deco:after{background:linear-gradient(118deg,#0000 calc(50% - 4px),#ffffff8c 50%,#0000 calc(50% + 4px)),linear-gradient(62deg,#0000 calc(50% - 2.5px),#ffffff59 50%,#0000 calc(50% + 2.5px)),linear-gradient(160deg,#0000 calc(50% - 1.5px),#ffffff40 50%,#0000 calc(50% + 1.5px));width:150vmax;height:150vmax;top:calc(50% - 75vmax);left:calc(50% - 75vmax)}.bm27 .scr-form .panel,.bm27 .scr-form .analyzing{z-index:1;position:relative}.bm27 .scr-form .logo{font-family:var(--f-mincho);letter-spacing:.04em;color:#fff;-webkit-text-stroke:3px #fff;paint-order:stroke fill;filter:none;text-shadow:0 0 2px #fff,0 0 16px #a0c3fff2,0 0 40px #5a82ff99,4px 4px #00003259;background:0 0;font-size:104px;font-weight:900;line-height:.95}.bm27 .scr-form .lead{color:#dde6ff;font-size:15px}.bm27 .scr-form .logo-sub{text-align:center;font-family:var(--f-bm);letter-spacing:.3em;color:#fff;text-shadow:0 0 10px #a0c3ffe6;margin-top:-10px;font-size:22px}.bm27 .scr-form .ver{text-align:center;font-family:var(--f-bm);letter-spacing:.1em;color:#c3d2ff;margin-top:-6px;font-size:13px}.bm27 .scr-form .lbl,.bm27 .scr-form .opt-name{font-family:var(--f-bm);letter-spacing:.12em;color:#d4e0ff;font-size:15px}.bm27 .scr-form #urlInput,.bm27 .scr-form #zipUrl{border-color:var(--line);background:#040a3cb3;border-radius:2px;font-size:17px}.bm27 .scr-form #urlInput:focus,.bm27 .scr-form #zipUrl:focus{border-color:#fff;box-shadow:0 0 0 2px #96beff73}.bm27 .scr-form .err{color:#ffc4c4;font-size:14px}.bm27 .scr-form .note{color:#c8d6ff;font-size:13px}.bm27 .scr-form .btn{font-family:var(--f-bm);letter-spacing:.14em;border:1px solid var(--line);color:#fff;background:#08146499;border-radius:2px;font-size:19px}.bm27 .scr-form .btn:hover{border-color:#fff}.bm27 .scr-form .btn-main{text-shadow:0 1px #00003c99;background:linear-gradient(#6a8dff,#2443d6 55%,#1a32b0);border-color:#d6e2ff}.bm27 .scr-form .btn-main:hover{border-color:#fff;box-shadow:0 0 12px #96beff99}.bm27 .scr-form .song{border-radius:2px}.bm27 .scr-form .song-title{font-size:19.5px}.bm27 .scr-form .song-id{font-size:15.5px}.bm27 .rk-open{flex:none;align-self:center;margin-left:auto;padding:8px 14px}.bm27 .scr-form .rk-open{font-size:15px}.bm27 .scr-form .seg button{font-family:var(--f-bm);color:#b9c8ff;background:#040a3c8c;border-color:#aac8ff66;border-radius:2px;font-size:17px}.bm27 .scr-form .seg button.on{color:#fff;background:#78a0ff59;border-color:#fff}.bm27 .scr-form .seg .d-normal.on{color:#bfeaff;background:#50beff4d;border-color:#8fd8ff}.bm27 .scr-form .seg .d-hyper.on{color:#fff0b0;background:#ffd23c38;border-color:#ffe27a}.bm27 .scr-form .seg .d-another.on{color:#ffd0d0;background:#ff505040;border-color:#ff9a9a}.bm27 .scr-form .seg .d-insane.on{color:#f0dcff;background:#c45bff4d;border-color:#dca8ff}.bm27 .scr-form .stepper button,.bm27 .scr-form .stepper output{background:#040a3c8c;border-color:#aac8ff66;border-radius:2px}.bm27 .scr-form .stepper output{font-family:var(--f-bm);font-size:24px}.bm27 .scr-form .timing input[type=range]{accent-color:#9fc0ff}.bm27 .scr-form .timing output{font-family:var(--f-bm);color:#fff;font-size:20px}.bm27 .scr-form .opt-hint{color:#c8d6ff}.bm27 .zip-pick{text-align:center;cursor:pointer;display:block}.bm27 .zip-pick input{display:none}.bm27 .zip-hint{color:#c8d6ff;text-align:center;font-size:13px}.bm27 .zip-box .zip-hint{text-align:left;font-size:12px;line-height:1.7}.bm27 .zip-bar{width:100%;margin:0 auto}.bm27 .zip-status{font-family:var(--f-bm);color:#fff;text-align:center;word-break:break-all;font-size:14px}.bm27 .dev-local{flex-wrap:wrap;gap:6px;display:flex}.bm27 .scr-form .dev-local .btn{font-family:var(--f-ui);letter-spacing:0;padding:6px 10px;font-size:13px}.bm27 .zip-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.bm27 .zip-box{flex-direction:column;gap:8px;min-width:0;display:flex}.bm27 .zip-in{flex-direction:column;gap:6px;display:flex}.bm27 .zip-drop{text-align:center;cursor:pointer;color:#c8d6ff;background:#040a3c59;border:1px dashed #c8dcff99;border-radius:2px;justify-content:center;align-items:center;height:50px;font-size:13px;line-height:1.5;display:flex}.bm27 .scr-url-drag .zip-drop{color:#fff;background:#78a0ff40;border-color:#fff;box-shadow:0 0 16px #96beffcc}.bm27 .scr-form .zip-btn{text-align:center;padding:10px 12px;line-height:1.15;display:block}@media (width<=767px){.bm27 .zip-grid{grid-template-columns:1fr}}.bm27 .scr-form .ms-open{color:#2f49c0;width:min(100%,420px);text-shadow:none;background:linear-gradient(#f2f6ff,#cfdcff);border:1px solid #fff;border-radius:6px;flex-direction:column;align-self:center;align-items:center;gap:4px;margin:8px 0 12px;padding:16px 20px 14px;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 4px #6f86d8,0 8px 18px #00002873}.bm27 .scr-form .ms-open .ms-open-main{letter-spacing:.14em;font-size:30px;font-weight:700;line-height:1.1}.bm27 .scr-form .ms-open small{font-family:var(--f-ui);letter-spacing:0;color:#4a62c8;font-size:14px}.bm27 .scr-form .ms-open:hover{transform:translateY(-2px);box-shadow:0 6px #6f86d8,0 12px 22px #00002880}.bm27 .scr-form .ms-open:active{transform:translateY(3px);box-shadow:0 1px #6f86d8,0 3px 8px #00002866}.bm27 .zip-more{color:#c8d6ff;text-align:left;font-size:12px;line-height:1.7}.bm27 .zip-more summary{cursor:pointer;text-align:center;color:#dde6ff;list-style-position:inside}.bm27 .zip-more ul{margin-top:6px;padding-left:1.2em;list-style:outside}.bm27 .zip-more a{color:#fff;text-decoration:underline}.bm27 .zip-warn{color:#ffe9a8;text-align:left;font-size:12px;line-height:1.7}.bm27 .zip-warn p+p{margin-top:.6em}.bm27 .zip-warn .zip-warn-lead{color:#fff3c4;font-size:14px;font-weight:700}.bm27 .zip-warn b{color:#fff3c4}.bm27 .zip-warn a{color:#fff;text-decoration:underline}.bm27 .result{z-index:25;box-sizing:border-box;--res-dk:30%;background:linear-gradient(color-mix(in srgb,var(--base) calc(100% - var(--res-dk)),#000),color-mix(in srgb,var(--cover) calc(85% - var(--res-dk)),#000));border:1px solid color-mix(in srgb,var(--note-bk) 60%,#fff);width:min(92%,440px);box-shadow:0 0 24px color-mix(in srgb,var(--base) 60%,transparent);color:#fff;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bm27 .skin[data-color=yellow] .result,.bm27 .skin[data-color=white] .result,.bm27 .skin[data-color=lime] .result,.bm27 .skin[data-color=negaposi] .result{--res-dk:55%}.bm27 .result-auto{font-family:var(--f-disp);letter-spacing:.1em;color:#ffd84d;font-size:12px;position:absolute;top:8px;left:12px}.bm27 .result-judges{font-family:var(--f-disp);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;gap:2px 12px;font-size:15px;display:grid}.bm27 .rj-name{color:#aebcf0;letter-spacing:.06em}.bm27 .rj-num{text-align:right}.bm27 .rj-pct{text-align:right;color:#dde6ff;min-width:4.5em}.bm27 .result-lamps{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bm27 .lamp{text-align:center;font-family:var(--f-disp);letter-spacing:.08em;color:#4a4f57;background:#0b0f1e;border:1px solid #3a4150;padding:4px 0;font-size:14px}.bm27 .lamp.g-easy{--lc:#3ee08e}.bm27 .lamp.g-normal{--lc:#3fa0ff}.bm27 .lamp.g-fc{--lc:#fff}.bm27 .lamp.g-hard{--lc:#ff5a1f}.bm27 .lamp.g-exh{--lc:#ffd400}.bm27 .lamp.lit{color:#fff;border-color:var(--lc);background:color-mix(in srgb,var(--lc) 35%,#0b0f1e);box-shadow:0 0 calc(4px + 10px * var(--pulse)) calc(1px * var(--pulse)) var(--lc);text-shadow:0 0 6px var(--lc)}.bm27 .result-dj{text-align:center;font-family:var(--f-disp);letter-spacing:.06em;font-size:64px;font-weight:900;line-height:1}.bm27 .result-dj.dj-hi{color:#fff;text-shadow:0 0 12px #ffffffb3}.bm27 .result-dj.dj-mid{color:#ffe14d;text-shadow:0 0 12px #ffe14d80}.bm27 .result-dj.dj-lo{color:#ff9a2e;text-shadow:0 0 12px #ff9a2e80}.bm27 .result-totals{font-family:var(--f-disp);grid-template-columns:auto 1fr;gap:2px 12px;font-size:14px;display:grid}.bm27 .result-totals span{color:#aebcf0;letter-spacing:.06em}.bm27 .result-totals b{text-align:right;font-variant-numeric:tabular-nums;font-weight:400}.bm27 .result-around{flex-direction:column;gap:1px;font-size:13px;display:flex}.bm27 .ra-head{font-family:var(--f-bm);letter-spacing:.08em;color:#aebcf0;margin-bottom:2px;font-size:12px}.bm27 .ra-row{grid-template-columns:4em 1fr auto;gap:8px;padding:1px 4px;display:grid}.bm27 .ra-row.me{color:#fff;box-shadow:0 0 calc(2px + 6px * var(--pulse)) #ffffff80;background:#ffffff26;font-weight:700}.bm27 .ra-rank{font-family:var(--f-disp);text-align:right}.bm27 .ra-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm27 .ra-score{font-family:var(--f-disp);font-variant-numeric:tabular-nums}.bm27 .result-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bm27 .result-name input{color:#fff;-webkit-user-select:text;user-select:text;background:#040a3cb3;border:1px solid #aac8ff80;border-radius:2px;flex:160px;min-width:0;padding:6px 8px;font-size:16px}.bm27 .result-name .btn{padding:6px 14px;font-size:14px}.bm27 .result-note{color:#c8d6ff;flex-basis:100%;font-size:12px}.bm27 .result-actions{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.bm27 .result-fold{color:#fff;cursor:pointer;background:#00000040;border:1px solid #ffffff59;border-radius:2px;width:28px;height:24px;padding:0;font-size:12px;line-height:1;position:absolute;top:6px;right:6px}.bm27 .result-mini{display:none}.bm27 .result.folded{padding:6px 40px 6px 12px}.bm27 .result.folded>:not(.result-fold,.result-mini){display:none}.bm27 .result.folded .result-mini{font-family:var(--f-disp);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:12px;font-size:14px;display:flex}.bm27 .rm-dj{letter-spacing:.06em;font-size:22px;font-weight:900}.bm27 .rm-dj.dj-hi{color:#fff}.bm27 .rm-dj.dj-mid{color:#ffe14d}.bm27 .rm-dj.dj-lo{color:#ff9a2e}.bm27 .result-actions .btn{letter-spacing:.06em;padding:8px 4px;font-size:13px}.bm27 .result-actions .btn,.bm27 .scr-form .result-actions .btn{background:var(--note-bk);border-color:color-mix(in srgb,var(--note-bk) 50%,#fff);color:#fff;text-shadow:0 1px 2px #0009}.bm27 .result-actions .btn:hover{box-shadow:0 0 10px color-mix(in srgb,var(--note-bk) 70%,transparent)}.bm27 .result-actions .btn:disabled{background:var(--cover);border-color:var(--cover);color:color-mix(in srgb,#fff 55%,var(--cover));text-shadow:none;cursor:not-allowed;box-shadow:none}.bm27 .skin[data-color=white] .result-actions .btn{background:var(--base);color:#555;text-shadow:none}.bm27 .skin[data-color=white] .result-actions .btn:disabled{background:var(--cover);color:#777}@media (width<=767px){.bm27 .result-dj{font-size:48px}.bm27 .result-judges{font-size:13px}}.bm27 .ranking{--pulse:.4;z-index:55;background:#020628d1;justify-content:center;align-items:center;padding:72px 16px 24px;display:flex;position:absolute;inset:0}.bm27 .ranking-panel{color:#fff;background:linear-gradient(#0a1888,#06105a);border:1px solid #d6e2ff;flex-direction:column;gap:10px;width:100%;max-width:1100px;max-height:100%;padding:16px;display:flex;box-shadow:0 0 24px #78a0ff80}.bm27 .ranking-head{align-items:baseline;gap:14px;display:flex}.bm27 .ranking-title{font-family:var(--f-mincho);letter-spacing:.08em;text-shadow:0 0 2px #fff,0 0 12px #a0c3ffe6;font-size:28px;font-weight:900}.bm27 .ranking-chart{font-family:var(--f-disp);color:#c3d2ff;letter-spacing:.08em;font-size:16px}.bm27 .ranking-scroll{flex:1;min-height:0;overflow:auto}.bm27 .ranking-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.bm27 .ranking-table th{font-family:var(--f-bm);letter-spacing:.08em;color:#aebcf0;text-align:left;background:#0a1450;border-bottom:1px solid #aac8ff59;padding:6px 8px;font-size:12px;font-weight:400;position:sticky;top:0}.bm27 .ranking-table td{border-bottom:1px solid #aac8ff1f;padding:5px 8px}.bm27 .rk-rank{font-family:var(--f-disp);text-align:right;color:#c3d2ff}.bm27 .rk-name{text-overflow:ellipsis;max-width:12em;overflow:hidden}.bm27 .ranking-table .rk-rank,.bm27 .ranking-table .rk-name{background:#08135f;position:sticky}.bm27 .ranking-table .rk-rank{box-sizing:border-box;width:52px;min-width:52px;left:0}.bm27 .ranking-table .rk-name{left:52px}.bm27 .ranking-table th.rk-rank,.bm27 .ranking-table th.rk-name{z-index:1;background:#0a1450}.bm27 .rk-dev,.bm27 .rk-ver{font-family:var(--f-disp);color:#c3d2ff}.bm27 .rk-num{font-family:var(--f-disp);text-align:right;font-variant-numeric:tabular-nums}.bm27 .rk-dj{font-family:var(--f-disp);text-align:center;font-size:16px}.bm27 .rk-dj.dj-hi{color:#fff}.bm27 .rk-dj.dj-mid{color:#ffe14d}.bm27 .rk-dj.dj-lo{color:#ff9a2e}.bm27 .rk-lamps{gap:3px;display:flex}.bm27 .rk-lamps .lamp{padding:1px 4px;font-size:12px}.bm27 .ranking-empty{text-align:center;color:#c8d6ff;padding:16px}.bm27 .ranking-close{font-family:var(--f-bm);letter-spacing:.14em;color:#fff;border:1px solid var(--line);background:#08146499;border-radius:2px;align-self:center;padding:6px 24px;font-size:16px}.bm27 .credits-open{align-self:center;padding:6px 18px;font-size:14px}.bm27 .credits{z-index:60;background:#020628d1;justify-content:center;align-items:flex-start;padding:72px 16px 24px;display:flex;position:absolute;inset:0;overflow-y:auto}.bm27 .credits-panel{background:linear-gradient(#0a1888,#06105a);border:1px solid #d6e2ff;flex-direction:column;gap:10px;width:100%;max-width:560px;padding:20px;display:flex;box-shadow:0 0 24px #78a0ff80}.bm27 .credits-title{text-align:center;font-family:var(--f-mincho);letter-spacing:.08em;color:#fff;text-shadow:0 0 2px #fff,0 0 12px #a0c3ffe6;font-size:30px;font-weight:900}.bm27 .credits-sec{font-family:var(--f-bm);letter-spacing:.25em;color:#c3d2ff;border-bottom:1px solid #aac8ff59;margin-top:6px;padding-bottom:2px;font-size:13px}.bm27 .credits-list{grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.bm27 .credits-list dt{text-align:right;font-family:var(--f-bm);letter-spacing:.08em;color:#aebcf0;padding-top:2px;font-size:12px}.bm27 .credits-list dd{color:#fff;margin:0;font-size:14px;line-height:1.5}.bm27 .credits-list a{color:#9fd3ff;margin-left:6px;font-size:12px;text-decoration:none}.bm27 .credits-list a:hover{text-decoration:underline}.bm27 .scr-form .credits-close,.bm27 .credits-close{font-family:var(--f-bm);letter-spacing:.14em;color:#fff;border:1px solid var(--line);background:#08146499;border-radius:2px;align-self:center;margin-top:8px;padding:6px 24px;font-size:16px}@media (width<=767px){.bm27 .credits-list{grid-template-columns:minmax(0,1fr)}.bm27 .credits-list dt{text-align:left}.bm27 .kc-open,.bm27 .keyconfig{display:none!important}}.bm27 .kc-panel{max-width:760px}.bm27 .kc-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bm27 .kc-pad{text-align:center;color:#c8d6ff;word-break:break-all;min-height:1.4em;font-size:12px}.bm27 .kc-lanes{justify-content:center;gap:24px;padding:8px 0;display:flex}.bm27 .kc-side{gap:3px;display:flex}.bm27 .kc-lane{width:34px;height:72px;font-family:var(--f-disp);cursor:pointer;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:13px;display:flex}.bm27 .kc-sc{color:#fff;background:#c8323c;width:52px}.bm27 .kc-wh{color:#222;background:#e8e8e8}.bm27 .kc-bk{color:#fff;background:#1b6fd0;align-self:flex-start;height:58px}.bm27 .kc-lane.on{border-color:#ffd400;box-shadow:0 0 10px #ffd400cc}.bm27 .kc-sel{flex-direction:column;align-items:center;gap:6px;display:flex}.bm27 .kc-sel-name{color:#dde6ff;font-size:14px}.bm27 .kc-slots{gap:6px;display:inline-flex}.bm27 .kc-slot{min-width:120px;font-family:var(--f-bm);letter-spacing:.06em;color:#fff;cursor:pointer;background:#040a3cb3;border:1px solid #aac8ff80;border-radius:2px;padding:8px 10px;font-size:15px}.bm27 .kc-slot.wait{color:#ffd400;border-color:#ffd400;animation:1s ease-in-out infinite bm27blink}.bm27 .kc-help{color:#c8d6ff;font-size:12px}.bm27 .kc-hs{font-family:var(--f-bm);color:#aebcf0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.bm27 .kc-hs .kc-slot{min-width:80px;padding:6px 8px;font-size:13px}.bm27 .kc-hs-name{color:#fff;letter-spacing:.1em}.bm27 .kc-actions{justify-content:center;gap:12px;display:flex}.bm27 .kc-actions .btn{margin-top:0}.bm27 .ms-panel{width:100%;max-width:860px}.bm27 .ms-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bm27 .ms-title-head{font-family:var(--f-mincho);letter-spacing:.06em;color:#fff;text-shadow:0 0 2px #fff,0 0 12px #a0c3ffe6;flex:1;font-size:30px;font-weight:900}.bm27 .scr-form .ms-back{padding:6px 12px;font-size:15px}.bm27 .opt-back-top{align-self:flex-start}.bm27 .ms-search{min-width:0;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#040a3cb3;border-radius:2px;flex:0 260px;padding:8px 10px;font-size:16px}.bm27 .ms-search:focus{border-color:#fff;outline:none}.bm27 .ms-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8d6ff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;background-size:15px 15px;padding-left:32px}.bm27 .ms-note{color:#c3d2ff99;margin:2px 0 0;font-size:12px}.bm27 .ms-sec{font-family:var(--f-bm);letter-spacing:.2em;color:#c3d2ff;border-bottom:1px solid #aac8ff59;margin-top:6px;padding-bottom:2px;font-size:14px}.bm27 .ms-list{flex-direction:column;gap:6px;display:flex}.bm27 .ms-empty{color:#c8d6ff;padding:6px 2px;font-size:13px}.bm27 .ms-row{text-align:left;color:#fff;cursor:pointer;background:#040a3c8c;border:1px solid #aac8ff4d;border-radius:2px;align-items:flex-start;gap:12px;width:100%;padding:6px;display:flex;position:relative;overflow:hidden}.bm27 .ms-row:hover{border-color:#ffffffb3}.bm27 .ms-row.on{border-color:#fff;box-shadow:0 0 10px #96beff99}.bm27 .ms-row.dead{opacity:.45;cursor:not-allowed;filter:grayscale()}.bm27 .ms-thumb{aspect-ratio:16/9;background:#0a1450;flex:none;justify-content:center;align-items:center;width:160px;display:flex;overflow:hidden}.bm27 .ms-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.bm27 .ms-thumb span{font-family:var(--f-mincho);color:#9fb4ff;font-size:40px;font-weight:900}.bm27 .ms-body{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:2px;display:flex}.bm27 .ms-body>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bm27 .ms-genre{letter-spacing:.08em;color:#9fb4ff;font-size:12px}.bm27 .ms-name{font-size:16px;font-weight:700;line-height:1.3}.bm27 .ms-artist{color:#dde6ff;font-size:13px}.bm27 .ms-meta{color:#aebcf0;font-size:12px}.bm27 .ms-mark{color:#fff;white-space:nowrap;flex:none;align-self:center;font-size:18px;font-weight:700}.bm27 .ms-row.archive .ms-name{color:#b4bcd4}.bm27 .ms-status{color:#fff3c4;font-size:13px}.bm27 .ms-status.err{color:#ff8a8a}.bm27 .ms-row.show-status .ms-meta{display:none}.bm27 .ms-soon{color:#ffb46a;white-space:nowrap;border:1px solid #ff9a2e;border-radius:2px;flex:none;align-self:center;padding:2px 6px;font-size:12px}.bm27 .ms-sec small{font-family:var(--f-ui);letter-spacing:0;color:#fff;margin-left:8px;font-size:14px}.bm27 .ms-bar{background:linear-gradient(90deg,#6a8dff,#e6eeff);width:0;height:5px;transition:width .4s ease-out;position:absolute;bottom:0;left:0}.bm27 .ms-more{text-align:center;color:#c8d6ff;padding:8px}@media (width<=767px){.bm27 .ms-thumb{width:120px}.bm27 .ms-title-head{font-size:24px}.bm27 .ms-search{flex:100%}}.bm27 .seg-color{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bm27 .seg-color button{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bm27 .scr-form .seg-color button{font-size:14px}.bm27 .seg-color button:before{content:"";vertical-align:-1px;background:var(--sw);border:1px solid #ffffff80;width:.75em;height:.75em;margin-right:.35em;display:inline-block}.bm27 .seg-color .c-pink{--sw:#d94f8a}.bm27 .seg-color .c-gray{--sw:#2e3034}.bm27 .seg-color .c-blue{--sw:#2443d6}.bm27 .seg-color .c-yellow{--sw:#d9a91a}.bm27 .seg-color .c-red{--sw:#c8323c}.bm27 .seg-color .c-purple{--sw:#7440c8}.bm27 .seg-color .c-white{--sw:#e6e8ec}.bm27 .seg-color .c-orange{--sw:#e07a1f}.bm27 .seg-color .c-lime{--sw:#7cc62d}.bm27 .seg-color .c-negaposi{--sw:linear-gradient(135deg,#000 50%,#fff 50%)}.bm27 .opt-more-bar{background:#08146499;border:1px solid #aac8ff80;border-radius:2px;align-items:stretch;display:flex}.bm27 .opt-more-bar:hover{border-color:#fff}.bm27 .opt-more{min-width:0;font-family:var(--f-bm);letter-spacing:.14em;color:#fff;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:16px;display:flex}.bm27 .opt-default{font-family:var(--f-bm);letter-spacing:.1em;color:#fff;background:0 0;border:0;border-left:1px solid #aac8ff80;flex:none;padding:0 14px;font-size:13px}.bm27 .opt-default:hover:not(:disabled){background:#78a0ff40}.bm27 .opt-default:disabled{color:#ffffff4d;cursor:not-allowed}.bm27 .opt-more span:empty{display:none}.bm27 .opt-more #optMoreCount{font-family:var(--f-ui);letter-spacing:0;color:#ffe14d;font-size:13px}.bm27 .opt-more[aria-expanded=true] .opt-more-arrow{display:inline-block;transform:rotate(180deg)}.bm27 .opt-more-box{flex-direction:column;gap:18px;display:flex}.bm27 .opt-noscore{text-align:center;color:#ff9a2e;margin:0;font-size:13px}.bm27 .opt-row{flex-flow:wrap;align-items:flex-end;gap:10px 20px;display:flex}.bm27 .opt-pair{flex-direction:column;gap:6px;min-width:0;display:flex}.bm27 .opt-name small{font-family:var(--f-ui);letter-spacing:0;opacity:.8;margin-left:8px;font-size:12px}.bm27 .opt-desc{min-height:1.5em;font-family:var(--f-ui);letter-spacing:0;color:#fff;margin-top:2px;font-size:12px;line-height:1.5;display:block}.bm27 .stepper-s{width:180px}.bm27 .stepper-s button{width:40px;font-size:16px}.bm27 .scr-form .stepper-s output{padding:4px 0;font-size:18px}.bm27 .seg-s button{padding:6px 10px}.bm27 .scr-form .seg-s button{font-size:14px}.bm27 .tgl-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.bm27 .tgl-grid button{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--f-bm);letter-spacing:.04em;color:#b9c8ff;background:#040a3c8c;border:1px solid #aac8ff66;border-radius:2px;padding:5px 2px;font-size:13px;overflow:hidden}.bm27 .tgl-grid button.on{color:#fff;background:#78a0ff59;border-color:#fff;box-shadow:0 0 8px #96beff80}.bm27 .tgl-grid button:disabled{opacity:.3;cursor:not-allowed}.bm27 .opt-small{gap:10px}.bm27 .sp-grid{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1fr);gap:6px;display:grid}.bm27 .sp-group{background:#040a3c40;border:1px solid #aac8ff66;border-radius:2px;flex-direction:column;gap:3px;padding:4px;display:flex}.bm27 .sp-label{font-family:var(--f-bm);letter-spacing:.12em;color:#c3d2ff;font-size:12px}.bm27 .sp-row{grid-template-columns:repeat(3,minmax(0,1fr))}.bm27 .sp-row-1{grid-template-columns:minmax(0,1fr)}.bm27 .sp-row select{min-width:0;font-family:var(--f-bm);color:#fff;background:#040a3cb3;border:1px solid #aac8ff66;border-radius:2px;padding:4px 2px;font-size:13px}@media (width<=767px){.bm27 .sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bm27 .sp-row select{font-size:16px}}.bm27 .opt-small .timing{min-width:200px}@media (width<=767px){.bm27 .tgl-grid button{font-size:12px}.bm27 .stepper-s{width:150px}}.bm27 .seg-charts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.bm27 .seg-charts button{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.bm27 .seg-charts button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.bm27 .seg-charts button small{max-width:100%;font-family:var(--f-ui);letter-spacing:0;opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bm27 .scr-form .seg-charts .d-beginner{color:#a8f0a8}.bm27 .scr-form .seg-charts .d-normal{color:#8fd8ff}.bm27 .scr-form .seg-charts .d-hyper{color:#ffe27a}.bm27 .scr-form .seg-charts .d-another{color:#ff9a9a}.bm27 .scr-form .seg-charts .d-insane{color:#dca8ff}@media (width<=767px){.bm27 .scr-form .seg-charts button{padding:8px 2px;font-size:12px}}.bm27 .seg-charts button:disabled{opacity:.35;cursor:not-allowed}.bm27 .scr-form .seg .d-beginner.on{color:#d8ffd8;background:#6edc6e40;border-color:#a8f0a8}.bm27 .scr-form .analyzing{background:#040a3cd9;position:absolute}.bm27 .scr-form .an-text{font-family:var(--f-bm);color:#fff;font-size:24px}.bm27 .scr-form .an-bar i{background:linear-gradient(90deg,#6a8dff,#e6eeff)}.bm27 .scr-form .an-notice p{color:#c8d6ff}.bm27 .scr-form .dev-engines{background:#040a3c59;border-color:#c8dcffbf}.bm27 .scr-form .dev-engines legend{color:#e6eeff}.bm27 .scr-form .dev-row input[type=radio],.bm27 .scr-form .dev-model summary input[type=checkbox]{accent-color:#9fc0ff}.bm27 .scr-form .dev-opt-val{color:#bcd4ff}.bm27 .scr-form .dev-opt-input input[type=radio]{accent-color:#9fc0ff}@media (width<=767px){.bm27 .scr-form .logo{font-size:84px}}.bm27 .scr-play{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bm27 .play{max-width:460px;height:100%;padding:16px 8px calc(8px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;margin:0 auto;display:flex;position:relative}.bm27 .hud{height:44px;font-family:var(--f-disp);letter-spacing:.06em;flex:none;align-items:center;gap:10px;padding-left:56px;font-size:14px;display:flex}.bm27 .hud-diff.beginner{color:var(--c-beginner)}.bm27 .hud-diff.normal{color:var(--c-normal)}.bm27 .hud-diff.hyper{color:var(--c-hyper)}.bm27 .hud-diff.another{color:var(--c-another)}.bm27 .hud-diff.insane{color:var(--c-insane)}.bm27 .hud-vol{flex:0 460px;gap:10px;min-width:0;margin-left:auto;padding-right:8px;display:flex}.bm27 .hud-vol label{min-width:0;color:var(--muted);letter-spacing:.06em;flex:1 1 0;align-items:center;gap:4px;font-size:10px;display:flex}.bm27 .hud-vol input[type=range]{appearance:auto;accent-color:#6fe3ff;flex:auto;width:auto;min-width:0;height:14px;margin:0;padding:0}@media (width<=767px){.bm27 .hud-vol{gap:6px}.bm27 .hud-vol label{text-align:center;flex-direction:column;align-items:stretch;gap:1px;font-size:8px;line-height:1}}.bm27 .hud-tags{gap:6px;display:flex}.bm27 .hud-tag{color:#c9d3df;border:1px solid #4a5563;border-radius:3px;padding:2px 6px;font-size:11px}.bm27 .hbtn{font-family:var(--f-bm);letter-spacing:.14em;color:#fff;background:#08146499;border:1px solid #aac8ff80;border-radius:2px;padding:6px 12px;font-size:15px;transition:border-color .15s}.bm27 .hbtn:hover{border-color:#fff}.bm27 .hud-fps{font-family:var(--f-disp);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.bm27 .video-area{flex:none;justify-content:center;align-items:center;height:22%;min-height:0;display:flex}.bm27 .video{max-width:100%;height:100%;aspect-ratio:var(--ar,16/9);background:#2b2f35;border:1px solid #3d434b;justify-content:center;align-items:center;display:flex}.bm27 .video iframe{border:0;width:100%;height:100%;display:block}.bm27[data-source=zip] .play:not(.has-bga) .media{display:none}.bm27 .play.has-bga .video{background:#000;border-color:#000}.bm27 .video .bga{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%;display:block}.bm27 .media{display:contents}.bm27 .info{background:#0d1015;border:1px solid #3d434b;flex:none;align-items:stretch;gap:8px;height:40px;padding:0 10px;display:flex}.bm27 .info-bpm{font-family:var(--f-disp);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.bm27 .info-bpm .info-lbl{color:#fff;font-size:9px;line-height:1}.bm27 .info-bpm-row{justify-content:center;align-items:baseline;gap:5px;display:flex}.bm27 .info-bpm-top{justify-content:center;align-items:center;gap:6px;display:flex}.bm27 .info-meter{gap:2px;display:flex}.bm27 .info-meter i{background:#4a5058;width:7px;height:7px}.bm27 .info-meter i.on{background:#fff}.bm27 .info-meter i.x{visibility:hidden}.bm27 .info-bpm .info-sub{font-size:9px}.bm27 .info-lbl{letter-spacing:.12em;color:var(--muted);font-size:11px}.bm27 .info-num{color:#fff;text-align:right;min-width:1.8em;font-size:20px;line-height:1}.bm27 .info-sub{letter-spacing:.06em;color:var(--muted);font-size:11px}.bm27 .info-nps{font-family:var(--f-disp);font-variant-numeric:tabular-nums;align-self:center;align-items:baseline;gap:6px;margin-left:6px;display:flex}.bm27 .info-num2{color:var(--text);text-align:right;min-width:2.2em;font-size:18px;line-height:1}.bm27 .info-score{font-family:var(--f-disp);font-variant-numeric:tabular-nums;align-self:center;align-items:baseline;gap:6px;margin-left:6px;display:flex}.bm27 .info-judge{font-variant-numeric:tabular-nums;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.bm27 .info-judge span{flex-direction:column;align-items:center;line-height:1.1;display:flex}.bm27 .info-judge i{font-style:normal;font-family:var(--f-disp);letter-spacing:.08em;color:var(--muted);font-size:10px}.bm27 .info-judge b{font-family:var(--f-disp);font-weight:400;font-size:inherit;color:var(--text)}.bm27 .info{flex-wrap:wrap;row-gap:2px;height:auto;min-height:40px;padding:4px 10px}.bm27 .info-row2{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:2px 10px;min-width:0;display:flex}.bm27 .info-row2 .info-score{margin-left:0}.bm27 .info-judge{flex:none;justify-content:flex-start;gap:4px;min-width:0;margin-left:auto}.bm27 .info .info-judge span{width:5.4ch;font-family:var(--f-disp);white-space:nowrap;align-items:flex-start;font-size:13px}.bm27 .info .info-judge span:last-child{width:3ch}.bm27 .info-judge.rate-hi span:not(:last-child) b{color:#fff}.bm27 .info-judge.rate-mid span:not(:last-child) b{color:#ffe14d}.bm27 .info-judge.rate-lo span:not(:last-child) b{color:#ff9a2e}@media (width<=767px){.bm27 .info .info-judge span{font-size:12px}}.bm27 .info-row1{flex-basis:100%;align-items:stretch;gap:8px;min-width:0;display:flex}.bm27 .info-row1 .info-bpm,.bm27 .info-row1 .info-nps{flex:none}.bm27 .info-diff{min-width:0;font-family:var(--f-disp);letter-spacing:.06em;white-space:nowrap;align-self:center;align-items:baseline;gap:5px;font-size:13px;display:flex;overflow:hidden}.bm27 .info-diff span{text-overflow:ellipsis;overflow:hidden}.bm27 .info-level{color:var(--text)}.bm27 .start-overlay{z-index:20;text-align:center;background:#040609b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.bm27 .start-overlay.tappable{cursor:pointer;pointer-events:none;background:0 0}.bm27 .start-title{font-family:var(--f-disp);letter-spacing:.12em;color:var(--gold);font-size:28px}.bm27 .start-overlay.tappable .start-title{animation:1.2s ease-in-out infinite bm27blink}.bm27 .start-title.at-line{text-align:center;position:absolute;left:0;right:0}.bm27 .start-overlay.tappable{justify-content:flex-start;padding-top:calc(10vh + 90px)}.bm27 .start-overlay.tappable .start-text{color:#333;background:#fff;border-radius:4px;padding:8px 12px}.bm27 .start-text:empty{display:none}.bm27 .start-overlay.tappable.help{pointer-events:auto}@media (width<=767px){.bm27 .start-title{letter-spacing:.06em;white-space:nowrap;font-size:min(28px,4.3vw)}.bm27 .start-text{font-size:12px}}@keyframes bm27blink{50%{opacity:.35}}.bm27 .start-text{color:var(--muted);white-space:pre-line;font-size:13px;line-height:1.8}.bm27 .wait-banner{z-index:19;border:1px solid var(--line);color:var(--text);white-space:nowrap;pointer-events:none;background:#040609d9;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.bm27 .skin{background:#404040;border:6px solid #404040;outline:1px solid #8c8c8c;flex:auto;gap:4px;min-height:0;margin:1px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #9c9c9c}.bm27 .skin[data-side=right]{flex-direction:row-reverse}.bm27 .skin{--pulse:0;--base:#2443d6;--cover:#1b32a1;--note-bk:#3fcbff;--cover-ink:#fff}.bm27 .skin[data-color=pink]{--base:#d94f8a;--cover:#a33b68;--note-bk:#ff8cc0}.bm27 .skin[data-color=gray]{--base:#2e3034;--cover:#222427;--note-bk:#7b7b9b}.bm27 .skin[data-color=yellow]{--base:#d9a91a;--cover:#a37f14;--note-bk:#ffd84d;--cover-ink:#2b2b2b}.bm27 .skin[data-color=red]{--base:#c8323c;--cover:#96262d;--note-bk:#ff9a5c}.bm27 .skin[data-color=purple]{--base:#7440c8;--cover:#573096;--note-bk:#c39bff}.bm27 .skin[data-color=orange]{--base:#e07a1f;--cover:#a85b17;--note-bk:#ffb46a}.bm27 .skin[data-color=lime],.bm27 .skin[data-color=negaposi]{--base:#7cc62d;--cover:#5d9522;--note-bk:#c6ff7a;--cover-ink:#2b2b2b}.bm27 .skin[data-color=negaposi]>.progress,.bm27 .skin[data-color=negaposi]>.deck-wrap,.bm27 .skin[data-color=negaposi]>.gauges{filter:invert()}.bm27 .skin[data-color=white]{--base:#e6e8ec;--cover:#adaeb1;--note-bk:#7b7b9b;--cover-ink:#2b2b2b}.bm27 .progress{z-index:3;background:#050505;border:1px solid #5a5f66;flex:none;width:40px;position:relative}.bm27 .mini-in{position:absolute;inset:0;overflow:hidden}.bm27 .progress canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.bm27 .mini-left{box-sizing:border-box;color:#f0f0f0;text-shadow:0 0 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;pointer-events:none;will-change:transform;flex-direction:column;justify-content:center;align-items:center;width:38px;height:26px;margin-left:-19px;font-family:ui-monospace,monospace;font-style:normal;display:flex;position:absolute;bottom:0;left:50%}.bm27 .mini-left:has(b:empty){display:none}.bm27 .mini-left b{font-size:13px;font-weight:700;line-height:1}.bm27 .mini-left small{letter-spacing:.06em;font-size:9px;line-height:1}.bm27 .mini-done{background:#0000008c;height:0;position:absolute;bottom:0;left:0;right:0}.bm27 .mini-marks{pointer-events:none;position:absolute;inset:0}.bm27 .mm{color:#fff;font-family:var(--f-ui);text-align:center;white-space:nowrap;border-top:1px solid;padding-top:1px;font-size:8px;line-height:9px;position:absolute;left:0;right:0;overflow:hidden}.bm27 .mm.neg{color:#ff9a2e}.bm27 .mini-line{height:2px;box-shadow:0 0 calc(3px + 6px * var(--pulse)) calc(1px * var(--pulse)) #ff3232e6, 0 0 calc(6px + 12px * var(--pulse)) #ff323280;will-change:transform,opacity;background:#ff3a3a;position:absolute;bottom:0;left:0;right:0}.bm27 .deck-wrap{flex-direction:column;flex:auto;min-width:0;display:flex}.bm27 .gauges{background:#050505;border:1px solid #5a5f66;flex-direction:column;flex:none;width:54px;display:flex}.bm27 .g-cols,.bm27 .g-labels{gap:2px;padding:2px;display:flex}.bm27 .g-cols{flex:auto;min-height:0}.bm27 .g-labels{height:var(--deck-h);border-top:1px solid #5a5f66;flex:none}.bm27 .skin[data-side=right] .g-cols,.bm27 .skin[data-side=right] .g-labels{flex-direction:row-reverse}.bm27 .g-lbl{text-align:center;min-width:0;color:var(--c);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:4px;padding-top:3px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;line-height:1.15;display:flex}.bm27 .g-pct{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.05em;filter:brightness(1.35);font-variant-numeric:tabular-nums}.bm27 .g-pct.dead{filter:grayscale()brightness(.5)}.bm27 .g-lbl:not(.clear){color:#6b717a}.bm27 .g-lbl:not(.clear) .g-pct{filter:none}.bm27 .g-lbl.clear{text-shadow:0 0 calc(2px + 6px * var(--pulse)) var(--c),0 0 calc(4px + 10px * var(--pulse)) var(--c)}.bm27 .gauge{flex-direction:column-reverse;flex:1;gap:1px;min-width:0;display:flex;position:relative}.bm27 .g-line{z-index:2;pointer-events:none;background:#ffffff8c;height:2px;position:absolute;left:-1px;right:-1px;transform:translateY(50%)}.bm27 .g-line.l20{bottom:calc(20% - 1px)}.bm27 .g-line.l40{bottom:calc(40% - 1px)}.bm27 .g-line.l60{bottom:calc(60% - 1px)}.bm27 .g-line.l80{bottom:calc(80% - 1px)}.bm27 .g-normal .g-line.l80,.bm27 .g-easy .g-line.l80{height:4px;box-shadow:0 0 calc(2px + 6px * var(--pulse)) calc(1px * var(--pulse)) #ff3b3be6;background:#ff3b3b;bottom:calc(80% - 2px)}.bm27 .gauge i{background:var(--c);opacity:.14;flex:1;min-height:0}.bm27 .gauge i.on{opacity:1}.bm27 .gauge i.top{z-index:1;opacity:1;filter:brightness(1.25);box-shadow:0 0 calc(2px + 8px * var(--pulse)) calc(1px + 2px * var(--pulse)) var(--c),0 0 2px #ffffffb3;position:relative}.bm27 .gauge,.bm27 .g-lbl{--L:.58;--C:.06;--c:oklch(var(--L) calc(var(--C) * var(--cs,1)) var(--h))}.bm27 .gauge.clear,.bm27 .g-lbl.clear{--L:.8;--C:.17}.bm27 .g-fc{--h:0;--cs:0}.bm27 .g-exh{--h:95}.bm27 .g-hard{--h:40}.bm27 .g-normal{--h:255}.bm27 .g-easy{--h:150}.bm27 .g-normal i:nth-child(n+81),.bm27 .g-easy i:nth-child(n+81){--c:oklch(calc(var(--L) + .08) calc(var(--C) * var(--cs,1)) var(--h))}.bm27 .gauge i.top{--c:oklch(.8 calc(.17 * var(--cs,1)) var(--h))}.bm27 .gauge.dead{filter:grayscale()brightness(.5)}.bm27 .lanes{z-index:2;--lift:0px;--sud-sc:0px;--sud-key:0px;background:#474747;border:1px solid #9c9c9c;border-bottom:0;flex:auto;gap:2px;min-height:0;display:flex;position:relative}.bm27 .keyarea{flex:calc(var(--w-wh) * 4 + var(--w-bk) * 3) 1 0;gap:2px;min-width:0;display:flex;position:relative;container-type:inline-size}.bm27 .ln{min-width:0;position:relative}.bm27 .ln-sc{flex:var(--w-sc) 1 0;background:#0d0d0d}.bm27 .ln-wh{flex:var(--w-wh) 1 0;background:#1d1d1d}.bm27 .ln-bk{flex:var(--w-bk) 1 0;background:#0b0b0b}.bm27 .ln-in{position:absolute;inset:0;overflow:hidden}.bm27 .beam{top:0;left:0;right:0;bottom:var(--lift);opacity:0;will-change:opacity;position:absolute}.bm27 .beam.hold{opacity:.85}.bm27 .beam.press{opacity:1}.bm27 .ln-sc .beam{background:linear-gradient(#0000 0%,#082a28 30%,#0b5c57 62%,#12a69d 88%,#8ff4ef 100%)}.bm27 .ln-wh .beam{background:linear-gradient(#0000 0%,#1a1f30 25%,#24315a 58%,#2c55a6 86%,#4aa8ff 100%)}.bm27 .ln-bk .beam{background:linear-gradient(#0000 0%,#16203a 34%,#36578f 66%,#6aa8e0 86%,#a6f2ff 100%)}.bm27 .bar-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bm27 .barline{left:0;right:0;bottom:calc(6px + var(--lift));will-change:transform;background:#fff;height:1px;position:absolute}.bm27 .cover{z-index:4;background:var(--cover);touch-action:none;position:absolute;left:0;right:0}.bm27 .sud-cover{border-bottom:1px solid #fffc;top:0}.bm27 .ln-sc .sud-cover{height:var(--sud-sc)}.bm27 .keyarea .sud-cover{height:var(--sud-key)}.bm27 .lift-cover{height:var(--lift);bottom:0}.bm27 .cover.lift-cover{background:#0000004d;overflow:hidden}.bm27 .lift-marq{white-space:nowrap;pointer-events:none;color:#fff;line-height:1.1;position:absolute;top:1px;left:0;right:0}.bm27 .lift-marq span{will-change:transform;animation:8s linear infinite bm27marq;display:inline-block}@keyframes bm27marq{0%{transform:translateX(var(--from,100%))}to{transform:translateX(var(--to,-100%))}}@media (prefers-reduced-motion:reduce){.bm27 .lift-marq span{animation:none}}.bm27 .ln-sc .sud-cover{overflow:hidden}.bm27 .callout{z-index:2;font-family:var(--f-disp);color:var(--cover-ink);text-align:center;white-space:nowrap;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:4px;line-height:1;display:flex;position:absolute;inset:0;transform:translate(-105%)}.bm27 .skin[data-side=right] .callout,.bm27 .callout.from-right{transform:translate(105%)}.bm27 .callout.neg{color:#ff9a2e}.bm27 .callout.show{animation:4s forwards bm27callout-l}.bm27 .skin[data-side=right] .callout.show,.bm27 .callout.from-right.show{animation-name:bm27callout-r}@keyframes bm27callout-l{0%{transform:translate(-105%)}12.5%{transform:translate(0)}87.5%{transform:translate(0)}to{transform:translate(-105%)}}@keyframes bm27callout-r{0%{transform:translate(105%)}12.5%{transform:translate(0)}87.5%{transform:translate(0)}to{transform:translate(105%)}}.bm27 .gchart{z-index:0;pointer-events:none;position:absolute;inset:0}.bm27 .gchart canvas{width:100%;height:100%;display:block}.bm27 .gchart-line{left:0;right:0;top:calc((100% - 2px) * (1 - var(--gl,.8)));background:var(--gc,#fff);height:2px;opacity:calc(.55 + .45 * var(--pulse));box-shadow:0 0 calc(2px + 6px * var(--pulse)) calc(1px * var(--pulse)) var(--gc,#fff);position:absolute}.bm27 .gchart-line2{border-top:2px dashed var(--gc,#fff);height:0;box-shadow:none;background:0 0;display:none;top:calc(25% - .5px)}.bm27 .gchart.fc .gchart-line2{display:block}.bm27 .gchart-hint{color:var(--cover-ink,#fff);text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:11px;line-height:1.2;display:none;position:absolute;top:17px;left:4px}.bm27 .skin.result-on .gchart-hint{animation:3s ease-in-out infinite bm27hint;display:block}@keyframes bm27hint{0%,to{opacity:0}35%,65%{opacity:1}}.bm27 .gchart-name{font-family:var(--f-disp);color:var(--gc,#fff);text-shadow:0 0 2px #000,0 0 2px #000;font-size:11px;line-height:1;position:absolute;top:3px;left:4px}.bm27 .cover .wn{z-index:1}.bm27 .lane-off{z-index:3;pointer-events:none;background:#3e3d43;position:absolute;top:0;bottom:0;box-shadow:inset -1px 0 #ffffff59,inset 1px 0 #000000a6}.bm27 .dk.off{filter:grayscale()brightness(.35);pointer-events:none}.bm27 .cover .wn{font-family:var(--f-disp);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;background:#0000008c;border-radius:3px;padding:1px 6px;font-size:13px;display:none;position:absolute;left:50%;transform:translate(-50%)}.bm27 .sud-cover .wn{bottom:4px}.bm27 .lift-cover .wn{top:4px}.bm27 .lanes.adjusting .cover{cursor:ns-resize;outline-offset:-1px;outline:1px dashed #fff9;min-height:14px}.bm27 .lanes.adjusting .cover .wn{display:block}.bm27 .green{z-index:7;text-align:center;font-family:var(--f-disp);color:#4dff6a;text-shadow:0 0 3px #000000e6,0 0 2px #000;pointer-events:none;font-variant-numeric:tabular-nums;--green-dy:-8px;font-size:16px;line-height:1;position:absolute;left:0;right:0}.bm27 .green.g-key{top:calc(var(--sud-key) + var(--green-dy))}.bm27 .green.g-sc{top:calc(var(--sud-sc) + var(--green-dy))}.bm27 .auto-zone{left:0;right:0;bottom:calc(6px + var(--lift));z-index:2;pointer-events:none;background:#0000004d;border-top:2px solid #6fe3ff;position:absolute;overflow:hidden;box-shadow:0 -2px 8px #6fe3ff80}.bm27 .auto-zone:before{content:"START!";text-align:center;font-family:var(--f-disp);letter-spacing:.14em;color:#8ff0ff;text-shadow:0 0 6px #6fe3ffe6,0 0 12px #6fe3ff99,0 0 2px #000;font-size:16px;font-weight:700;position:absolute;top:4px;left:0;right:0}.bm27 .ana{z-index:2;pointer-events:none;background:#0b0b0b;display:none;position:absolute;inset:0}.bm27 .ana.on{display:block}.bm27 .skin.ana-on .bar-layer,.bm27 .skin.ana-on .cover{display:none}.bm27 .ana-label{z-index:4;pointer-events:none;color:#fff;white-space:pre-line;background:#000000bf;border:1px solid #5a5f66;padding:4px 6px;font-size:11px;line-height:1.5;display:none;position:absolute;top:24px;left:4px;right:4px}.bm27 .skin.ana-on .ana-label{display:block}.bm27 .ana-tall .ana-head{height:76px}.bm27 .ana-tall .ana-head span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.05em;height:76px;padding-top:3px;line-height:1.1}.bm27 .skin.ana-tall-on .ana-label{top:80px}.bm27 .ana-cols{width:min(100%,var(--ana-w,100%));position:absolute;top:0;bottom:0;left:0;overflow:hidden}.bm27 .ana-head{z-index:1;background:#050505;border-bottom:1px solid #5a5f66;height:20px;position:absolute;top:0;left:0;right:0}.bm27 .ana-head span{text-align:center;white-space:nowrap;height:20px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;line-height:20px;position:absolute;top:0;overflow:hidden}.bm27 .ana-line{background:#ffffff24;width:1px;position:absolute;top:0;bottom:0}.bm27 .ana-m{bottom:calc(6px + var(--lift));text-align:center;white-space:nowrap;color:var(--mc);opacity:var(--ma);text-shadow:0 0 2px #000,0 0 2px #000;will-change:transform;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1;position:absolute}.bm27 .jline{left:0;right:0;bottom:var(--lift);z-index:3;background:linear-gradient(#ff9a9a,#ff2a2a 45%,#b00010);height:6px;position:absolute;box-shadow:0 -1px 8px #ff28288c}.bm27 .jline:before{content:"";pointer-events:none;height:calc(8px + 22px * var(--pulse));opacity:calc(.35 + .4 * var(--pulse));background:linear-gradient(#ff323200,#ff32328c);position:absolute;bottom:100%;left:0;right:0}.bm27 .chunk{z-index:2;will-change:transform;height:0;position:absolute;bottom:0;left:0;right:0}.bm27 .nt.free,.bm27 .lnb.free{will-change:transform}.bm27 .nt{height:9px;left:1px;right:1px;bottom:calc(6px + var(--lift) + var(--b,0) * var(--beat) * var(--hs));z-index:2;border-radius:1px;position:absolute}.bm27 .sarrow{pointer-events:none;filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 2px #000);width:21px;height:18px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bm27 .sarrow.up{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffd400}.bm27 .sarrow.down{clip-path:polygon(0 0,100% 0,50% 100%);background:#1fd1c1}.bm27 .lnb{height:100px;left:3px;right:3px;bottom:calc(6px + var(--lift) + 4px);z-index:1;opacity:.55;transform-origin:bottom;position:absolute}.bm27 .ln-sc .lnb{background:#ff4b4b}.bm27 .ln-wh .lnb{background:#e8e8e8}.bm27 .ln-bk .lnb{background:var(--note-bk)}.bm27 .lnb.dead,.bm27 .nt.dead{filter:grayscale()brightness(.5)}.bm27 .nt:after{content:"";background:#ffffff8c;border-radius:1px;height:2px;position:absolute;top:3px;left:12%;right:12%}.bm27 .ln-sc .nt{background:linear-gradient(#ffb3b3 0%,#ff4b4b 30%,#e0101a 62%,#8c0008 100%);box-shadow:0 0 4px #ff3c3c8c}.bm27 .ln-wh .nt{background:linear-gradient(#fff 0%,#ececec 35%,#bdbdbd 68%,#7d7d7d 100%);box-shadow:0 0 4px #fff6}.bm27 .ln-bk .nt{background:linear-gradient(color-mix(in srgb,var(--note-bk) 25%,#fff) 0%,var(--note-bk) 32%,color-mix(in srgb,var(--note-bk) 75%,#000) 64%,color-mix(in srgb,var(--note-bk) 40%,#000) 100%);box-shadow:0 0 4px color-mix(in srgb,var(--note-bk) 60%,transparent)}.bm27 .bomb{left:50%;bottom:calc(3px + var(--lift));aspect-ratio:1;z-index:5;pointer-events:none;opacity:0;width:min(160px,260%);position:absolute;translate:-50% 50%}.bm27 .ln-wh .bomb,.bm27 .ln-bk .bomb{width:var(--bomb-key,min(160px,260%))}.bm27 .bomb{will-change:transform,opacity}.bm27 .bomb .bp{will-change:transform;background:50%/100% 100% no-repeat;position:absolute;inset:0}.bm27 .jb{left:-50%;right:-50%;bottom:calc(6px + var(--lift) + 4px);z-index:5;pointer-events:none;height:1em;font-family:var(--f-disp);text-align:center;white-space:nowrap;line-height:1;position:absolute}.bm27 .jb.pg{color:#fff;--jbg:#ffffffb3}.bm27 .jb.gr{color:#ffe14d;--jbg:#ffe14d99}.bm27 .jb.gd{color:#ff9a2e;--jbg:#ff9a2e99}.bm27 .jb i{text-shadow:0 0 4px var(--jbg);font-style:normal;animation:.45s cubic-bezier(.45,0,.85,.55) both bm27crumble;position:absolute;inset:0}.bm27 .jb i:first-child{clip-path:inset(0 0 66%)}.bm27 .jb i:nth-child(2){clip-path:inset(33% 0)}.bm27 .jb i:nth-child(3){clip-path:inset(66% 0 0)}@keyframes bm27crumble{0%,18%{opacity:1;transform:none}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.bm27 .jb-ring{width:2em;height:2em;box-shadow:0 0 6px var(--jbg),inset 0 0 6px var(--jbg);border:2px solid;border-radius:50%;margin:-1em 0 0 -1em;animation:.35s ease-out both bm27spark;position:absolute;top:50%;left:50%}@keyframes bm27spark{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.1)}}.bm27 .judge-box{z-index:6;pointer-events:none;position:absolute;top:0;bottom:0;container-type:inline-size}.bm27 .judge-box .judge-frame{pointer-events:auto}.bm27 .judge{left:0;right:0;top:calc(52% - var(--judge-up,0px));z-index:6;font-family:var(--f-disp);pointer-events:none;--j-fill:linear-gradient(#fff9d6 0%,#ffe36a 30%,#ffb000 62%,#ff7a00 100%);--j-edge:#6b2f00;--j-glow:#ff8c00d9;flex-direction:column;align-items:center;line-height:.95;display:flex;position:absolute}.bm27 .judge .jw,.bm27 .judge .jc{background:var(--j-fill);color:#0000;-webkit-text-stroke:1.5px var(--j-edge);filter:drop-shadow(0 0 3px var(--j-glow)) drop-shadow(0 0 1px var(--j-edge));-webkit-background-clip:text;background-clip:text}.bm27 .judge .jw{letter-spacing:.02em;font-size:15cqw}.bm27 .judge .jc{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:17cqw}.bm27 .total{left:0;right:0;top:calc(52% + 31cqw - var(--judge-up,0px));z-index:6;text-align:center;pointer-events:none;color:#9aa3ad;white-space:pre;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;font-family:ui-monospace,monospace;font-size:18px;line-height:1.35;position:absolute}.bm27 .judge-frame{z-index:8;cursor:move;touch-action:none;outline-offset:-1px;background:#ffffff0a;outline:1px dashed #ffffffbf;position:absolute}.bm27 .judge-frame.grab{outline-offset:-2px;background:#ffffff14;outline:2px solid #fff}.bm27 .cnt{z-index:2;text-align:center;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 0 2px #000;font-family:ui-monospace,monospace;font-size:16.5px;line-height:1;position:absolute;left:0;right:0}.bm27 .dk-wh .cnt{top:3px}.bm27 .dk-bk .cnt,.bm27 .dk-sc .cnt{bottom:3px}.bm27 .cnt.zero{opacity:.35}.bm27 .keycap{z-index:2;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:1px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.1;display:flex;position:absolute;left:0;right:0;overflow:hidden}.bm27 .dk-wh .keycap{color:#333;bottom:12%}.bm27 .dk-bk .keycap{color:#fff;text-shadow:0 0 2px #000;top:calc(12% + 8px)}.bm27 .dk-sc .keycap{color:#fff;text-shadow:0 0 2px #000;top:50%;transform:translateY(calc(-50% - 30px))}@media (width<=767px){.bm27 .keycap{display:none}.bm27 .cnt{font-size:13.5px}.bm27 .total{font-size:16.5px}}.bm27 .judge.c-blue{--j-fill:linear-gradient(#e6f4ff 0%,#8cc8ff 32%,#3a86ff 64%,#1a4fd0 100%);--j-edge:#0b2160;--j-glow:#3c8cffd9}.bm27 .judge.c-pink{--j-fill:linear-gradient(#ffe9f0 0%,#ffa6c4 32%,#ff5f91 64%,#d0245e 100%);--j-edge:#5c0b26;--j-glow:#ff508cd9}.bm27 .judge.c-green{--j-fill:linear-gradient(#eafff3 0%,#9cf7c6 32%,#3ee08e 64%,#13a85e 100%);--j-edge:#0a4a2a;--j-glow:#3ce68cd9}.bm27 .judge.c-yellow{--j-fill:linear-gradient(#fffbd0 0%,#fff066 40%,#ffd400 100%);--j-edge:#5a4700;--j-glow:#ffdc0080}.bm27 .deck{height:var(--deck-h);background:var(--base);z-index:1;border:1px solid #9c9c9c;border-top:0;flex:none;gap:0;display:flex;position:relative}.bm27 .deck .keyarea{background:0 0;container-type:normal}.bm27 .dk{justify-content:center;min-width:0;display:flex;position:relative}.bm27 .dk-sc{flex:var(--w-sc) 1 0;background:0 0;align-items:center}.bm27 .dk-wh{flex:var(--w-wh) 1 0;align-items:flex-end;padding-bottom:6%}.bm27 .dk-bk{flex:var(--w-bk) 1 0;background:0 0;align-items:flex-start;padding-top:6%}.bm27 .tt{width:min(90%,calc(var(--deck-h) * .9));aspect-ratio:1}.bm27 .tt svg{transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.bm27 .tt .tt-rim{fill:#d9d9d9}.bm27 .tt .tt-disc{fill:#151515}.bm27 .tt .tt-groove{fill:none;stroke:#262626;stroke-width:1.5px}.bm27 .tt .tt-spoke{fill:var(--note-bk)}.bm27 .tt .tt-label{fill:#f4f4f4}.bm27 .tt .tt-hub{fill:#3a3a3a}.bm27 .key{border:2px solid #0a0a0a;border-radius:3px}.bm27 .dk-wh .key{background:linear-gradient(#fff 0%,#ececec 30%,#bdbdbd 62%,#8a8a8a 100%);width:84%;height:78%;box-shadow:inset 0 0 0 1px #6c6c6c}.bm27 .dk-bk .key{--kb:var(--cover);background:linear-gradient(color-mix(in srgb,var(--kb) 70%,#fff) 0%,var(--kb) 35%,color-mix(in srgb,var(--kb) 60%,#000) 70%,color-mix(in srgb,var(--kb) 45%,#000) 100%);width:80%;height:70%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kb) 60%,#fff)}.bm27 .skin:is([data-color=white],[data-color=yellow],[data-color=lime],[data-color=negaposi]) .dk-bk .key{--kb:color-mix(in srgb,var(--cover) 55%,#000)}.bm27 .dk.on .key{filter:brightness(.72);transform:translateY(2px)}.bm27 .dk-sc.on .tt .tt-rim{fill:color-mix(in srgb,var(--note-bk) 70%,#fff)}.bm27 .dk-sc.on .tt .tt-spoke{fill:color-mix(in srgb,var(--note-bk) 25%,#fff)}@media (width>=1024px){.bm27 .play{grid-template:"hud hud"44px"skin media"minmax(0,1fr)"info media"/minmax(0,460px) minmax(0,1fr);gap:8px 16px;max-width:none;padding:16px;display:grid}.bm27 .play[data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-areas:"hud hud""media skin""media info"}.bm27 .play.dp,.bm27 .play.dp[data-side=right]{grid-template-columns:minmax(0,980px);grid-template-areas:"hud""skin""info";justify-content:center}.bm27 .play.dp.has-bga{grid-template-columns:minmax(0,980px) minmax(0,1fr);grid-template-areas:"hud hud""skin media""info media";justify-content:stretch}.bm27 .play.dp.has-bga[data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,980px);grid-template-areas:"hud hud""media skin""media info"}@container (width<=319px){.bm27 .play.dp .video{visibility:hidden}}.bm27 .hud{grid-area:hud}.bm27 .skin{grid-area:skin}.bm27 .media{flex-direction:column;grid-area:media;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex;container-type:size}.bm27 .video-area{display:contents}.bm27 .video{height:auto;width:min(100cqw,calc(100cqh * var(--arn,1.7778)))}.bm27 .info{grid-area:info}.bm27 .info-num{font-size:26px}.bm27 .info-bpm .info-lbl,.bm27 .info-bpm .info-sub{font-size:10px}}@media (width<=1023px){.bm27 .skin.dp .p2{display:none}}@media (width>=768px){.bm27 .dk-wh{padding-bottom:1%}}@media (width<=767px){.bm27{--w-sc:26;--w-bk:17;--deck-h:120px}.bm27 .play{padding-inline:4px}.bm27 .skin{border-width:4px}.bm27 .progress{width:28px}.bm27 .gauges{width:40px}.bm27 .g-cols,.bm27 .g-labels{gap:1px;padding:1px}.bm27 .g-lbl{font-size:9px}}.bm27 .rotate{display:none}@media (orientation:landscape) and (height<=500px){.bm27 .rotate{z-index:50;background:var(--bg);color:var(--text);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}}