.pul-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.pul-board{aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:min(100%,133.333dvh - 400px);min-width:min(100%,300px);margin:5px auto;position:relative;container-type:inline-size}.pul-board canvas{background:var(--board);border:3px solid var(--ink);outline:1.5px solid var(--ink);outline-offset:3px;border-radius:4px;width:100%;height:100%;display:block}.pul-overlay{cursor:default;gap:10px;padding:16px}.pul-overlay p{max-width:46ch;margin:0;font-size:15px}.pul-counts{font-family:var(--f-mono);flex-wrap:wrap;justify-content:center;gap:12px;display:flex;font-size:13px!important}.pul-err{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;font-size:13px!important}.pul-skip{z-index:4;position:absolute;bottom:12px;right:12px}.pul-offset{margin:6px auto 0}.pul-offset-v{font-family:var(--f-mono);text-align:center;min-width:64px;font-size:13px}.pul-note{text-align:center;max-width:52ch;margin:4px auto 0;font-size:13px}.pul-menu{flex-direction:column;gap:12px;width:min(100%,560px);margin:0 auto;display:flex}.pul-songs{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pul-song{color:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.pul-song:hover,.pul-song:focus-visible{border-color:var(--accent)}.pul-num{background:var(--board);width:44px;height:44px;color:var(--accent);border:3px solid var(--accent);font-family:var(--f-display);border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid}.pul-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pul-info b{font-family:var(--f-display);overflow-wrap:anywhere;font-size:19px;font-weight:400}.pul-info small{font-size:12px}.pul-drop{text-align:center;border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex;position:relative}.pul-drop.over,.pul-drop:hover,.pul-drop:focus-within{border-color:var(--accent)}.pul-drop .muted{max-width:44ch;font-size:14px}.pul-file{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pul-busy{flex-direction:column;gap:6px;width:min(100%,280px);font-size:14px;display:flex}.pul-error{color:var(--bad);font-size:14px}@container (max-width:440px){.pul-overlay{gap:6px;padding:8px}.pul-overlay .big{font-size:28px}.pul-overlay p{font-size:13px}.pul-story{display:none}}@media (orientation:landscape) and (max-height:520px){.pul-board{width:min(100%,133.333dvh - 160px);min-width:0}}