:root{--ink:#1b1a2e;--indigo:#2d2f5e;--coral:#e0714a;--amber:#f0a24a;--cream:#f3ead6;--red:#e2402f;--font:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif}html,body{background:var(--ink);height:100%;font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;margin:0;overflow:hidden}canvas{display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.hidden{display:none!important}.screen{box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.screen.show{display:flex}button{font-family:var(--font);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}kbd{text-align:center;background:#f3ead626;border:1px solid #f3ead666;border-radius:4px;min-width:1.3em;margin:0 2px;padding:1px 5px;font-family:inherit;font-size:.85em;display:inline-block}#loading{background:var(--ink)}.load-box{text-align:center;opacity:.85;font-size:15px}.spinner{border:3px solid #f3ead633;border-top-color:var(--coral);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.title-card{text-align:center;pointer-events:auto;width:100%;max-width:460px}.kicker{letter-spacing:.25em;color:var(--amber);margin:0 0 6px;font-size:12px}.title-card h1{text-shadow:0 3px 0 var(--indigo), 0 6px 18px #00000080;margin:0;font-size:clamp(40px,11vw,64px);font-weight:800;line-height:1.05}.title-card h1 span{color:var(--coral);display:block}.sub{margin:10px 0 14px;font-size:15px}.howto{text-align:left;background:#1b1a2eb8;border:1px solid #f3ead626;border-radius:12px;margin:0 auto 12px;padding:12px 14px 12px 32px;font-size:13px;line-height:1.65}.howto b{color:var(--amber)}.cone-chip{background:#ffd25a59;border-radius:4px;padding:0 6px;display:inline-block}.keys{opacity:.85;margin-bottom:14px;font-size:12px}.big-btn{width:100%;max-width:300px;color:var(--ink);background:linear-gradient(180deg, var(--amber), var(--coral));letter-spacing:.1em;border:none;border-radius:999px;margin:0 auto;padding:14px 0;font-size:22px;font-weight:800;display:block;box-shadow:0 4px #9a432a,0 8px 20px #0006}.big-btn:active{transform:translateY(3px);box-shadow:0 1px #9a432a}.sub-btn{color:var(--cream);background:0 0;border:1px solid #f3ead673;border-radius:999px;margin:12px auto 0;padding:8px 20px;font-size:14px;display:block}.best{color:var(--amber);min-height:1em;margin:10px 0 0;font-size:13px}.notice{opacity:.7;margin:4px 0 6px;font-size:10px;line-height:1.4}.title-notice{text-align:left;margin:0;position:absolute;bottom:8px;left:12px;right:64px}.version{opacity:.6;margin:0;font-size:11px;position:absolute;bottom:10px;right:12px}body.touch .pc-only,body:not(.touch) .touch-only{display:none}#hud{position:absolute;inset:0}.hud-top{top:max(10px, env(safe-area-inset-top));align-items:flex-start;gap:10px;display:flex;position:absolute;left:12px;right:12px}.meter-box{flex:1;max-width:360px}.meter-label{text-shadow:0 1px 3px #000;margin-bottom:3px;font-size:12px}.meter{background:#1b1a2eb3;border:1px solid #f3ead659;border-radius:7px;height:14px;overflow:hidden}#meter-fill{background:linear-gradient(90deg, #f6d36b, var(--amber) 50%, var(--red));width:0;height:100%;transition:width .1s linear}#seen{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 80px);white-space:nowrap;background:var(--amber);color:var(--ink);opacity:0;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;transition:opacity .15s;position:absolute;transform:translate(-50%)}#seen.show{opacity:1}#meter-fill.chase{background:var(--red);animation:.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.hud-right{text-align:right;text-shadow:0 1px 3px #000;flex:none;min-width:64px;margin-left:auto}#timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}#spotted{font-size:12px}.hud-row2{top:calc(max(10px, env(safe-area-inset-top)) + 48px);text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;left:12px;right:12px}#guard-icons{gap:6px;display:flex}.gi{background:#1b1a2eb3;border:1px solid #f3ead640;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:11px;display:flex}.gi i{color:#fff;background:#3a3a44;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;font-weight:800;display:grid}.gi.sus i{background:var(--amber);color:var(--ink)}.gi.chase i{background:var(--red)}#stamina{right:16px;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 206px);background:#1b1a2e99;border-radius:3px;width:96px;height:6px;position:absolute;overflow:hidden}#stamina-fill{background:#9ad17a;width:100%;height:100%}body:not(.touch) #stamina{bottom:44px;right:16px}#marks{position:absolute;inset:0;overflow:hidden}.mark{text-shadow:0 2px #0009;white-space:nowrap;font-weight:900;position:absolute;transform:translate(-50%,-100%)}.mark.ex{color:var(--red);-webkit-text-stroke:1px #fff;font-size:34px;animation:.25s ease-out pop}.mark.q{color:var(--amber);-webkit-text-stroke:1px #fff;font-size:28px}.mark.lost{color:var(--ink);text-shadow:none;background:#f3ead6eb;border-radius:10px;padding:4px 10px;font-size:14px}@keyframes pop{0%{transform:translate(-50%,-100%)scale(1.8)}}#toast{text-align:center;color:#fff;text-shadow:0 3px 0 var(--red), 0 0 20px #0009;opacity:0;font-size:30px;font-weight:900;transition:opacity .25s;position:absolute;top:60%;left:0;right:0}#toast.show{opacity:1}#toast.calm{text-shadow:0 3px 0 var(--indigo), 0 0 20px #0009}#stick{left:max(18px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#1b1a2e59;border:2px solid #f3ead659;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute}#stick .knob{pointer-events:none;background:#f3ead6d9;border-radius:50%;width:56px;height:56px;box-shadow:0 2px 8px #0006}#btns{right:max(16px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute}#btns button{white-space:nowrap;width:84px;height:84px;color:var(--cream);touch-action:none;background:#1b1a2e8c;border:2px solid #f3ead680;border-radius:50%;padding:0;font-size:15px;font-weight:800}#btn-run{width:96px!important;height:96px!important}#btns button.on{background:var(--coral);color:var(--ink);border-color:#fff}body:not(.touch) #stick,body:not(.touch) #btns{display:none}.pc-hint{text-align:center;opacity:.7;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:12px;left:0;right:0}#over{background:linear-gradient(#3c0a0a26 30%,#0f0508cc);align-items:flex-end}.over-card{text-align:center;pointer-events:auto;width:100%;max-width:420px;margin-bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:#14080ab8;border-radius:20px;padding:16px}.over-card h2{color:#fff;text-shadow:0 3px 0 var(--red);margin:0 0 8px;font-size:44px}.over-card p{margin:0 0 20px;font-size:14px}#shop{background:#1b1a2e59}.shop-card{text-align:center;color:var(--ink);background:#f3ead6f2;border-radius:18px;min-width:240px;padding:22px 26px;box-shadow:0 10px 30px #00000073}.shop-card p{margin:0}.chime{color:var(--coral);font-size:14px;font-weight:800}.irasshai{font-size:22px;font-weight:800;margin:4px 0 12px!important}.items{text-align:left;margin:0 0 12px;padding:0;list-style:none;display:inline-block}.item{opacity:0;align-items:center;gap:10px;margin:6px 0;font-size:18px;font-weight:800;transition:all .3s;display:flex;transform:translate(-10px)}.item.on{opacity:1;transform:none}.item i{flex:none;display:inline-block}.beer i{background:linear-gradient(90deg,#c9a43a,#f1d77a 45%,#b08a2a);border-radius:4px;width:20px;height:32px;box-shadow:inset 0 4px #d9d9d9}.tabako i{background:linear-gradient(180deg, #fff 0 30%, var(--indigo) 30% 100%);border-radius:2px;width:24px;height:32px;box-shadow:0 0 0 1px #888}.arigato{opacity:0;font-size:13px;transition:opacity .4s}.arigato.on{opacity:1}#clear{background:linear-gradient(#1b1a2e00 30%,#1b1a2e8c);align-items:flex-end}.clear-card{pointer-events:auto;width:100%;max-width:420px;margin-bottom:max(8px, env(safe-area-inset-bottom));box-sizing:border-box;color:var(--ink);text-align:center;background:#f3ead6f5;border-radius:20px;padding:18px 20px 16px;animation:.5s ease-out rise;box-shadow:0 10px 30px #00000080}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.clear-card .kicker{color:var(--coral)}.clear-card h2{color:var(--indigo);margin:0 0 10px;font-size:30px}.rank-row{text-align:left;align-items:center;gap:14px;margin-bottom:10px;display:flex}.rank{color:#fff;background:linear-gradient(160deg, var(--amber), var(--coral));border-radius:16px;flex:none;place-items:center;width:76px;height:76px;font-size:54px;font-weight:900;display:grid;box-shadow:0 4px #9a432a}.rank.r-S{background:linear-gradient(160deg,#ffd86b,#e8a21a)}.rank.r-B{background:linear-gradient(160deg, #8fb4d9, var(--indigo));box-shadow:0 4px #1b1a2e}.rank.r-C{background:linear-gradient(160deg,#a5a5a5,#5e5e66);box-shadow:0 4px #333}.rank-text #rank-title{font-size:18px;font-weight:800}.comment{margin-top:2px;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px;display:grid}.stats div{background:#2d2f5e14;border-radius:10px;padding:6px 2px}.stats dt{opacity:.75;font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:800}.next{color:var(--coral);min-height:1em;margin:0 0 8px;font-size:13px;font-weight:800}.share-foot{opacity:.6;margin-bottom:10px;font-size:11px}.clear-card .sub-btn{color:var(--indigo);border-color:#2d2f5e66}@media (orientation:portrait){.clear-card{padding:14px 16px 12px}.clear-card h2{margin-bottom:6px;font-size:24px}.rank{width:62px;height:62px;font-size:44px}.stats dd{font-size:17px}.clear-card .big-btn{padding:11px 0;font-size:19px}.clear-card .sub-btn{margin-top:8px;padding:6px 18px}.share-foot{margin-bottom:8px}}@media (orientation:landscape){#over{background:linear-gradient(270deg,#3c0a0a1a 40%,#0f0508cc);justify-content:flex-start;align-items:center}.over-card{max-width:380px;margin:0 0 0 max(24px,4vw)}#clear{background:linear-gradient(270deg,#1b1a2e00 40%,#1b1a2e80);justify-content:flex-start;align-items:center}.clear-card{margin:0 0 0 max(24px,4vw)}}@media (orientation:landscape) and (max-height:500px){.title-card{max-width:640px}.title-card h1{font-size:38px}.title-card h1 span{display:inline}.howto{padding-top:8px;padding-bottom:8px;font-size:12px;line-height:1.5}.sub{margin:4px 0 8px}.big-btn{padding:10px 0;font-size:18px}.clear-card{max-width:340px;padding:10px 14px}.clear-card h2{margin-bottom:4px;font-size:20px}.clear-card .kicker,.share-foot{display:none}.rank-row{margin-bottom:6px}.stats{margin-bottom:4px}.stats dd{font-size:16px}.next{margin-bottom:6px;font-size:12px}.clear-card .big-btn{padding:8px 0;font-size:17px}.clear-card .sub-btn{margin-top:6px;padding:4px 16px}.over-card h2{font-size:32px}.over-card p{margin-bottom:12px}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 44px)}.rank{width:60px;height:60px;font-size:40px}#stick{width:110px;height:110px}#btns button{width:72px;height:72px;font-size:13px}#btn-run{width:80px!important;height:80px!important}#stamina{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 170px)}}#title{background:linear-gradient(#100c1e1a 0%,#100c1e4d 55%,#100c1ebf 100%)}.nook-chip{background:#78e6a059;border-radius:4px;padding:0 6px;display:inline-block}.en{letter-spacing:.01em;opacity:.82;font-family:system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:.7em;font-weight:600;line-height:1.3;display:block}.bi-inline .en{margin-left:.55em;display:inline}.load-box .en{margin-top:4px}.kicker .en{letter-spacing:.18em;margin-top:2px;font-size:.85em}.title-card h1 .ja{color:inherit;display:block}.title-card h1 .ja span{color:var(--coral)}.title-card h1 .en{color:var(--cream);letter-spacing:.06em;opacity:.95;text-shadow:0 2px 0 var(--indigo), 0 4px 12px #00000080;margin-top:8px;font-size:clamp(15px,4.2vw,20px);font-weight:800;display:block}.sub .en{margin-top:2px;font-size:.8em}.howto{padding-top:10px;padding-bottom:10px;font-size:12.5px;line-height:1.5}.howto li+li{margin-top:5px}.howto .en{opacity:.78;margin-top:1px;font-size:.86em;line-height:1.35}.howto .en b{color:#f3c98c;font-weight:700}.keys .en{margin-top:3px;font-size:.9em}.over-card p .en{margin-top:4px}.stats dt .en{font-size:.85em}.big-btn .en{letter-spacing:.08em;margin-top:1px;font-size:.5em}.sub-btn .en{font-size:.8em}.rank-text .en{font-size:.72em}.clear-card h2 .en{font-size:.5em}.hud-top{align-items:flex-start}.hud-left{flex-direction:column;align-items:flex-start;gap:6px;max-width:min(72%,560px);display:flex}#objective{color:#fff3c4;text-shadow:0 1px 3px #000;background:#1b1a2ec7;border:1px solid #ffd23a8c;border-radius:12px;padding:5px 12px;font-size:15px;font-weight:800;line-height:1.3}#objective .en{color:var(--cream);font-size:.74em}#stage,#caught{font-size:12px}.hud-right{text-align:right}#meter{box-sizing:border-box;text-shadow:0 1px 3px #000;background:#141024c7;border:1px solid #f3ead633;border-radius:12px;width:min(300px,60vw);padding:6px 14px 6px 10px}#m-text{margin-bottom:3px;font-size:13px;font-weight:800}#m-text .en{font-size:.78em}.m-bar{background:#1b1a2eb3;border:1px solid #f3ead673;border-radius:9px;height:18px;display:flex;position:relative;overflow:visible}.m-far{color:#c8ffd8;background:#6ee19652;border-radius:9px 0 0 9px;flex:0 0 66.67%;place-items:center;font-size:10px;font-weight:800;display:grid}.m-near{color:#ffd0c8;background:#e2402f6b;border-radius:0 9px 9px 0;flex:1;place-items:center;font-size:10px;font-weight:800;display:grid}.m-far .en,.m-near .en{display:none}.m-me{background:var(--amber);box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:-9px}#m-mark{box-sizing:border-box;background:#b8337a;border:2px solid #fff;border-radius:6px;width:16px;height:22px;margin:-11px -8px 0 0;transition:right .12s linear;position:absolute;top:50%}#meter.off #m-mark,#meter.lost #m-mark{display:none}#meter.off .m-bar{opacity:.45}#meter.near #m-text{color:#ff8a7a}#meter.lost #m-text{color:#8ff0b0}#danger{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 70px 26px #ff1e28d9}#progress{background:#f3ead62e;border-radius:3px;height:5px;margin-top:10px;position:relative}#progress-g,#progress-c{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;top:50%}#progress-g{background:var(--amber);z-index:2}#progress-c{background:#b8337a}#progress-goal{background:radial-gradient(circle,#6b3a10 35%,#ffd23a 36%);border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-7px}#dist{white-space:nowrap;margin-top:4px;font-size:11px;font-weight:700}#dist .en{font-size:.85em}#sta{text-align:center;text-shadow:0 1px 3px #000;width:240px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.sta-label{margin-bottom:3px;font-size:12px}.sta-bar{background:#1b1a2eb3;border:1px solid #f3ead659;border-radius:6px;height:12px;overflow:hidden}#sta-fill{background:#9ad17a;width:100%;height:100%;transition:background .2s}#sta.tired #sta-fill{background:var(--red)}#sta.hide #sta-fill{background:#7fe0ff}body.touch #sta{left:auto;right:max(16px, env(safe-area-inset-right));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 112px);width:120px;transform:none}#btn-run{width:100px!important;height:100px!important;font-size:17px!important}#btn-run .en{font-size:.65em}body.touch #stick{background:#1b1a2e47}body.touch #btns button{background:#1b1a2e66}body.touch #btns button.on{background:var(--coral)}#nook-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nook-tag{color:var(--ink);white-space:nowrap;background:#6ee196eb;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0006}.nook-tag.no{color:#fff;background:#e2402feb}.nook-tag .en{margin-left:.4em;display:inline}@media (max-width:560px){.hud-left{max-width:74%}#objective{border-radius:10px;padding:4px 10px;font-size:13px}#objective .en{font-size:.72em}#meter{width:min(230px,58vw);padding:4px 12px 4px 8px}#m-text{margin-bottom:2px;font-size:12px}.m-bar{height:14px}.m-far,.m-near{font-size:9px}.m-me{width:14px;height:14px;margin-top:-7px;right:-7px}#m-mark{height:18px;margin-top:-9px}#progress{margin-top:7px}#dist{margin-top:2px;font-size:10px}#timer{font-size:18px}#stage,#caught{font-size:11px}}@media (max-height:760px) and (orientation:landscape){.title-card h1{font-size:46px}.title-card h1 .en{margin-top:2px}.sub{margin:4px 0 8px}.howto{margin-bottom:8px;padding-top:6px;padding-bottom:6px;font-size:11.5px;line-height:1.4}.keys{margin-bottom:8px}.big-btn{padding:10px 0}.best{margin-top:4px}.sub-btn{margin-top:6px}}#toast{font-size:26px;top:30%}#toast .en{font-size:.55em}#dance{position:absolute;inset:0}#dance-intro{text-align:center;opacity:0;text-shadow:0 2px 6px #000;pointer-events:none;box-sizing:border-box;z-index:3;background:#1e1232eb;border:1px solid #ffd27880;border-radius:16px;width:min(88vw,360px);padding:12px 16px;transition:opacity .4s;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%)}#dance-intro.show{opacity:1}#dance-intro .kicker{letter-spacing:.06em;color:#ffd23a;font-size:19px;font-weight:900}#dance-intro .kicker .en{letter-spacing:.05em;font-size:.6em}.dance-how{margin:6px 0 0;font-size:14px}#board{--pulse:0;left:50%;bottom:max(10px, env(safe-area-inset-bottom));box-sizing:border-box;pointer-events:auto;background:#0a0616db;border:1px solid #ffd27859;border-radius:16px;flex-direction:column;width:min(94vw,380px);height:min(54vh,470px);padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#board-head{flex:0 0 52px;place-items:center;display:grid;position:relative}#lanes{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:relative}.lane{background:linear-gradient(#ffffff05 0%,#ffffff12 100%);border-radius:10px;position:relative;overflow:hidden}.pad{color:#ffffffe6;border:3px solid rgba(255, 255, 255, calc(.45 + var(--pulse) * .5));height:76px;box-shadow:0 0 calc(var(--pulse) * 16px) #ffdc78b3;box-sizing:border-box;touch-action:none;cursor:pointer;z-index:1;background:#ffffff0f;border-radius:14px;place-items:center;padding:0;font-size:36px;font-weight:900;display:grid;position:absolute;bottom:4px;left:4px;right:4px}.pad.flash{animation:.18s ease-out rflash}@keyframes rflash{0%{filter:brightness(1.8);transform:scale(.94)}}.note{color:#fff;text-shadow:0 2px #00000059;opacity:0;will-change:transform;z-index:2;pointer-events:none;border-radius:12px;place-items:center;width:84%;height:60px;font-size:34px;font-weight:900;display:grid;position:absolute;top:0;left:50%;box-shadow:0 3px #00000059,inset 0 2px #ffffff80}.n0,.r0.flash{background:#e8608a}.n1,.r1.flash{background:#5cc6e8}.n2,.r2.flash{background:#86d468}.n3,.r3.flash{background:#f2b33b}.r0{border-color:rgba(232, 96, 138, calc(.55 + var(--pulse) * .45))}.r1{border-color:rgba(92, 198, 232, calc(.55 + var(--pulse) * .45))}.r2{border-color:rgba(134, 212, 104, calc(.55 + var(--pulse) * .45))}.r3{border-color:rgba(242, 179, 59, calc(.55 + var(--pulse) * .45))}.note.hit{animation:.25s ease-out forwards nhit}.note.gone{transition:opacity .2s;opacity:.25!important}@keyframes nhit{to{transform:translate(-50%, var(--y,0)) scale(1.4);opacity:0}}#count{color:#fff;text-shadow:0 3px #b8337a;opacity:0;pointer-events:none;place-items:center;font-size:44px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}#count.show{opacity:1}#judge{text-align:center;opacity:0;pointer-events:none;text-shadow:0 3px #00000080;place-items:center;font-size:24px;font-weight:900;line-height:1.05;display:grid;position:absolute;inset:0}#judge .en{letter-spacing:.1em;font-size:.48em;display:block}#judge.show{opacity:1;animation:.2s ease-out jpop}@keyframes jpop{0%{transform:scale(1.35)}}#judge.perfect{color:#ffe36b}#judge.good{color:#8ee8ff}#judge.miss{color:#c0b8c8}#combo{color:#fff;text-shadow:0 2px 4px #000;pointer-events:none;text-align:right;font-size:13px;font-weight:800;position:absolute;top:50%;right:6px;transform:translateY(-50%)}#combo .en{font-size:.8em;display:block}body:not(.touch) .pad{height:64px;font-size:30px}body:not(.touch) .note{height:54px;font-size:30px}#dance-toast{text-align:center;color:#ffd23a;text-shadow:0 4px #b8337a,0 0 24px #0009;opacity:0;pointer-events:none;font-size:46px;font-weight:900;transition:opacity .3s;position:absolute;top:30%;left:0;right:0}#dance-toast.show{opacity:1}#dance-toast .en{letter-spacing:.1em;font-size:.45em;display:block}#dance-bubble{max-width:min(46vw,260px);color:var(--ink);opacity:0;pointer-events:none;background:#fffaecf2;border-radius:14px;padding:6px 12px;font-size:13px;font-weight:800;line-height:1.3;transition:opacity .25s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 10px #00000073}#dance-bubble.show{opacity:1}#dance-bubble .en{opacity:.75;font-size:.8em}#dance-bubble:after{content:"";border:8px solid #0000;border-top-color:#fffaecf2;border-bottom:0;margin-left:-8px;position:absolute;bottom:-8px;left:50%}@media (orientation:portrait){#board{height:min(50vh,440px)}#dance-toast{top:22%}}@media (orientation:landscape){#board{left:auto;right:max(3vw, env(safe-area-inset-right));width:min(40vw,360px);height:calc(100vh - 28px);max-height:640px;bottom:14px;transform:none}#dance-toast{left:max(3vw, env(safe-area-inset-left));width:calc(92vw - min(40vw,360px));right:auto}#dance-intro{left:auto;right:calc(max(3vw, env(safe-area-inset-right)) + 10px);width:calc(min(40vw,360px) - 20px);top:45%;transform:translateY(-50%)}}@media (orientation:landscape) and (max-height:500px){#board{height:calc(100vh - 16px);bottom:8px}#board-head{flex-basis:40px}#judge{font-size:19px}#count{font-size:34px}.pad{height:56px;font-size:28px}.note{height:46px;font-size:28px}#sta{bottom:14px}body.touch #sta{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 92px)}#btn-run{width:84px!important;height:84px!important}#toast{top:26%}}.detail{opacity:.8;margin:-2px 0 6px;font-size:12px}.detail .en{margin-left:.5em;display:inline}.next .en{font-size:.85em}#title{touch-action:pan-y;align-items:flex-start;overflow-y:auto}#title.show{pointer-events:auto}.title-card{margin:auto 0;padding:8px 0 28px}@media (orientation:landscape) and (max-height:500px){.title-card h1{font-size:32px}.title-card h1 .en{margin-top:0;font-size:14px}.howto{font-size:11px;line-height:1.35}.howto .en{font-size:.82em}.keys{margin-bottom:6px}}.share-foot{white-space:nowrap}@media (orientation:landscape) and (max-height:500px){.clear-card .share-foot{margin-bottom:4px;font-size:10px;display:block}}.title-card .sub{margin-top:14px}@media (orientation:portrait){.title-card{flex-direction:column;align-items:stretch;display:flex}.title-card>.kicker{order:0}.title-card>h1{order:1}.title-card>.sub{order:2}.title-card:before{content:"";flex:0 0 24vh;order:3}.title-card>#btn-start{order:4}.title-card>#best{order:5}.title-card>#btn-sound{order:6;align-self:center}.title-card>.howto{order:7;margin-top:14px}.title-card>.keys{order:8}}