*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.app{height:100%;overflow:hidden;background:#1d3a2f}body{font-family:Neucha,Segoe UI,sans-serif;color:#f3efe4;-webkit-user-select:none;user-select:none}.stage{position:relative;height:100%;overflow:hidden;cursor:pointer;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.06),transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(0,0,0,.25),transparent 60%),linear-gradient(160deg,#29513f,#1d3a2f 55%,#163025);box-shadow:inset 0 0 0 14px #6d4a2f,inset 0 0 0 16px #8a613d,inset 0 0 0 22px #5a3c25,inset 0 0 120px #0000008c}.title-screen{cursor:default}.board-doodles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:5vmin 5vmin 11vmin;opacity:0;transform:rotate(var(--tilt, 0deg)) scale(.94);transition:opacity 1.4s ease-in-out,transform 1.6s cubic-bezier(.22,.9,.3,1);will-change:opacity,transform;pointer-events:none}.slide.active{opacity:1;transform:rotate(var(--tilt, 0deg)) scale(1);z-index:2}.slide.gone{opacity:0;transform:rotate(calc(var(--tilt, 0deg) - 2deg)) scale(1.05);z-index:1}.slide.next{opacity:0;transform:rotate(calc(var(--tilt, 0deg) + 2deg)) scale(.92);z-index:1}.print{position:relative;background:#f6f1e3;padding:1.6vmin 1.6vmin 3.4vmin;border-radius:3px;box-shadow:0 2.4vmin 5vmin #0000008c,0 .5vmin 1.2vmin #0006;animation:none}.slide.active .print,.slide.gone .print{animation-duration:var(--slide-dur, 6s);animation-timing-function:linear;animation-fill-mode:both}.is-paused .print{animation-play-state:paused!important}.print img{display:block;max-width:82vmin;max-height:62vmin;width:auto;height:auto;filter:sepia(.22) contrast(1.04) brightness(1.02)}.tape{position:absolute;width:9vmin;height:3vmin;background:#fffceb80;box-shadow:0 0 .6vmin #00000026;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.tape-tl{top:-1.2vmin;left:-2.6vmin;transform:rotate(-38deg)}.tape-br{bottom:1vmin;right:-2.8vmin;transform:rotate(-35deg)}.slide.active .kb-in,.slide.gone .kb-in{animation-name:kb-in}.slide.active .kb-out,.slide.gone .kb-out{animation-name:kb-out}.slide.active .kb-left,.slide.gone .kb-left{animation-name:kb-left}.slide.active .kb-right,.slide.gone .kb-right{animation-name:kb-right}.slide.active .kb-up,.slide.gone .kb-up{animation-name:kb-up}.slide.active .kb-down,.slide.gone .kb-down{animation-name:kb-down}@keyframes kb-in{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes kb-out{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes kb-left{0%{transform:scale(1.05) translate(1.4%)}to{transform:scale(1.05) translate(-1.4%)}}@keyframes kb-right{0%{transform:scale(1.05) translate(-1.4%)}to{transform:scale(1.05) translate(1.4%)}}@keyframes kb-up{0%{transform:scale(1.05) translateY(1.6%)}to{transform:scale(1.05) translateY(-1.6%)}}@keyframes kb-down{0%{transform:scale(1.05) translateY(-1.6%)}to{transform:scale(1.05) translateY(1.6%)}}.title-card{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vmin;text-align:center;padding:6vmin;animation:title-in 1.2s ease both}@keyframes title-in{0%{opacity:0;transform:translateY(2vmin)}to{opacity:1;transform:none}}.title-eyebrow{font-size:2.6vmin;letter-spacing:.12em;opacity:.75;text-transform:uppercase}.title-school{font-family:Caveat,cursive;font-size:6vmin;color:#cfe6d8;text-shadow:0 0 12px rgba(207,230,216,.3)}.title-song{font-family:Caveat,cursive;font-size:6.5vmin;color:#fdfaf0;text-shadow:0 0 14px rgba(255,255,255,.2)}.title-main{font-family:Caveat,cursive;font-weight:700;font-size:10.5vmin;line-height:1.05;color:#fdfaf0;text-shadow:0 0 18px rgba(255,255,255,.25)}.title-underline{width:46vmin;max-width:90%}.title-underline svg{width:100%;height:2.4vmin}.title-artist{font-family:Caveat,cursive;font-size:5vmin;color:#ffe9a8;text-shadow:0 0 14px rgba(255,233,168,.3)}.start-btn{margin-top:2vmin;font-family:Neucha,sans-serif;font-size:3.2vmin;color:#fdfaf0;background:transparent;border:.35vmin dashed rgba(255,255,255,.65);border-radius:1.4vmin;padding:1.6vmin 4.4vmin;cursor:pointer;transition:background .25s,transform .25s,border-color .25s}.start-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff;transform:scale(1.04)}.start-btn:disabled{cursor:default;opacity:.45;border-style:dotted}.loading{display:flex;flex-direction:column;align-items:center;gap:1.1vmin;margin-top:.6vmin}.loading-bar{width:34vmin;height:.9vmin;border-radius:.5vmin;background:#ffffff24;overflow:hidden}.loading-chalk{height:100%;border-radius:.5vmin;background:#fdfaf0d9;box-shadow:0 0 1.2vmin #ffffff73;transition:width .3s ease}.loading-text{font-size:2.1vmin;opacity:.6}.title-hint{font-size:2.1vmin;opacity:.55}.hud{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:1.2vmin 3vmin 1.6vmin;display:flex;flex-direction:column;gap:1vmin;cursor:default;background:linear-gradient(transparent,#0a1611d1);transition:opacity .5s ease,transform .5s ease}.hud-hidden{opacity:0;transform:translateY(30%);pointer-events:none}.progress{height:1.1vmin;border-radius:1vmin;background:#ffffff26;cursor:pointer;overflow:hidden}.progress-chalk{height:100%;border-radius:1vmin;background:repeating-linear-gradient(100deg,#fdfaf0 0,#fdfaf0 1.6vmin,#fdfaf0bf 1.6vmin,#fdfaf0bf 2.4vmin);box-shadow:0 0 1vmin #ffffff80;transition:width .3s linear}.hud-row{display:flex;align-items:center;gap:1.6vmin}.btn{font-family:inherit;font-size:2.6vmin;line-height:1;color:#fdfaf0;background:#ffffff14;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:5vmin;height:5vmin;cursor:pointer;transition:background .2s}.btn:hover{background:#ffffff38}.btn-main{width:6vmin;height:6vmin;font-size:2.8vmin}.hud-info{font-size:2.3vmin;opacity:.85;white-space:nowrap}.hud-title{margin-left:auto;margin-right:1.6vmin;font-family:Caveat,cursive;font-size:3vmin;color:#ffe9a8;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}