#game-container{--u:1;--u-text:1;--modebar-h:calc(112px * var(--u,1))}.is-pc #game-container{--modebar-h:calc(56px * var(--u,1))}#keyboard-layer{left:0;right:0;top:calc(48px + var(--modebar-h));pointer-events:auto;position:absolute;bottom:0}.piano-modebar{height:var(--modebar-h);padding:0 calc(16px * var(--u,1));justify-content:space-between;align-items:stretch;gap:calc(16px * var(--u,1));z-index:400;pointer-events:auto;font-family:inherit;display:flex;position:absolute;top:48px;left:0;right:0}.piano-modebar__tabs{align-items:flex-end;gap:calc(6px * var(--u,1));flex:auto;height:100%;display:flex}.piano-modebar__tab{color:#4a2a00;border:calc(2px * var(--u,1)) solid #5a3300;border-radius:calc(14px * var(--u,1)) calc(14px * var(--u,1)) 0 0;min-width:0;height:88%;padding:0 calc(16px * var(--u,1));font-size:calc(26px * var(--u-text,1));cursor:pointer;letter-spacing:calc(2px * var(--u-text,1));box-shadow:inset 0 calc(2px * var(--u,1)) 0 #fff6, 0 calc(-2px * var(--u,1)) calc(6px * var(--u,1)) #0000004d;background:linear-gradient(#c9a76a 0%,#a8884a 100%);border-bottom:none;flex:1 1 0;align-self:flex-end;font-family:inherit;font-weight:700;transition:transform .1s,height .15s,background .15s;position:relative}.piano-modebar__tab:hover{background:linear-gradient(#d4b478 0%,#b8964e 100%)}.piano-modebar__tab:active{transform:translateY(calc(1px * var(--u,1)))}.piano-modebar__tab.is-active{color:#4a2a00;z-index:2;height:100%;box-shadow:inset 0 calc(2px * var(--u,1)) 0 #ffffffb3, 0 calc(-3px * var(--u,1)) calc(10px * var(--u,1)) #00000059;background:linear-gradient(#fff2c7 0%,#ffd166 60%,#ffa94d 100%);border-color:#8b6914}.piano-modebar__tab.is-active:before{height:calc(4px * var(--u,1));background:#b8860b}.piano-modebar__fart{margin-top:calc(var(--modebar-h) * .12);align-self:flex-end;align-items:center;gap:calc(12px * var(--u,1));border:calc(2px * var(--u,1)) solid #ffffff40;border-radius:calc(999px * var(--u,1));padding:calc(10px * var(--u,1)) calc(18px * var(--u,1));color:#fff8e1;cursor:pointer;background:#ffffff1a;flex:none;font-family:inherit;display:flex}.piano-modebar__fart:active{transform:scale(.97)}.piano-modebar__fart.is-on{color:#fff;background:linear-gradient(#c9a14a,#8b5a14);border-color:#5a3300}.piano-modebar__fart-label{font-size:calc(18px * var(--u-text,1));white-space:nowrap;font-weight:500}.piano-modebar__fart-switch{width:calc(48px * var(--u,1));height:calc(26px * var(--u,1));border-radius:calc(999px * var(--u,1));background:#00000073;transition:background .15s;display:inline-block;position:relative}.piano-modebar__fart.is-on .piano-modebar__fart-switch{background:#4a2a00}.piano-modebar__fart-knob{top:calc(3px * var(--u,1));left:calc(3px * var(--u,1));width:calc(20px * var(--u,1));height:calc(20px * var(--u,1));background:#fff;border-radius:50%;transition:transform .15s;position:absolute}.piano-modebar__fart.is-on .piano-modebar__fart-knob{transform:translateX(calc(22px * var(--u,1)));background:#ffd166}.is-mobile .piano-modebar__fart{padding:calc(20px * var(--u,1)) calc(33px * var(--u,1));gap:calc(24px * var(--u,1))}.is-mobile .piano-modebar__fart-label{font-size:calc(45px * var(--u-text,1))}.is-mobile .piano-modebar__fart-switch{width:calc(114px * var(--u,1));height:calc(60px * var(--u,1))}.is-mobile .piano-modebar__fart-knob{top:calc(6px * var(--u,1));left:calc(6px * var(--u,1));width:calc(48px * var(--u,1));height:calc(48px * var(--u,1))}.is-mobile .piano-modebar__fart.is-on .piano-modebar__fart-knob{transform:translateX(calc(54px * var(--u,1)))}.is-mobile .piano-modebar__tab{font-size:calc(36px * var(--u-text,1))}.is-mobile .piano-key__label{font-size:calc(38px * var(--u,1))}.is-mobile .piano-key--black .piano-key__label{font-size:calc(26px * var(--u,1))}.is-mobile .piano-start{padding:calc(48px * var(--u-text,1)) calc(68px * var(--u-text,1));gap:calc(30px * var(--u-text,1));border-width:calc(10px * var(--u-text,1));border-radius:calc(28px * var(--u-text,1))}.is-mobile .piano-start__emoji{font-size:calc(112px * var(--u-text,1))}.is-mobile .piano-start__title{font-size:calc(68px * var(--u-text,1))}.is-mobile .piano-start__msg{font-size:calc(46px * var(--u-text,1));line-height:1.5}.is-mobile .piano-start__button{font-size:calc(46px * var(--u-text,1));padding:calc(26px * var(--u-text,1)) calc(76px * var(--u-text,1));border-radius:calc(18px * var(--u-text,1));min-width:calc(230px * var(--u-text,1))}.piano-keyboard{left:calc(20px * var(--u,1));right:calc(20px * var(--u,1));top:calc(20px * var(--u,1));bottom:calc(20px * var(--u,1));gap:calc(18px * var(--u,1));flex-direction:column;display:flex;position:absolute}.piano-row{flex:1 1 0;width:100%;min-height:0;position:relative}.piano-row__white-layer,.piano-row__black-layer{position:absolute;inset:0}.piano-row__black-layer{pointer-events:none}.piano-row__black-layer .piano-key{pointer-events:auto}.piano-key{box-sizing:border-box;height:100%;padding-bottom:calc(10px * var(--u,1));cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0}.piano-key--white{border:calc(2px * var(--u,1)) solid #5a3300;border-radius:0 0 calc(10px * var(--u,1)) calc(10px * var(--u,1));color:#5a3300;box-shadow:0 calc(3px * var(--u,1)) 0 #b59e6c inset;background:linear-gradient(#fefefe 0%,#f6efd9 88%,#d8cfb0 100%)}.piano-key--white.is-active,.piano-key--white.is-melody-active{box-shadow:0 0 calc(30px * var(--u,1)) #ffa94d inset, 0 0 calc(20px * var(--u,1)) #ffa94db3 inset;color:#6b3300;background:linear-gradient(#ffe27a,#ffb84a)}.piano-key--black{border:calc(2px * var(--u,1)) solid #000;border-radius:0 0 calc(8px * var(--u,1)) calc(8px * var(--u,1));color:#fff8e1;z-index:5;height:62%;box-shadow:0 calc(4px * var(--u,1)) 0 #1a1a1a inset, 0 calc(4px * var(--u,1)) calc(6px * var(--u,1)) #0006;background:linear-gradient(#2a2a2a,#050505)}.piano-key--black.is-active,.piano-key--black.is-melody-active{box-shadow:0 0 calc(25px * var(--u,1)) #ff8a00 inset, 0 0 calc(20px * var(--u,1)) #ff8a00b3 inset;color:#fff;background:linear-gradient(#ffb060,#c45a00)}.piano-key__label{font-size:calc(20px * var(--u,1));pointer-events:none;white-space:nowrap;font-family:inherit;font-weight:700}.piano-key--black .piano-key__label{font-size:calc(14px * var(--u,1))}.ugc-backdrop.ugc-backdrop--scoped{z-index:2000}.piano-start-backdrop{z-index:1000;padding:calc(20px * var(--u,1));background:#00000080;justify-content:center;align-items:center;font-family:inherit;display:flex;position:absolute;inset:48px 0 0}.piano-start{border:calc(6px * var(--u-text,1)) solid #8b6914;border-radius:calc(16px * var(--u-text,1));padding:calc(24px * var(--u-text,1)) calc(36px * var(--u-text,1));align-items:center;gap:calc(16px * var(--u-text,1));background:#fff8e1;flex-direction:column;max-width:90%;display:flex;box-shadow:0 6px 20px #0006}.piano-start__emoji{font-size:calc(56px * var(--u-text,1));line-height:1}.piano-start__title{font-size:calc(32px * var(--u-text,1));color:#5a3300;letter-spacing:1px;font-weight:700}.piano-start__msg{font-size:calc(22px * var(--u-text,1));color:#5a3300;text-align:center;font-weight:500;line-height:1.6}.piano-start__msg ruby rt{color:#8b6914;font-size:.5em}.piano-start__button{color:#fff8e1;border-radius:calc(10px * var(--u-text,1));padding:calc(12px * var(--u-text,1)) calc(44px * var(--u-text,1));font-size:calc(22px * var(--u-text,1));cursor:pointer;min-width:calc(120px * var(--u-text,1));background:#8b6914;border:none;font-family:inherit;font-weight:500;transition:transform .1s;box-shadow:0 3px 6px #0000004d}.piano-start__button:active{transform:scale(.97)}.piano-start__button:disabled{opacity:.7;cursor:not-allowed}.is-game-mode .piano-row--upper{visibility:hidden}.piano-game-panel{left:0;right:0;top:calc(48px + var(--modebar-h));height:calc(50% - 48px - var(--modebar-h));align-items:stretch;gap:calc(16px * var(--u,1));padding:calc(12px * var(--u,1)) calc(24px * var(--u,1));pointer-events:auto;z-index:300;flex-direction:row;display:none;position:absolute}.is-game-mode .piano-game-panel.is-visible{display:flex}.piano-game-panel__unko{top:65%;right:calc(50% + 360px * var(--u,1));width:calc(140px * var(--u,1));justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.piano-game-panel__unko svg{width:100%;height:auto;max-height:100%}.piano-game-panel__main{justify-content:center;align-items:center;gap:calc(10px * var(--u,1));color:#fff8e1;text-align:center;flex-direction:column;flex:auto;min-width:0;display:flex}.piano-game-panel__title{font-size:calc(34px * var(--u-text,1));color:#ffd166;letter-spacing:2px;font-weight:500}.piano-game-panel__header{justify-content:center;align-items:center;gap:calc(16px * var(--u,1));min-height:calc(28px * var(--u-text,1) * 1.4);flex-direction:row;display:flex;position:relative}.piano-game-panel__header.is-feedback .piano-game-panel__qno,.piano-game-panel__header.is-feedback .piano-game-panel__msg{visibility:hidden}.piano-game-panel__header.is-reveal .piano-game-panel__qno{display:none}.piano-game-panel__header .piano-game-panel__big{white-space:nowrap;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.piano-game-panel__qno{font-size:calc(28px * var(--u-text,1));color:#ffd166;font-weight:700}.piano-game-panel__msg{font-size:calc(22px * var(--u-text,1));font-weight:700}.piano-game-panel__answer-reveal{font-size:calc(26px * var(--u-text,1));color:#ffe27a}.piano-game-panel__slot .piano-game-panel__sharp{font-size:.75em;font-weight:900;line-height:1;display:block}.piano-game-panel__slot .piano-game-panel__flat{opacity:.85;margin-top:.15em;font-size:.55em;font-weight:700;line-height:1;display:block}.piano-game-panel__diffs{gap:calc(16px * var(--u,1));flex-direction:row;justify-content:center;align-items:center;display:flex}.piano-game-panel__diff{color:#4a2a00;border:calc(3px * var(--u,1)) solid #5a3300;border-radius:calc(14px * var(--u,1));padding:calc(12px * var(--u,1)) calc(28px * var(--u,1));font-size:calc(22px * var(--u-text,1));cursor:pointer;box-shadow:0 calc(4px * var(--u,1)) 0 #8b6914;background:linear-gradient(#fff2c7 0%,#ffd166 60%,#ffa94d 100%);font-family:inherit;font-weight:700;transition:transform .1s}.piano-game-panel__diff:active{transform:translateY(calc(2px * var(--u,1)));box-shadow:0 calc(2px * var(--u,1)) 0 #8b6914}.piano-game-panel__diff--easy{filter:hue-rotate(80deg)}.piano-game-panel__diff--hard{filter:hue-rotate(-30deg)saturate(1.2)}.piano-game-panel__slots-board{gap:calc(6px * var(--u,1));padding:calc(10px * var(--u,1)) calc(14px * var(--u,1));border:calc(3px * var(--u,1)) solid #8b6914;border-radius:calc(12px * var(--u,1));background:#0000002e;flex-direction:column;display:flex}.piano-game-panel__slots-board.is-reveal{position:relative}.piano-game-panel__slot-nums,.piano-game-panel__slots{grid-template-columns:repeat(var(--slot-count,8), calc(72px * var(--u,1)));gap:calc(8px * var(--u,1));justify-content:center;display:grid}.piano-game-panel__slot-num{text-align:center;font-size:calc(18px * var(--u-text,1));color:#ffd166;font-weight:900}.piano-game-panel__slot-num.is-inactive{opacity:.3}.piano-game-panel__slot{width:calc(72px * var(--u,1));height:calc(72px * var(--u,1));padding:calc(4px * var(--u,1));border:calc(2px * var(--u,1)) solid #8b6914;border-radius:calc(8px * var(--u,1));color:#fff8e1;font-size:calc(20px * var(--u-text,1));box-sizing:border-box;background:#ffffff14;flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1.1;display:flex;overflow:hidden}.piano-game-panel__slot.is-inactive{opacity:.25;border-style:dashed}.piano-game-panel__slot.is-playing{color:#5a3300;box-shadow:0 0 calc(20px * var(--u,1)) #ffa94db3;background:linear-gradient(#ffe27a,#ffb84a)}.piano-game-panel__slot.is-done{color:#ffd166;background:#ffd16640}.piano-game-panel__slot.is-correct{color:#1a3300;background:linear-gradient(#b7e07a,#6abf3a);border-color:#2f6b14}.piano-game-panel__slot.is-wrong{color:#fff;background:linear-gradient(#ff9b8a,#d83a2a);border-color:#7a1a10}.piano-game-panel__big{font-size:calc(48px * var(--u-text,1));letter-spacing:3px;font-weight:700}.piano-game-panel__big--correct{color:#b7e07a;text-shadow:0 0 12px #b7e07a80}.piano-game-panel__big--wrong{color:#ff9b8a;text-shadow:0 0 12px #ff9b8a80}.piano-game-panel__big--cleared{color:#ffd166;font-size:calc(32px * var(--u-text,1))}.piano-game-panel__ok{color:#fff8e1;border-radius:calc(10px * var(--u-text,1));padding:calc(12px * var(--u-text,1)) calc(44px * var(--u-text,1));font-size:calc(22px * var(--u-text,1));cursor:pointer;min-width:calc(120px * var(--u-text,1));background:#8b6914;border:none;font-family:inherit;font-weight:700;transition:transform .1s;box-shadow:0 3px 6px #0000004d}.piano-game-panel__ok:active{transform:scale(.97)}.piano-game-panel__ok--reveal{left:50%;top:calc(100% + 10px * var(--u,1));padding:calc(8px * var(--u-text,1)) calc(28px * var(--u-text,1));font-size:calc(18px * var(--u-text,1));min-width:calc(88px * var(--u-text,1));position:absolute;transform:translate(-50%)}.piano-game-panel__ok--reveal:active{transform:translate(-50%)scale(.97)}.piano-unko__svg{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.piano-douyou-panel{left:calc(20px * var(--u,1));right:calc(20px * var(--u,1));top:calc(48px + var(--modebar-h) + 20px * var(--u,1));height:calc((100% - 48px - var(--modebar-h) - 58px * var(--u,1)) / 2);align-items:stretch;gap:calc(12px * var(--u,1));padding:calc(8px * var(--u,1)) calc(16px * var(--u,1));pointer-events:auto;z-index:300;box-sizing:border-box;flex-direction:row;display:none;position:absolute;overflow:hidden}.is-douyou-mode .piano-douyou-panel.is-visible{display:flex}.piano-douyou-panel__left{justify-content:center;align-items:stretch;gap:calc(24px * var(--u,1));color:#fff8e1;flex-direction:column;flex:50%;min-width:0;max-width:50%;min-height:0;display:flex}.piano-douyou-panel__bottom-row{align-items:stretch;gap:calc(16px * var(--u,1));flex-flow:row;display:flex}.piano-douyou-panel__bottom-cell{flex:50%;justify-content:center;align-items:center;min-width:0;display:flex}.piano-douyou-panel__bottom-cell--left{padding-right:calc(0px * var(--u,1));justify-content:flex-end}.piano-douyou-panel__unko{width:calc(120px * var(--u,1));flex:none;justify-content:center;align-items:center;transition:transform .12s;display:flex;position:relative}.piano-douyou-panel__unko svg{width:100%;height:auto;max-height:100%}.piano-douyou-panel__unko.is-singing{animation:.45s ease-in-out infinite alternate piano-douyou-sing}@keyframes piano-douyou-sing{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(calc(-6px * var(--u,1))) rotate(3deg)}}.piano-douyou-panel__song-emoji{pointer-events:none;font-size:calc(36px * var(--u,1));z-index:6;line-height:1;position:absolute}.piano-douyou-panel__song-emoji img.emoji{vertical-align:top;width:1em;height:1em;margin:0;display:block}.piano-douyou-panel__song-emoji[data-pattern=fly]{animation:7s ease-in-out infinite piano-douyou-emoji-fly;top:5%;left:5%}@keyframes piano-douyou-emoji-fly{0%{top:5%;left:5%;transform:rotate(-8deg)}20%{top:12%;left:55%;transform:rotate(10deg)}40%{top:55%;left:60%;transform:rotate(-4deg)}60%{top:65%;left:15%;transform:rotate(8deg)}80%{top:30%;left:35%;transform:rotate(-10deg)}to{top:5%;left:5%;transform:rotate(-8deg)}}.piano-douyou-panel__song-emoji[data-pattern=ground]{bottom:0;left:50%;transform:translate(-50%)}.piano-douyou-panel__selector{justify-content:center;align-items:center;gap:calc(12px * var(--u,1));display:flex}.piano-douyou-panel__nav{color:#4a2a00;border:calc(3px * var(--u,1)) solid #5a3300;width:calc(48px * var(--u,1));height:calc(48px * var(--u,1));font-size:calc(26px * var(--u-text,1));cursor:pointer;box-shadow:0 calc(3px * var(--u,1)) 0 #8b6914;background:linear-gradient(#ffd166,#ffa94d);border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:900;line-height:1;display:flex}.piano-douyou-panel__nav:active:not(:disabled){transform:translateY(calc(2px * var(--u,1)));box-shadow:0 calc(1px * var(--u,1)) 0 #8b6914}.piano-douyou-panel__nav:disabled,.piano-douyou-panel__nav.is-disabled{opacity:.35;cursor:not-allowed}.piano-douyou-panel__nav:before{content:"";border-top:calc(10px * var(--u,1)) solid transparent;border-bottom:calc(10px * var(--u,1)) solid transparent;width:0;height:0;display:block}.piano-douyou-panel__nav--prev:before{border-right:calc(14px * var(--u,1)) solid #4a2a00;margin-right:calc(3px * var(--u,1))}.piano-douyou-panel__nav--next:before{border-left:calc(14px * var(--u,1)) solid #4a2a00;margin-left:calc(3px * var(--u,1))}.piano-douyou-panel__song-title{font-size:calc(30px * var(--u-text,1));color:#ffd166;letter-spacing:2px;width:calc(348px * var(--u,1));flex:0 0 calc(348px * var(--u,1));text-align:center;white-space:nowrap;font-weight:700;overflow:hidden}.piano-douyou-panel__controls{gap:calc(12px * var(--u,1));flex-direction:row;justify-content:center;align-items:center;display:flex}.piano-douyou-panel__btn{color:#4a2a00;border:calc(3px * var(--u,1)) solid #5a3300;border-radius:calc(12px * var(--u,1));padding:calc(10px * var(--u,1)) calc(22px * var(--u,1));font-size:calc(20px * var(--u-text,1));cursor:pointer;box-shadow:0 calc(4px * var(--u,1)) 0 #8b6914;min-width:calc(110px * var(--u,1));background:linear-gradient(#fff2c7 0%,#ffd166 60%,#ffa94d 100%);font-family:inherit;font-weight:700;transition:transform .1s}.piano-douyou-panel__btn:active:not(:disabled){transform:translateY(calc(2px * var(--u,1)));box-shadow:0 calc(2px * var(--u,1)) 0 #8b6914}.piano-douyou-panel__btn:disabled{opacity:.4;cursor:not-allowed}.piano-douyou-panel__btn--start{filter:hue-rotate(80deg)}.piano-douyou-panel__btn--stop{filter:hue-rotate(-30deg)saturate(1.2)}.piano-douyou-panel__acc-toggle{align-self:center;align-items:center;gap:calc(10px * var(--u,1));border:calc(2px * var(--u,1)) solid #ffffff40;border-radius:calc(999px * var(--u,1));padding:calc(8px * var(--u,1)) calc(16px * var(--u,1));color:#fff8e1;cursor:pointer;background:#ffffff1a;font-family:inherit;display:flex}.piano-douyou-panel__score{border:calc(3px * var(--u,1)) solid #8b6914;border-radius:calc(12px * var(--u,1));min-width:0;max-width:50%;padding:calc(10px * var(--u,1)) calc(14px * var(--u,1));box-sizing:border-box;background:#00000038;flex:50%;align-self:stretch;position:relative;overflow:hidden}.piano-douyou-panel__score-track{grid-template-columns:repeat(var(--score-cols,8), 1fr);gap:calc(4px * var(--u,1)) calc(4px * var(--u,1));will-change:transform;align-content:flex-start;display:grid}.piano-douyou-panel__score-track:before{content:"";height:calc(26px * var(--u-text,1) * .6);grid-column:1/-1}.piano-douyou-panel__note{font-family:GenEi Gothic N,sans-serif;font-size:calc(26px * var(--u-text,1) * var(--score-font-scale,1));color:#fff8e1;text-align:center;letter-spacing:-1px;white-space:nowrap;min-width:0;font-weight:700;line-height:1.2;overflow:hidden}.piano-douyou-panel__note.is-sung{color:#ffa94d}.piano-douyou-panel__note--rest{color:#fff8e173}.piano-douyou-panel__note--space{visibility:hidden}.piano-douyou-panel__note--break{visibility:hidden;grid-column:1/-1;height:0}.piano-douyou-panel__debug-speed{z-index:10;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff6;border-radius:6px;padding:4px 10px;font:700 12px/1.2 sans-serif;position:absolute;top:4px;right:4px}.piano-douyou-panel__debug-speed.is-on{background:#d9534f;border-color:#fff}.piano-douyou-panel__acc-toggle:active{transform:scale(.97)}.piano-douyou-panel__acc-toggle.is-on{color:#fff;background:linear-gradient(#c9a14a,#8b5a14);border-color:#5a3300}.piano-douyou-panel__acc-toggle-label{font-size:calc(20px * var(--u-text,1));white-space:nowrap;font-weight:500}.piano-douyou-panel__acc-toggle-switch{width:calc(44px * var(--u,1));height:calc(24px * var(--u,1));border-radius:calc(999px * var(--u,1));background:#00000073;transition:background .15s;display:inline-block;position:relative}.piano-douyou-panel__acc-toggle.is-on .piano-douyou-panel__acc-toggle-switch{background:#4a2a00}.piano-douyou-panel__acc-toggle-knob{top:calc(3px * var(--u,1));left:calc(3px * var(--u,1));width:calc(18px * var(--u,1));height:calc(18px * var(--u,1));background:#fff;border-radius:50%;transition:transform .15s;position:absolute}.piano-douyou-panel__acc-toggle.is-on .piano-douyou-panel__acc-toggle-knob{transform:translateX(calc(20px * var(--u,1)));background:#ffd166}.is-douyou-mode .piano-row--upper{visibility:hidden}.is-mobile .piano-douyou-panel__bottom-row{gap:calc(20px * var(--u,1))}.is-mobile .piano-douyou-panel__bottom-cell--left{flex:60%}.is-mobile .piano-douyou-panel__bottom-cell--right{flex:40%}.is-mobile .piano-douyou-panel__unko{width:calc(220px * var(--u,1))}.is-mobile .piano-douyou-panel__song-emoji{font-size:calc(70px * var(--u,1))}.is-mobile .piano-douyou-panel__song-title{font-size:calc(64px * var(--u-text,1));flex:1 1 0;width:auto;min-width:0}.is-mobile .piano-douyou-panel__note{font-size:calc(64px * var(--u-text,1) * var(--score-font-scale,1))}.is-mobile .piano-douyou-panel__nav{width:calc(96px * var(--u,1));height:calc(96px * var(--u,1));font-size:calc(58px * var(--u-text,1));border-width:calc(4px * var(--u,1))}.is-mobile .piano-douyou-panel__nav:before{border-top-width:calc(22px * var(--u,1));border-bottom-width:calc(22px * var(--u,1))}.is-mobile .piano-douyou-panel__nav--prev:before{border-right-width:calc(30px * var(--u,1));margin-right:calc(6px * var(--u,1))}.is-mobile .piano-douyou-panel__nav--next:before{border-left-width:calc(30px * var(--u,1));margin-left:calc(6px * var(--u,1))}.is-mobile .piano-douyou-panel__controls{gap:calc(14px * var(--u,1))}.is-mobile .piano-douyou-panel__btn{font-size:calc(52px * var(--u-text,1));padding:calc(16px * var(--u,1)) calc(24px * var(--u,1));min-width:calc(180px * var(--u,1));border-width:calc(4px * var(--u,1))}.is-mobile .piano-douyou-panel__acc-toggle{padding:calc(18px * var(--u,1)) calc(30px * var(--u,1));gap:calc(20px * var(--u,1));border-width:calc(3px * var(--u,1))}.is-mobile .piano-douyou-panel__acc-toggle-label{font-size:calc(55px * var(--u-text,1))}.is-mobile .piano-douyou-panel__acc-toggle-switch{width:calc(120px * var(--u,1));height:calc(64px * var(--u,1))}.is-mobile .piano-douyou-panel__acc-toggle-knob{top:calc(6px * var(--u,1));left:calc(6px * var(--u,1));width:calc(52px * var(--u,1));height:calc(52px * var(--u,1))}.is-mobile .piano-douyou-panel__acc-toggle.is-on .piano-douyou-panel__acc-toggle-knob{transform:translateX(calc(56px * var(--u,1)))}.is-mobile .piano-game-panel__title{font-size:calc(54px * var(--u-text,1))}.is-mobile .piano-game-panel__qno{font-size:calc(60px * var(--u-text,1))}.is-mobile .piano-game-panel__header{min-height:calc(60px * var(--u-text,1) * 1.4)}.is-mobile .piano-game-panel__msg{font-size:calc(48px * var(--u-text,1))}.is-mobile .piano-game-panel__answer-reveal{font-size:calc(52px * var(--u-text,1))}.is-mobile .piano-game-panel__diff{font-size:calc(36px * var(--u-text,1));padding:calc(16px * var(--u,1)) calc(36px * var(--u,1))}.is-mobile .piano-game-panel__slot-nums,.is-mobile .piano-game-panel__slots{grid-template-columns:repeat(var(--slot-count,8), calc(100px * var(--u,1)));gap:calc(10px * var(--u,1))}.is-mobile .piano-game-panel__slot-num{font-size:calc(36px * var(--u-text,1))}.is-mobile .piano-game-panel__slot{width:calc(100px * var(--u,1));height:calc(100px * var(--u,1));font-size:calc(40px * var(--u-text,1))}.is-mobile .piano-game-panel__big{font-size:calc(88px * var(--u-text,1))}.is-mobile .piano-game-panel__big--cleared{font-size:calc(58px * var(--u-text,1))}.is-mobile .piano-game-panel__unko{width:calc(200px * var(--u,1));right:calc(50% + 460px * var(--u,1))}.is-mobile .piano-game-panel__ok{font-size:calc(46px * var(--u-text,1));padding:calc(18px * var(--u-text,1)) calc(60px * var(--u-text,1))}.is-mobile .piano-game-panel__ok--reveal{font-size:calc(42px * var(--u-text,1));padding:calc(14px * var(--u-text,1)) calc(48px * var(--u-text,1));min-width:calc(160px * var(--u-text,1));top:calc(100% + 16px * var(--u,1))}.ugc-howto__content{--howto-accent:#5a3300;--howto-border:#ffa94d;--howto-sub:#8b6914}.ugc-howto__content kbd{color:#5a3300;background:#fff8e1;border:2px solid #8b6914;border-radius:5px;width:auto;height:auto;margin:0 1px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;display:inline-block}.ugc-howto__content .keyrow{white-space:nowrap}.ugc-howto__content .kb-label{font-size:inherit;display:inline-block}.ugc-howto__content .keys kbd{text-align:center;box-sizing:border-box;width:22px;margin:0 2px;padding:1px 0}.ugc-howto__content .keys .sp{width:26px;display:inline-block}.ugc-howto__content .keys.black{padding-left:13px}body.is-mobile .ugc-howto__content kbd{padding:1px 4px;font-size:12px}body.is-mobile .ugc-howto__content .keys kbd{width:23px}body.is-mobile .ugc-howto__content .keys .sp{width:26px}