.home-portal-menu{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:5;--menu-bg:#ffffffeb;--menu-line:#07132f33;--menu-fg:#07132f;width:44px;height:44px;color:var(--menu-fg);position:absolute}.home-portal-menu[data-theme=dark]{--menu-bg:#040b16b8;--menu-line:#6fd6ff66;--menu-fg:#e8f7ff}body:not([data-screen=home]) .home-portal-menu{display:none}.home-portal-menu:has([data-asobiba-link][hidden]){display:none}.home-portal-menu>summary,.home-portal{box-sizing:border-box;border:1px solid var(--menu-line);background:var(--menu-bg);min-height:44px;color:var(--menu-fg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;font:800 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 16px #0006}.home-portal-menu>summary{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;list-style:none;display:flex}.home-portal-menu>summary::-webkit-details-marker{display:none}.home-portal-menu>summary::marker{content:""}.home-portal-menu[open]>summary svg{transform:rotate(180deg)}.home-portal{white-space:nowrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 80px);padding:0 14px 0 10px;display:flex;position:absolute;top:0;left:50px}.home-portal-menu:not([open])>.home-portal,.home-portal[hidden]{display:none}.home-portal-menu svg{flex:none}.home-portal-menu>summary:focus-visible,.home-portal:focus-visible{outline:3px solid var(--menu-fg);outline-offset:2px}.settings-dialog .settings-row{border-bottom:2px dashed color-mix(in srgb, currentColor 22%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;font-weight:800;display:flex}.settings-dialog .settings-row:last-of-type{margin-bottom:14px}.settings-dialog .locale-pill select:focus-visible{outline:none}html[data-keyboard-focus] .settings-dialog .locale-pill:has(select:focus-visible){outline-offset:2px;outline:3px solid}:root{--ink:#12304f;--ink-soft:#3e5a78;--paper:#fbfdff;--line:#1d3a5c;--accent:#ff7a2f;--accent-deep:#c9531a;--font:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Apple SD Gothic Neo", "PingFang SC", "Noto Sans CJK JP", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;background:repeating-linear-gradient(90deg,#fff2 0 28px,#0000 28px 56px),linear-gradient(#bfe0f7 0%,#e3f1fb 58%,#f4e6c8 58%,#f1dfb8 100%) fixed;overflow-x:hidden}button,select{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;display:flex}.btn{border:3px solid var(--line);background:var(--paper);min-width:44px;min-height:48px;box-shadow:0 4px 0 var(--line);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:800;line-height:1.2;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-deep);box-shadow:0 4px 0 var(--accent-deep)}.btn.primary:active{box-shadow:0 1px 0 var(--accent-deep)}.btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.btn:focus-visible,.pill:focus-visible,.result-portal:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.pill{color:#07132f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffffeb;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;display:inline-flex;box-shadow:inset 0 0 0 2px #07132f33,0 4px 12px #12304f26}.pill svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-pill{width:44px;padding:0}.locale-pill{padding:0 6px 0 10px}.locale-pill select{appearance:none;cursor:pointer;background:0 0;border:0;max-width:9.5em;min-height:44px;padding:0 6px;font-size:14px;font-weight:700}.sound-toggle .cross{display:none}.sound-toggle[aria-pressed=false] .cross{display:inline}.sound-toggle[aria-pressed=false] .wave{display:none}body[data-screen=home]{background:#bfe0f7 var(--home-art) center 42% / cover no-repeat}.home{width:min(100%,460px);min-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;align-items:center;gap:12px;padding-top:40px;display:flex}.home-tools{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:4;gap:8px;display:flex;position:absolute}.home-hero{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.title{margin:0;line-height:0;position:relative}.title:before,.title:after{content:"";pointer-events:none;background:linear-gradient(90deg,#071b4c 0 22%,#8a9abb 22% 37%,#354a78 37% 74%,#1d325d 74% 78%,#061a47 78%);width:3.55%;height:100vh;position:absolute;bottom:99%}.title:before{left:12.6%}.title:after{left:83.9%}.logo{filter:drop-shadow(0 6px 6px #12304f40);width:min(86vw,400px,44dvh);height:auto}.tagline{color:#fff;word-break:keep-all;overflow-wrap:anywhere;background:#12304fe6;border-radius:10px;max-width:min(92vw,400px);margin:6px auto 0;padding:6px 14px;font-size:14px;font-weight:800;line-height:1.35;box-shadow:0 3px #ff7a2f}.home-actions{gap:12px;width:100%;display:grid}.start-btn{border-width:4px;border-color:var(--line);min-height:68px;box-shadow:0 6px 0 var(--line), 0 10px 18px #12304f55;letter-spacing:.08em;text-shadow:1px 1px 0 var(--accent-deep), -1px 1px 0 var(--accent-deep), 1px -1px 0 var(--accent-deep), -1px -1px 0 var(--accent-deep), 0 3px 0 var(--accent-deep);border-radius:999px;font-size:28px;font-weight:900}.start-btn:active{box-shadow:0 2px 0 var(--line)}.home-sub{grid-template-columns:1fr auto;align-items:stretch;gap:10px;display:grid}.best-card{border:3px solid var(--line);box-shadow:inset 0 -5px 0 #ffd34d, 0 4px 0 var(--line);background:#fbfdfff2;border-radius:12px;grid-template-columns:auto 1fr;grid-template-areas:"label rate""detail detail";align-items:baseline;column-gap:10px;padding:8px 14px;display:grid}.best-label{color:var(--ink-soft);grid-area:label;font-size:14px;font-weight:800}.best-rate{font-variant-numeric:tabular-nums;grid-area:rate;justify-self:end;font-size:30px;font-weight:900;line-height:1.1}.best-detail{color:var(--ink-soft);grid-area:detail;padding-bottom:4px;font-size:12px;font-weight:700}.howto-btn{min-width:76px;min-height:44px;box-shadow:inset 0 0 0 3px var(--line), 0 4px 0 var(--line);font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fbfdffe6;border:0;border-radius:14px;align-content:center;justify-items:center;gap:2px;padding:4px 6px 6px;font-size:12px;font-weight:800;display:grid}.howto-btn img{width:46px;height:auto}.howto-btn:active{box-shadow:inset 0 0 0 3px var(--line), 0 1px 0 var(--line);transform:translateY(3px)}.howto-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.play{width:min(100%,560px);height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.play-bar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.hud{color:#12304f;font-variant-numeric:tabular-nums;background:#fff;border:3px solid #12304f;border-radius:16px;justify-content:space-around;align-items:center;gap:4px;min-width:0;min-height:44px;padding:4px 8px;display:flex;position:relative;box-shadow:0 3px #12304f40}.hud-item+.hud-item{border-left:2px solid #12304f33;padding-left:4px}.hud-item{white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}.hud-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;align-self:center;width:16px;height:16px}.hud-time b,.hud-rate b{color:#e0352b}.hud-item small{color:var(--ink-soft);font-size:12px;font-weight:700}.hud.compact .hud-rate small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud.compact2 .hud-item:not(.hud-rate) .hud-icon{display:none}.hud.compact3{gap:2px;padding:4px 6px}.hud.compact3 .hud-item b{font-size:13px}.hud-item b{font-size:clamp(14px,4.3vw,18px)}.hud-item.warn b{color:#e0352b;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.play-bar .pill{color:#fff;background:#2f80ed;box-shadow:inset 0 0 0 3px #12304f,0 3px #12304f}.stage-wrap{flex:auto;place-items:center;min-height:0;display:grid;position:relative}#stage{touch-action:none;border-radius:16px;display:block;box-shadow:0 6px #1d3a5c44}.stage-wrap{--btn-size:clamp(64px, calc(var(--board-unit,30px) * 2.45), 92px);--queue-w:clamp(72px, calc(var(--board-unit,30px) * 2.05), 84px)}.play-hint{left:calc(var(--board-left,0px) + var(--btn-size) + var(--board-unit,30px) * .12);right:calc(var(--board-left,0px) + var(--queue-w) * .95 + var(--board-unit,30px) * .1);bottom:calc(var(--board-bottom,0px) + var(--board-unit,30px) * .22);min-height:calc(var(--board-unit,30px) * 1.15);box-sizing:border-box;color:#12304f;font-weight:900;font-size:clamp(11px, calc(var(--board-unit,30px) * .3), 13px);text-align:center;word-break:auto-phrase;pointer-events:none;background:#fff;border:3px solid #12304f;border-radius:14px;flex-wrap:wrap;place-content:center;align-items:center;margin:0;padding:5px 8px;line-height:1.3;transition:opacity .4s;display:flex;position:absolute;box-shadow:0 3px #12304f40}.play-hint .phrase{display:inline-block}.play-hint:before{content:"";background:inherit;border-top:3px solid;border-right:3px solid;border-color:inherit;width:14px;height:14px;position:absolute;top:30%;right:-11px;transform:rotate(45deg)skew(10deg,10deg)}.play-hint.hint-faded{opacity:0}.play-hint.hint-exit{opacity:1;border-color:var(--accent-deep);color:var(--accent-deep);background:#fff1e6}.play-hint.hint-warn,.play-hint.hint-warnNoShake{opacity:1;color:#fff;background:#e0352b;border-color:#8a1a14}.push-btn,.special-btn{left:calc(var(--board-left,0px) + var(--board-unit,30px) * .12);width:var(--btn-size);height:var(--btn-size);color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 3px #12304f66);background:50%/contain no-repeat;border:0;padding:0;font-weight:900;line-height:1.05;position:absolute}.push-btn{bottom:calc(var(--board-bottom,0px) + var(--board-unit,30px) * .18);background-image:var(--btn-push-art)}.special-btn{bottom:calc(var(--board-bottom,0px) + var(--board-unit,30px) * .3 + var(--btn-size));background-image:var(--btn-special-art)}.push-label,.special-label{width:86%;font-size:clamp(12px, calc(var(--btn-size) * .19), 18px);text-align:center;overflow-wrap:normal;word-break:keep-all;text-shadow:-2px 0 #12304f,2px 0 #12304f,0 -2px #12304f,0 2px #12304f,-1.5px -1.5px #12304f,1.5px -1.5px #12304f,-1.5px 1.5px #12304f,1.5px 1.5px #12304f;position:absolute;left:50%;transform:translate(-50%)}.push-label.long,.special-label.long{font-size:clamp(10px, calc(var(--btn-size) * .135), 13px)}.push-label{bottom:13%}.special-label{bottom:24%}.btn-count{color:#12304f;background:#fff;border:2px solid #12304f;border-radius:999px;place-items:center;min-width:26px;height:22px;padding:0 5px;font-size:12px;font-weight:900;display:grid;position:absolute;top:2%;right:0}.special-mark{background:#fff;border:2px solid #12304f;border-radius:999px;place-items:center;width:26px;height:26px;font-size:15px;display:grid;position:absolute;top:0;left:0}.push-btn:active:not(:disabled),.special-btn:active:not(:disabled){transform:translateY(3px)}.push-btn:disabled,.special-btn:disabled{filter:grayscale()opacity(.55);cursor:default}.special-btn:not(:disabled){animation:1s ease-in-out infinite special-ready}@keyframes special-ready{50%{transform:scale(1.06)rotate(-3deg)}}.push-btn:focus-visible,.special-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.conductor{right:calc(var(--board-left,0px) + var(--board-unit,30px) * .05);bottom:calc(var(--board-bottom,0px) + var(--board-unit,30px) * .1);width:calc(var(--queue-w) * 1.2);pointer-events:none;filter:drop-shadow(0 3px #12304f40);height:auto;position:absolute}.result{align-items:center;width:min(100%,460px);display:flex}.result-card{background:var(--paper);border:3px solid var(--line);width:100%;box-shadow:0 6px 0 var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex}.result-card h2{margin:0;font-size:22px;font-weight:900}.result-mascot{width:min(34vw,130px,18dvh);height:auto}.result-car{border:3px solid var(--line);border-radius:14px;width:auto;max-width:100%;height:min(30dvh,250px)}.result-rate{justify-items:center;margin:0;display:grid}.result-rate small{color:var(--ink-soft);font-weight:800}.result-rate strong{font-variant-numeric:tabular-nums;color:var(--accent-deep);font-size:clamp(48px,15vw,64px);font-weight:900;line-height:1}.result-count,.result-best{margin:0;font-weight:800}.result-grade{margin:0;font-size:20px;font-weight:900}.result-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid;container-type:inline-size}.result-buttons>.result-actions{display:contents}.result-buttons .btn{overflow-wrap:anywhere;gap:4px;width:100%;padding:6px 4px;font-size:clamp(13px,4.8cqi,16px)}.result-buttons .btn svg{flex:none;width:18px;height:18px}.result-buttons>.copy-status,.result-buttons>.copy-fallback{order:1;grid-column:1/-1}.copy-status{margin:0;font-size:14px;font-weight:700}.copy-fallback{border:2px solid var(--line);width:100%;min-height:96px;font:14px / 1.5 var(--font);border-radius:12px;padding:8px}.result-portal{min-height:44px;color:var(--accent-deep);text-underline-offset:4px;justify-content:center;align-items:center;padding:6px 12px;font-weight:800;text-decoration:underline;display:inline-flex}.howto{border:3px solid var(--line);background:var(--paper);width:min(92vw,420px);color:var(--ink);border-radius:20px;padding:18px}.howto::backdrop{background:#0a1a2c88}.howto h2{margin:0 0 8px;font-size:22px}.howto ol{gap:8px;margin:0 0 14px;padding-left:1.3em;font-weight:600;line-height:1.55;display:grid}.howto form{justify-content:center;display:flex}.loading{z-index:20;text-align:center;background:linear-gradient(#bfe0f7,#e3f1fb);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-weight:800;display:flex;position:fixed;inset:0}.loading-art{width:min(46vw,200px);height:auto;animation:.7s ease-in-out infinite push}@keyframes push{50%{transform:translate(10px)}}.loading>p{background:var(--paper);border:2px solid var(--line);border-radius:999px;margin:0;padding:8px 16px}.loading-bar{background:var(--paper);border:3px solid var(--line);border-radius:999px;width:min(70vw,280px);height:16px;overflow:hidden}.loading-bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.loading-error{gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.loading-art,.hud-item.warn b,.special-btn:not(:disabled){animation:none}}@media (orientation:portrait) and (height<=700px){.home{gap:8px;padding-top:36px}.tagline{font-size:12px}.start-btn{min-height:56px;font-size:22px}.best-rate{font-size:24px}.result-card{gap:4px;padding:12px}.result-mascot{width:12dvh}.result-car{height:22dvh}.result-rate strong{font-size:44px}}@media (orientation:landscape) and (height<=560px){body[data-screen=home]{background-position:50% 40%}.home{grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-template-areas:"hero."".actions";align-items:start;gap:8px 24px;width:min(100%,860px);padding-top:4px;display:grid}.home-hero{grid-area:hero;align-items:flex-start;width:auto}.logo{width:min(40vw,300px,46dvh)}.tagline{margin-left:0;font-size:12px}.home-actions{grid-area:actions;align-self:end}.start-btn{min-height:54px;font-size:22px}.best-rate{font-size:24px}.play{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 260px;gap:12px;width:min(100%,900px);display:grid}.play-bar{grid-area:1/2;grid-template-rows:1fr auto;grid-template-columns:44px 44px;justify-content:center;align-self:center}.play-bar .hud{flex-direction:column;grid-area:1/1/auto/-1;padding:10px}.stage-wrap{grid-area:1/1}.play-hint{top:calc(var(--board-top,0px) + var(--board-unit,30px) * 1.1);width:max-content;max-width:calc(var(--board-unit,30px) * 9.4);min-height:0;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.play-hint:before{display:none}.result{width:min(100%,760px)}.result-card{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:4px 16px;padding:12px 16px;display:grid}.result-card>*{grid-column:1;justify-self:center}.result-card>.result-buttons,.result-card>.result-portal,.result-card>.result-best{grid-column:2}.result-card>.result-best{grid-row:1}.result-card>.result-buttons{grid-row:2/span 3;align-self:center}.result-card>.result-portal{grid-row:5}.result-mascot{width:14dvh}.result-car{height:30dvh}.result-rate strong{font-size:44px}}:lang(ja) .howto li{word-break:auto-phrase}.cutin{--led:#ffb21a;--led-glow:#ff8a0099;z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cutin[data-special=squeeze]{--led:#ff4b3a;--led-glow:#ff1e0099}.cutin[data-special=clear]{--led:#5cff7a;--led-glow:#19ff4699}.cutin-dim{background:#0b1a2bb3;animation:1.1s both cutin-dim;position:absolute;inset:0}.cutin-train{border:4px solid var(--line);background:linear-gradient(#ff7a2f,#ff7a2f) 0 12px/100% 10px no-repeat,linear-gradient(#ff7a2f,#ff7a2f) left 0 bottom 12px/100% 10px no-repeat,linear-gradient(#f4f7fa,#c3ccd6 55%,#9aa6b3);border-radius:18px;place-items:center;height:clamp(118px,26%,170px);animation:1.1s cubic-bezier(.25,.9,.3,1) both cutin-train;display:grid;position:absolute;top:30%;left:-4%;right:-4%;box-shadow:0 10px #0006,inset 0 -6px #0002}.cutin-led{text-align:center;background:#0b0f14;border:3px solid #2b3a4c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:88%;height:calc(100% - 52px);padding:4px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #000}.cutin-led:after{content:"";background:radial-gradient(circle,#0000 0 60%,#0b0f14a0 70%) 0 0/3px 3px;position:absolute;inset:0}.cutin-title{color:var(--led);word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 0 6px var(--led-glow), 0 0 14px var(--led-glow);font-size:clamp(22px,7.4vw,36px);font-weight:900;line-height:1.08;animation:1.1s steps(8,end) both cutin-led-in}.cutin-sub{color:var(--led);text-shadow:0 0 6px var(--led-glow);font-size:clamp(13px,4vw,17px);font-weight:800;animation:1.1s steps(8,end) 80ms both cutin-led-in}.cutin-art{width:min(54%,240px);height:auto;filter:drop-shadow(0 0 10px var(--led-glow));animation:1.1s cubic-bezier(.3,1.6,.5,1) both cutin-art;position:absolute;bottom:calc(70% - clamp(118px,26%,170px)/1.81818);left:3%}@keyframes cutin-dim{0%,to{opacity:0}12%,85%{opacity:1}}@keyframes cutin-train{0%{transform:translate(110%)}22%{transform:translate(-2%)}28%,80%{transform:translate(0)}to{transform:translate(-115%)}}@keyframes cutin-led-in{0%,18%{opacity:0;transform:translate(120%)}40%,to{opacity:1;transform:translate(0)}}@keyframes cutin-art{0%,24%{opacity:0;transform:translateY(60%)rotate(-6deg)}26%{opacity:1}40%{transform:translateY(-6%)rotate(-3deg)}50%,80%{opacity:1;transform:translateY(0)rotate(-3deg)}to{opacity:1;transform:translate(-160%)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.cutin-train,.cutin-title,.cutin-sub,.cutin-art{animation-name:cutin-fade;animation-timing-function:ease}}@keyframes cutin-fade{0%,to{opacity:0}15%,85%{opacity:1}}