.yd{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:linear-gradient(#7cc6f2 0,#bfe7fb 55%,#cfeffc 100%);color:#0a0b10;-webkit-user-select:none;user-select:none;transition:background .4s}.yd[data-area=hall]{background:radial-gradient(ellipse at 50% 30%,#3b3250,#1c1828 70%)}.yd-gl{position:absolute;inset:0}.yd-cv{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:none;outline:0}.yd-hud{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px clamp(12px,3vw,28px);pointer-events:none}.yd-hud>*{pointer-events:auto}.yd-mark,.yd-mapbtn,.yd-studio,.yd-count{display:inline-flex;align-items:center;min-height:44px;background:#fffdf6;border:2.5px solid #1b1a1f;box-shadow:4px 4px 0#1b1a1f;color:#0a0b10;text-decoration:none}.yd-mark{gap:8px;padding:0 14px;border-radius:14px 10px 16px 9px;font:800 14px/1 var(--pg-disp);letter-spacing:.02em;transform:rotate(-1.5deg)}.yd-mark span{font-size:.6em;align-self:flex-start;margin-top:12px}.yd-mark em{font:800 11px/1 var(--pg-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:#d2ff00;border:2px solid #1b1a1f;border-radius:6px;padding:4px 6px}.yd-count{margin:0;padding:0 12px;border-radius:10px 14px 9px 13px;font:600 13px/1 var(--pg-mono);gap:3px;transform:rotate(1deg)}.yd-count b{font:800 18px/1 var(--pg-disp)}.yd-map{position:relative;margin-left:auto}.yd-mapbtn,.yd-studio{gap:8px;padding:0 16px;border-radius:12px 14px 9px 15px;font:800 13px/1 var(--pg-disp);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.yd-studio{transform:rotate(1.5deg)}.yd-mapbtn[aria-expanded=true]{background:#d2ff00}.yd-list{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 24px));max-height:calc(100svh - 90px);overflow:auto;padding:8px;background:#fffdf6;border:2.5px solid #1b1a1f;border-radius:14px;box-shadow:6px 6px 0#1b1a1f;display:none;overscroll-behavior:contain}.yd-map.open .yd-list{display:block;animation:ydpop .25s cubic-bezier(.2,1.5,.4,1)}.yd-list ol{margin:0;padding:0;list-style:none}.yd-lh{margin:8px 10px 4px;font:600 10px/1 var(--pg-mono);letter-spacing:.14em;text-transform:uppercase;color:#5b6072}.yd-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:9px;font:800 16px/1 var(--pg-disp);text-decoration:none;color:#0a0b10}.yd-list a:hover,.yd-list a:focus-visible{background:#d2ff00}.yd-list b{font:600 11px/1 var(--pg-mono);color:#3a4bff;min-width:18px}.yd-list span{margin-left:auto;font:400 12px/1 var(--pg-mono);color:#5b6072;white-space:nowrap}.yd-list a.done::after{content:"OK";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#3fb27f;color:#fff;font:800 12px/1 var(--pg-disp);flex:none}@keyframes ydpop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.yd-intro{position:absolute;inset:0;z-index:7;display:flex;align-items:flex-end;padding:clamp(80px,12vh,140px) clamp(16px,4vw,64px) clamp(28px,7vh,72px);background:linear-gradient(180deg,rgba(255,253,246,0) 30%,rgba(255,253,246,.55));transition:opacity .55s ease,transform .55s ease}.yd-intro[hidden]{display:none}.yd-intro.gone{opacity:0;transform:translateY(20px);pointer-events:none}.yd-k{margin:0 0 8px;font:600 12px/1 var(--pg-mono);letter-spacing:.14em;text-transform:uppercase}.yd-big{margin:0;font:800 clamp(64px,13vw,210px)/.8 var(--pg-disp);font-variation-settings:"wdth"78;letter-spacing:-.055em;text-transform:uppercase;color:#fffdf6;-webkit-text-stroke:3px #1b1a1f;paint-order:stroke fill;text-shadow:6px 6px 0#1b1a1f}.yd-big span{color:#d2ff00}.yd-lede{max-width:44ch;margin:18px 0 0;font:500 clamp(16px,1.5vw,20px)/1.4 var(--pg-body);color:#0a0b10;background:rgba(255,253,246,.85);padding:10px 14px;border:2px solid #1b1a1f;border-radius:12px;box-shadow:4px 4px 0#1b1a1f}.yd-start{display:inline-flex;align-items:center;gap:10px;margin-top:20px;min-height:60px;padding:0 28px;background:#d2ff00;border:3px solid #1b1a1f;border-radius:16px 12px 18px 11px;box-shadow:6px 6px 0#1b1a1f;font:800 clamp(18px,2vw,24px)/1 var(--pg-disp);color:#0a0b10;cursor:pointer;transition:transform .15s,box-shadow .15s}.yd-start:not(:disabled){animation:ydthrob 1.6s ease-in-out infinite}.yd-start:disabled{background:#fffdf6;cursor:progress}.yd-start:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0#1b1a1f}.yd-start:active{transform:translate(3px,3px);box-shadow:2px 2px 0#1b1a1f}@keyframes ydthrob{50%{transform:rotate(-1.5deg) scale(1.04)}}.yd-keys{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.yd-keys li{padding:7px 10px;background:rgba(255,253,246,.9);border:2px solid #1b1a1f;border-radius:999px;font:600 12px/1.2 var(--pg-mono)}.yd kbd{display:inline-block;padding:2px 6px;border-radius:5px;background:#0a0b10;color:#d2ff00;font:600 11px/1.2 var(--pg-mono)}.yd-k-m{display:none}.yd.touch .yd-k-m{display:inline-block}.yd.touch .yd-k-d{display:none}.yd-prompt{position:absolute;z-index:6;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;min-height:48px;padding:10px 16px 12px;background:#fffdf6;border:2.5px solid #1b1a1f;border-radius:18px 16px 20px 14px;box-shadow:5px 5px 0#1b1a1f;font:800 18px/1.05 var(--pg-disp);color:#0a0b10;cursor:pointer;will-change:transform;animation:ydin .3s ease-out}.yd-prompt[hidden]{display:none}.yd-prompt::after{content:"";position:absolute;left:50%;bottom:-11px;width:16px;height:16px;margin-left:-8px;background:inherit;border-right:2.5px solid #1b1a1f;border-bottom:2.5px solid #1b1a1f;transform:rotate(45deg)}.yd-pn i{font:600 11px/1 var(--pg-mono);font-style:normal;color:#3a4bff;margin-right:6px;vertical-align:3px}.yd-prompt small{font:500 11px/1 var(--pg-mono);letter-spacing:.06em;text-transform:uppercase;color:#5b6072}.yd-prompt kbd{margin-top:4px;padding:4px 10px;font-size:12px;letter-spacing:.08em}.yd-prompt:hover,.yd-prompt:focus-visible{background:#d2ff00}@keyframes ydin{0%{opacity:0}to{opacity:1}}.yd-say{position:absolute;z-index:5;left:0;top:0;margin:0;max-width:240px;padding:8px 12px;background:#fffdf6;border:2.5px solid #1b1a1f;border-radius:14px;font:700 14px/1.2 var(--pg-disp);pointer-events:none;will-change:transform}.yd-say[hidden]{display:none}.yd-hint{position:absolute;z-index:4;left:50%;bottom:18px;margin:0;transform:translateX(-50%);padding:9px 14px;background:rgba(255,253,246,.94);border:2px solid #1b1a1f;border-radius:999px;font:600 12px/1.2 var(--pg-mono);white-space:nowrap;pointer-events:none;transition:opacity .5s;opacity:0}.yd.playing .yd-hint{opacity:1}.yd.playing .yd-hint.gone{opacity:0}.yd-stick{display:none;position:absolute;z-index:6;left:20px;bottom:calc(24px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;background:rgba(255,253,246,.55);border:2.5px solid #1b1a1f;touch-action:none}.yd-stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0-27px;border-radius:50%;background:#d2ff00;border:2.5px solid #1b1a1f;box-shadow:3px 3px 0#1b1a1f}.yd-jump{display:none;position:absolute;z-index:6;right:20px;bottom:calc(84px + env(safe-area-inset-bottom));width:72px;height:72px;border-radius:50%;background:#ff6fb5;border:2.5px solid #1b1a1f;box-shadow:4px 4px 0#1b1a1f;font:800 14px/1 var(--pg-disp);color:#0a0b10;touch-action:manipulation}.yd.touch.playing .yd-stick,.yd.touch.playing .yd-jump{display:block}.yd.touch .yd-hint{bottom:auto;top:76px;font-size:11px}.yd-badge{position:absolute;z-index:6;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:3px;padding:8px 12px;background:#0a0b10;color:#fffdf6;border:2.5px solid #1b1a1f;border-radius:12px 9px 13px 10px;box-shadow:4px 4px 0#d2ff00;text-decoration:none;transform:rotate(-1.5deg)}.yd-badge-a{font:800 13px/1 var(--pg-disp)}.yd-badge-a::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#3fb27f;box-shadow:0 0 0 3px rgba(63,178,127,.3);vertical-align:1px}.yd-badge-b{font:500 10px/1 var(--pg-mono);letter-spacing:.06em;text-transform:uppercase;color:#d2ff00}.yd.touch .yd-badge{right:12px;bottom:calc(16px + env(safe-area-inset-bottom));padding:6px 9px}.yd.touch .yd-badge-a{font-size:11px}.yd.touch .yd-badge-b{font-size:9px}.yd.touch.playing .yd-jump{bottom:calc(76px + env(safe-area-inset-bottom))}.yd-fade{position:absolute;inset:0;z-index:9;background:#0a0b10;opacity:0;pointer-events:none;transition:opacity .32s ease}.yd-fade.on{opacity:1}.yd-no3d{position:absolute;left:16px;right:16px;top:76px;z-index:7;margin:0;padding:10px 14px;background:#fffdf6;border:2px solid #1b1a1f;border-radius:12px;font:600 13px/1.4 var(--pg-mono)}.yd.no3d .yd-map{position:static}.yd.no3d .yd-list{position:absolute;display:block;left:50%;right:auto;top:140px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100svh - 170px)}.yd-nojs{position:absolute;left:16px;right:16px;bottom:16px;padding:14px;background:#fffdf6;border:2px solid #1b1a1f;border-radius:12px;font:600 14px/1.4 var(--pg-mono)}@media (max-width:760px){.yd-studio{display:none}.yd-mark em{display:none}.yd-count span{display:none}.yd-hud{gap:8px}}@media (max-width:380px){.yd-mark{font-size:12px;padding:0 10px}}@media (prefers-reduced-motion:reduce){.yd-start:not(:disabled){animation:none}.yd-intro,.yd-fade{transition:none}}html.yd-on .pg-station{display:none}html.yd-on .pg-station.pg-open{display:block;position:fixed;inset:0;z-index:200;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:pgin .45s cubic-bezier(.2,.9,.2,1)}html.yd-lock,html.yd-lock body{overflow:hidden}@keyframes pgin{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html.yd-on .pg-station.pg-open{animation:none}}.pg-back{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,32px);background:#fffdf6;border-bottom:2.5px solid #1b1a1f;color:#0a0b10}.pg-back button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;background:#d2ff00;border:2.5px solid #1b1a1f;border-radius:12px 14px 10px 15px;box-shadow:3px 3px 0#1b1a1f;font:800 14px/1 var(--pg-disp);cursor:pointer;color:#0a0b10}.pg-back b{font:800 15px/1 var(--pg-disp);letter-spacing:-.01em}.pg-back b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-back b i{font:600 11px/1 var(--pg-mono);font-style:normal;color:#3a4bff;margin-right:4px}.pg-back b small{font:500 11px/1 var(--pg-mono);letter-spacing:.06em;text-transform:uppercase;color:#5b6072;margin-left:6px}.pg-back .pg-nx{margin-left:auto;background:#fffdf6}@media (max-width:640px){.pg-back{gap:8px;padding:8px 10px}.pg-back b small,.pg-nx-l,.pg-bk-l{display:none}.pg-back b{font-size:14px}.pg-back button{padding:0 12px}}html.yd-on .tl-stage{top:84px}@media (max-width:1024px){html.yd-on .tl-stage{top:70px}}.st{background:#fff7e6;color:#0a0b10;padding:clamp(28px,5vw,72px) clamp(16px,4vw,64px) clamp(48px,7vw,96px)}.st.dark{background:#11131c;color:#f3f4f8}.st .pg-k span{color:#3a4bff}.st.dark .pg-k span{color:#d2ff00}.st .pg-sub{color:#5b6072}.st.dark .pg-sub{color:#959aad}.st-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:18px;align-items:start}.st-stage{grid-column:1/10;position:relative;border:3px solid #1b1a1f;border-radius:18px 14px 20px 12px;box-shadow:8px 8px 0#1b1a1f;overflow:hidden;background:#fff;touch-action:none}.st.dark .st-stage{border-color:#f3f4f8;box-shadow:8px 8px 0#d2ff00}.st-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.st-ctl{grid-column:10/13;display:flex;flex-direction:column;gap:10px}.st-l{margin:6px 0 0;font:600 11px/1.2 var(--pg-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.st-row{display:flex;flex-wrap:wrap;gap:8px}.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;background:#fffdf6;border:2.5px solid #1b1a1f;border-radius:12px 10px 14px 9px;box-shadow:3px 3px 0#1b1a1f;font:800 14px/1 var(--pg-disp);color:#0a0b10;cursor:pointer;transition:transform .12s}.st-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0#1b1a1f}.st-btn[aria-pressed=true]{background:#d2ff00}.st-btn.go{background:#3a4bff;color:#fff}.st-sw{width:44px;height:44px;padding:0;border-radius:50%}.st-sw[aria-pressed=true]{outline:3px solid currentColor;outline-offset:3px;background:inherit}.st input[type=range]{color:inherit}.st-note{margin:6px 0 0;font:400 12px/1.5 var(--pg-mono);opacity:.75}.st-txt{width:100%;min-height:48px;padding:0 14px;border:2.5px solid #1b1a1f;border-radius:12px;background:#fff;color:#0a0b10;font:700 18px/1 var(--pg-disp)}.bt-grid{display:grid;grid-template-columns:72px repeat(16,minmax(0,1fr));gap:5px;padding:clamp(10px,2vw,22px);background:#1b1d29}.bt-lab{display:flex;align-items:center;font:700 11px/1 var(--pg-mono);letter-spacing:.06em;text-transform:uppercase;color:#f3f4f8}.bt-cell{position:relative;aspect-ratio:1/1.35;min-height:22px;border:0;border-radius:6px 6px 8px 8px;background:#2a2d3e;cursor:pointer;transition:transform .1s,background .1s;padding:0}.bt-cell:nth-child(17n+6),.bt-cell:nth-child(17n+10),.bt-cell:nth-child(17n+14){margin-left:4px}.bt-cell[aria-pressed=true]{background:var(--c)}.bt-cell.hit{transform:scaleY(.82) translateY(4px)}.bt-cell.now{box-shadow:inset 0 0 0 2px #fff}.bt-bars{display:flex;gap:6px;height:56px;align-items:flex-end;padding:0 clamp(10px,2vw,22px) 14px;background:#1b1d29}.bt-bars i{flex:1;height:8%;border-radius:4px 4px 0 0;background:var(--c);transition:height .18s ease-out}@media (max-width:1024px){.st-stage,.st-ctl{grid-column:1/-1}.st-ctl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.st-ctl .st-full{grid-column:1/-1}}@media (max-width:640px){.st-ctl{grid-template-columns:1fr}.bt-grid{grid-template-columns:44px repeat(16,minmax(0,1fr));gap:3px;padding:8px}.bt-lab{font-size:9px}.bt-cell{min-height:18px;border-radius:4px}.bt-cell:nth-child(17n+6),.bt-cell:nth-child(17n+10),.bt-cell:nth-child(17n+14){margin-left:2px}}.st.dark .tl-sl label{color:#959aad}.st.dark .tl-sl output{color:#f3f4f8}.st.dark input[type=range]::-webkit-slider-thumb{border-color:#11131c}.st.dark .st-note{color:#959aad;opacity:1}.st .pg-head .pg-h2{color:inherit}html.yd-on .pg-station.pg-open{padding-top:0}.pg-station.pg-open>.pg-back{margin:0 calc(-1*clamp(16px,4vw,64px)) clamp(20px,4vw,48px)}#spCv{width:min(100%,72vh);margin:0 auto;min-width:280px}.bt-cell{aspect-ratio:1/1.08}.yd-prompt[hidden]{display:none}.pg-open{--pg-bar:62px;--pg-top:calc(var(--pg-bar) + 64px);--pg-fit:calc(100vh - var(--pg-top) - 16px);padding:0 clamp(12px,2vw,28px) 16px!important}@supports (height:100dvh){.pg-open{--pg-fit:calc(100dvh - var(--pg-top) - 16px)}}.pg-open>.pg-back{margin:0 calc(-1*clamp(12px,2vw,28px)) 10px!important}.pg-open .pg-head{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 0 12px!important;min-height:42px}.pg-open .pg-head .pg-k{display:none}.pg-open .pg-head .pg-h2{max-width:none;margin:0;font-size:clamp(20px,2vw,30px)!important;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.pg-open .pg-head .pg-sub{max-width:70ch;margin:0!important;font-size:14px!important;line-height:1.35;flex:1 1 320px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:767px){.pg-open{--pg-bar:62px;--pg-top:calc(var(--pg-bar) + 40px)}.pg-open>.pg-back{margin-bottom:8px!important}.pg-open .pg-head{min-height:0;margin-bottom:8px!important}.pg-open .pg-head .pg-h2{font-size:19px!important}.pg-open .pg-head .pg-sub{display:none}}