:root{--ink:#14181c;--dim:rgba(20,24,28,.62);--faint:rgba(20,24,28,.4);--hot:#0b93ad;--hot-ink:#ffffff;--panel:rgba(255,255,255,.78);--glass:rgba(255,255,255,.62);--line:rgba(20,24,28,.13);--shade:rgba(20,24,28,.06);--sans:ui-sans-serif,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:ui-serif,Georgia,"Times New Roman",serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#eceef0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app,#app canvas{position:fixed;inset:0;display:block;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-items:center;z-index:60;background:#eceef0;color:var(--dim);letter-spacing:.16em;font-size:12px;text-transform:uppercase;transition:opacity .6s}#loading.gone{opacity:0;pointer-events:none}#top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:linear-gradient(#eceef0eb,#eceef000);pointer-events:none}.brand{pointer-events:auto}.mark{display:block;font-weight:700;letter-spacing:.3em;font-size:13px}.sub{display:block;margin-top:4px;font-size:11px;color:var(--faint);letter-spacing:.04em}#modes{display:flex;gap:6px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.mode,#tools button{appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);padding:8px 12px;border-radius:999px;transition:.18s}.mode:hover,#tools button:hover{color:var(--ink);background:#ffffffe0}.mode:focus-visible,#tools button:focus-visible,.card-btn:focus-visible,.rchip:focus-visible,.close:focus-visible,#help-close:focus-visible,#fwd:focus-visible{outline:2px solid var(--hot);outline-offset:2px}.mode:focus:not(:focus-visible),#tools button:focus:not(:focus-visible){outline:none}.mode.on,#tools button.on{color:var(--hot-ink);background:var(--hot);border-color:var(--hot)}#legend{position:fixed;top:64px;left:20px;z-index:15;font-size:11px;color:var(--faint);max-width:min(46ch,60vw);line-height:1.5;pointer-events:none}#hud{position:fixed;left:20px;bottom:22px;z-index:15;pointer-events:none;display:flex;flex-direction:column;gap:3px;max-width:min(320px,58vw)}#hud{background:var(--panel);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px;padding:11px 15px 12px;box-shadow:0 6px 26px #14181c1a}.hz{font-family:var(--serif);font-size:26px;color:var(--hot);line-height:1.1}.hn{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr{font-size:10px;color:var(--faint);letter-spacing:.09em;text-transform:uppercase}#tools{position:fixed;right:20px;bottom:22px;z-index:20;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw;transition:transform .42s cubic-bezier(.22,1,.36,1)}body.panel-open #tools{transform:translate(calc(-1*min(400px,92vw)))}body.panel-open #hud{opacity:0}#hud{transition:opacity .3s}#fwd{position:fixed;left:50%;transform:translate(-50%);bottom:20px;z-index:20;display:none;appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:var(--panel);backdrop-filter:blur(16px);border:1px solid var(--line);padding:14px 26px;border-radius:999px;user-select:none;-webkit-user-select:none}#panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);z-index:30;background:#ffffffdb;backdrop-filter:blur(22px);border-left:1px solid var(--line);padding:26px 24px 30px;overflow-y:auto;transform:translate(102%);transition:transform .42s cubic-bezier(.22,1,.36,1)}#panel.open{transform:none}.close{position:absolute;top:14px;right:16px;appearance:none;background:none;border:0;color:var(--faint);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}.close:hover{color:var(--ink)}.ptitle{font-family:var(--serif);font-size:25px;line-height:1.22;padding-right:26px}.pmeta{margin-top:7px;font-size:12px;color:var(--dim)}.psize{margin-top:20px;font-family:var(--serif);font-size:34px;color:var(--hot)}.pshock{margin-top:5px;font-size:13px;color:var(--ink);opacity:.86}.cmpsvg{width:100%;height:142px;margin:16px 0 4px;overflow:visible}.cmp{fill:var(--dim);font-size:10px;font-family:var(--sans);letter-spacing:.06em}.cmp-mult{fill:var(--hot);font-weight:600}.pfacts{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--dim);line-height:1.45}.pfacts b{display:block;font-weight:600;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}.prhyme{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.rlabel{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}.rrow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.rchip{appearance:none;padding:0;border:1px solid var(--line);background:none;cursor:pointer;border-radius:3px;overflow:hidden;display:block;transition:.16s}.rchip:hover{border-color:var(--hot)}.rchip img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.rchip span{display:block;font-size:9px;color:var(--faint);padding:3px 2px;letter-spacing:.04em}.pfoot{margin-top:22px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;flex-wrap:wrap}.pfoot a{font-size:11px;color:var(--faint);text-decoration:none;border-bottom:1px solid var(--line)}.pfoot a:hover{color:var(--ink)}.card-btn{appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hot-ink);background:var(--hot);border:0;padding:9px 14px;border-radius:999px}#help{position:fixed;inset:auto 0 0;z-index:40;margin:0 auto;padding:30px 26px 34px;max-width:640px;max-height:min(78vh,640px);overflow-y:auto;background:#ffffffe0;backdrop-filter:blur(22px);box-shadow:0 -10px 50px #14181c1f;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;transition:.5s}#help.gone{transform:translateY(115%);opacity:0;pointer-events:none}#help h1{margin:0;font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.24}#help p{margin:12px 0 0;font-size:13px;color:var(--dim);line-height:1.6}#help .keys{color:var(--faint);font-size:11.5px;letter-spacing:.02em}#help .keys b{color:var(--ink);font-weight:600}#help .tiny{margin-top:16px;font-size:10.5px;color:var(--faint)}#help-close{position:absolute;top:12px;right:16px;appearance:none;background:none;border:0;color:var(--faint);font-size:26px;line-height:1;cursor:pointer}@media (prefers-reduced-motion:reduce){#panel,#help{transition:none}}.navsep{width:1px;align-self:stretch;background:var(--line);margin:0 3px}.view{appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);padding:8px 12px;border-radius:999px;transition:.18s}.view:hover{color:var(--ink);background:#ffffffe0}.view.on{color:var(--hot-ink);background:var(--hot);border-color:var(--hot)}body.is-rooms .mode{opacity:.42}body.is-rooms .mode.on{opacity:.42;color:var(--dim);background:#ffffff0d;border-color:var(--line)}#map{position:fixed;right:20px;top:calc(var(--topbar,64px) + 12px);z-index:16;border-radius:14px;border:1px solid var(--line);display:none;pointer-events:none;box-shadow:0 6px 26px #14181c1a}body.is-rooms #map{display:block}body.panel-open #map{opacity:0;transition:opacity .3s}body.list-open #map{display:none}#roomtag{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--topbar,64px) + 6px);z-index:15;display:none;flex-direction:column;align-items:center;gap:2px;pointer-events:none;background:var(--panel);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;padding:7px 20px 8px;box-shadow:0 6px 26px #14181c1a}body.is-rooms #roomtag.show{display:flex}#room-name{font-family:var(--serif);font-size:20px;letter-spacing:.01em}#room-sub{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}#rooms-list{position:fixed;right:20px;top:calc(var(--topbar,64px) + 12px);z-index:25;width:min(272px,80vw);max-height:min(62vh,560px);overflow-y:auto;background:#ffffffe0;backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:14px;padding:8px;display:none;box-shadow:0 10px 40px #14181c24}#rooms-list.open{display:block}.rl-head{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);padding:6px 8px 8px}#rl-find{width:100%;appearance:none;font:inherit;font-size:12.5px;color:var(--ink);background:var(--shade);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 8px;outline:none}#rl-find::placeholder{color:var(--faint)}#rl-find:focus{border-color:var(--hot)}#rl-rows{display:flex;flex-direction:column}#rl-none{font-size:11px;color:var(--faint);padding:10px 9px}.rl.artist b{color:var(--hot)}.rl{display:block;width:100%;text-align:left;appearance:none;background:none;border:0;cursor:pointer;padding:7px 9px;border-radius:7px;color:var(--ink);font:inherit;transition:.14s}.rl:hover{background:var(--shade)}.rl b{display:block;font-weight:500;font-size:12.5px}.rl span{display:block;font-size:10px;color:var(--faint);margin-top:1px}@media (max-width:760px){#top{padding:12px 14px;gap:8px;align-items:center}.mark{font-size:10px;letter-spacing:.2em;white-space:nowrap}.sub{display:none}#modes{gap:4px;flex-wrap:nowrap}.view,.mode{padding:7px 9px;font-size:10px;letter-spacing:.06em}.navsep,body.is-rooms .mode,#legend{display:none}#room-name{font-size:16px}#room-sub{font-size:9px}#map{top:auto;bottom:252px;right:14px}#rooms-list{inset:auto 14px 252px;width:auto;max-height:44vh}#hud{left:14px;right:14px;bottom:170px;max-width:none;padding:9px 13px 10px}.hz{font-size:21px}#tools{right:14px;left:14px;bottom:78px;justify-content:center;gap:5px;max-width:none}#tools button{padding:8px 11px;font-size:10px}#fwd{display:block;bottom:20px}body.panel-open #tools{transform:none}body.panel-open #fwd,body.panel-open #hud,body.panel-open #roomtag{opacity:0;pointer-events:none}#help{max-width:none}}@media (max-width:760px) and (max-height:720px){#map{bottom:238px;width:96px!important;height:96px!important}#hud{bottom:158px;padding:7px 11px 8px}.hz{font-size:18px}.hn{font-size:11px}.hr{font-size:9px}#tools{bottom:72px}#rooms-list{bottom:238px;max-height:38vh}}#credit{display:flex;gap:16px;flex-wrap:wrap;margin-top:7px}#credit a{color:var(--dim);text-decoration:none;border-bottom:1px solid var(--line)}#credit a:hover{color:var(--ink)}#credit em{font-style:normal;color:var(--faint);margin-left:4px}