:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#f8f8f8}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button,a.active{cursor:pointer}button,nav a,.actions a{border:1px solid #555;border-radius:11px;padding:12px 18px;background:#111;color:#eee;text-decoration:none;font-weight:600;font-size:14px}button:hover,nav a:hover,.actions a:hover{background:#303030;border-color:#aaa}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b9c6ff;outline-offset:4px}header{max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px;gap:24px;border-bottom:1px solid #242424}.brand{font-size:22px;text-decoration:none;font-weight:900;letter-spacing:-1px}.brand span{color:#999}nav{display:flex;gap:12px}nav .active,.light{background:#f3f3f3;color:#111;border-color:#f3f3f3}.light:hover,nav .active:hover{background:#d7d7d7;color:#000}.edition,.eyebrow{font:12px monospace;letter-spacing:2px;color:#aaa}main{max-width:1270px;margin:44px auto 70px;padding:0 32px;min-height:65vh}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.6px;margin:12px 0 0}.total{font-size:14px;color:#999}.total strong{color:#eee}.toolbar{display:flex;gap:12px;margin-bottom:36px}.search{display:flex;align-items:center;gap:14px;background:#f3f3f3;color:#111;border-radius:12px;flex:1;padding:0 18px}.search span{font-size:32px}.search input{border:0;background:transparent;color:#111;min-width:0;width:100%;padding:17px 0;font-size:16px;outline-offset:0}.search kbd{border:1px solid #bbb;border-radius:4px;padding:2px 6px;color:#777}.listhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.listhead h2{font-size:19px;margin:0}.listhead span{color:#999;font-size:14px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.card{border:1px solid #303030;border-radius:17px;background:#232323;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:18px;color:white;transition:transform .15s,border-color .15s;text-align:center;min-width:0}.card:hover{transform:translateY(-4px);background:#2d2d2d;border-color:#999}.card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#333}.card .name{font-weight:700;font-size:16px;line-height:1.35;min-height:44px;display:flex;align-items:center;justify-content:center}.fallback{width:100%;aspect-ratio:1;border-radius:12px;background:#373737;display:grid;place-items:center;font-size:44px;color:#aaa}.card .source{font:11px monospace;letter-spacing:1px;color:#999}footer{border-top:1px solid #252525;padding:24px 36px;display:flex;justify-content:space-between;gap:20px;color:#888;font-size:12px;line-height:1.6}footer>span:first-child{letter-spacing:2px}.playerbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.playerbar h1{font-size:24px;letter-spacing:-.5px;margin:0;flex:1}.actions{display:flex;gap:8px}.actions a{display:inline-flex;align-items:center}#frameWrap{background:#141414;border:1px solid #333;border-radius:14px;overflow:hidden;height:min(70vh,760px)}iframe{border:0;display:block;width:100%;height:100%;background:#fff}#frameWrap:fullscreen{height:100vh;width:100vw;border:0;border-radius:0}.playernote{font-size:14px;color:#aaa;line-height:1.6}dialog{background:#202020;color:white;border:1px solid #555;border-radius:18px;max-width:540px;padding:30px}dialog::backdrop{background:#000c}dialog p{color:#bbb;line-height:1.7}dialog h2{font-size:24px}#empty{text-align:center;padding:50px}#error{padding:30px} [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.card{transition:none}}@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.edition{display:none}}@media(max-width:760px){header{padding:20px;flex-wrap:wrap;gap:18px}.brand{width:100%}nav{width:100%}nav>*{flex:1;text-align:center;padding:10px 12px}main{margin-top:30px;padding:0 20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.total{display:none}.card{padding:12px 10px;gap:10px}.card .name{font-size:14px}.card .source{display:none}.intro{margin-bottom:24px}.search{padding:0 12px}.search kbd{display:none}.toolbar{margin-bottom:28px}.toolbar button{padding:12px}.actions{width:100%;flex-wrap:wrap}footer{padding:24px 20px;flex-direction:column;gap:8px}}@media(max-width:440px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.toolbar .light{width:100%}.search{min-width:100%}h1{font-size:30px}.card .name{font-size:16px}}

a.card{text-decoration:none;font-family:inherit;}