#board:fullscreen{max-width:none;overflow:auto;background:#f2f4fc;padding:20px 5vw}.live-tag{background:#e8e1fb;color:#55418e;padding:8px 12px;border-radius:50px;font-size:12px;font-weight:700}.song-settings{display:flex;gap:20px;align-items:end;background:#fff;padding:13px 18px;border:1px solid var(--line);border-radius:13px;margin-top:17px}.song-settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#766b86}.song-settings label:first-child{flex:1}.song-settings select{font-size:16px;font-weight:700;min-height:42px}.prepare{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 3px}.prepare b{font-size:12px;color:#716980}.prepare>p{font-size:12px;line-height:1.5;max-width:370px;color:#7d7388;margin:0}#needed{display:flex;gap:7px;margin-top:6px}.needed{border-radius:6px;background:var(--color);padding:6px 10px;color:white;text-shadow:0 1px 2px #0005;font-size:13px;font-weight:700}.playboard{border:1px solid #dbd6ed;border-radius:19px;overflow:hidden;background:white}.board-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f1edfc;gap:15px}.board-top p{margin:0;font-size:14px;color:#655776}.board-top span{font-size:13px;color:#716483;white-space:nowrap}#falling{height:260px;position:relative;overflow:hidden;background:#fff}#lanes{display:grid;grid-template-columns:repeat(8,1fr);position:absolute;inset:0}.lane{background:var(--color);opacity:.055;border-right:1px solid #000}.lane.unused{background:#e3e2eb;opacity:.5}.strike-line{position:absolute;left:0;right:0;bottom:24px;height:4px;background:#60516f;box-shadow:0 -4px 12px #ddd7ef}.drop{position:absolute;top:0;width:42px;height:42px;margin-left:-21px;border-radius:50%;background:var(--color);border:3px solid #fff;box-shadow:0 2px 6px #2c154738;display:grid;place-items:center;color:white;font-weight:bold;text-shadow:0 1px 2px #0006;will-change:transform;font-size:14px}.drop.long:after{content:'';position:absolute;width:5px;height:var(--tail);background:var(--color);opacity:.4;bottom:100%;border-radius:4px}.drop.strike{box-shadow:0 0 0 8px #ffffff,0 0 0 11px var(--color)}#countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#fffffff0;border:2px solid #e3dcf5;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-size:56px;color:#4936b1;box-shadow:0 5px 20px #39275b14}#boardMessage{position:absolute;top:25px;left:10%;right:10%;text-align:center;font-size:17px;color:#8b7e9e;pointer-events:none}#targets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#fbf9ff;padding:4px 12px 13px;gap:12px}.target{background:var(--color);color:white;border-radius:8px;border:0;border-bottom:5px solid #0002;padding:8px 2px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;line-height:1.3;transition:filter .05s,transform .05s;text-shadow:0 1px 2px #0004}.target:hover{background:var(--color)}.target small{font-size:10px}.target.unused{opacity:.22;filter:grayscale(.4)}.target.active{transform:translateY(-4px);filter:brightness(1.2);outline:4px solid #443250;outline-offset:2px}.progress{height:5px;background:#eeebf7}#progress{height:5px;width:0;background:#7862bd}.along-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0 8px}.options{display:flex;gap:13px;align-items:center;margin-left:auto}.options label{display:flex;gap:4px;align-items:center;font-size:12px;white-space:nowrap}#status{font-size:14px;line-height:1.6;color:#70637f;min-height:23px;margin:8px 0 17px}.score-details,.teacher-notes{background:white;border:1px solid var(--line);border-radius:12px;padding:13px 17px;margin:12px 0}.score-details summary,.teacher-notes summary{cursor:pointer;font-size:14px;font-weight:700;color:#584477}.score-details p,.teacher-notes p{font-size:14px;line-height:1.65;color:#786984}#score{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phrase{background:#f8f6fc;padding:12px;border:1px solid #e9e3f4;border-radius:10px;min-width:0}.phrase>button{border:0;background:transparent;padding:0;min-height:26px;font-size:12px;color:#736485}.phrase-strip{display:flex;gap:4px;align-items:center;margin-top:8px}.phrase-note{height:35px;background:var(--color);border-radius:5px;color:white;display:grid;place-items:center;font-size:12px;font-weight:700;text-shadow:0 1px 2px #0004;min-width:12px}.phrase-note.current{outline:3px solid #39283f;outline-offset:2px}.phrase.picked{border:2px solid #8a72b5}.teacher-notes{margin-bottom:25px}@media(min-width:900px) and (max-height:850px){#falling{height:220px}.song-settings{margin-top:10px}.prepare{padding:10px 3px}header{margin-bottom:10px}.along-controls{margin-top:10px}#status{margin-bottom:8px}.board-top{padding:9px 18px}}@media(max-width:800px){.song-settings{gap:10px;padding:11px;flex-wrap:wrap}.song-settings label:first-child{flex-basis:100%}.song-settings select{font-size:14px}.song-settings label{flex:1}.prepare{flex-direction:column;align-items:start;gap:8px}.prepare>p{max-width:none}.live-tag{font-size:10px;padding:7px 8px}#needed{gap:5px}.needed{font-size:12px;padding:5px 8px}#falling{height:230px}.board-top{padding:10px;align-items:start}.board-top p{font-size:12px}.board-top span{font-size:11px}.drop{width:31px;height:31px;margin-left:-15.5px;font-size:11px}#targets{gap:5px;padding:3px 5px 10px}.target{font-size:12px;padding:5px 0;min-height:48px}.target small{font-size:8px}.along-controls{gap:6px}.along-controls>button{font-size:12px;padding:9px 10px}.along-controls>.play{flex:1}.options{width:100%;margin:8px 0 0;justify-content:space-between;gap:6px}.options label{font-size:11px}.title-row{align-items:start}h1{font-size:23px}#score{grid-template-columns:1fr}.phrase-note{font-size:11px}.header-actions{gap:7px}.header-actions button{font-size:11px;padding:7px}.header-actions>a{font-size:11px}#boardMessage{font-size:14px}#countdown{height:80px;width:80px;font-size:43px}#board:fullscreen{padding:12px}}

[hidden]{display:none!important}#targets{padding-left:0;padding-right:0;gap:0}.target{margin:0 8px}.options{flex-wrap:wrap}@media(max-width:800px){.target{margin:0 3px}.options{justify-content:flex-start}}