:root{--bg:#f6f1e8;--card:#fff;--ink:#1d1a17;--muted:#6b645c;--line:#e6dfd4;--hot:#e2401c;--not:#2b6fd6;--radius:14px;
 --t1:#1f5fbf;--t2:#2f7fd9;--t3:#4a9de6;--t4:#7dbde8;--t5:#b9d9d0;--t6:#ead8a0;--t7:#f4b24f;--t8:#f08a2c;--t9:#e85a1e;--t10:#d12b12}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:var(--not)}
.top{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 18px;max-width:860px;margin:0 auto;flex-wrap:wrap}
.brand{font-weight:900;font-size:26px;letter-spacing:-.5px;text-decoration:none;color:var(--ink)}
.brand .or{font-weight:400;font-style:italic;color:var(--muted);font-size:18px}
.hot{color:var(--hot)}.not{color:var(--not)}
nav{display:flex;flex-wrap:wrap;gap:4px 14px}
nav a{text-decoration:none;color:var(--muted);font-weight:600}nav a:hover{color:var(--ink)}
main{max-width:860px;margin:0 auto;padding:0 12px 40px;overflow-x:clip}
body{overflow-x:hidden}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.q{margin:0 0 12px;font-size:22px;text-align:center}
figure{margin:0}
figure img{display:block;width:100%;height:auto;border-radius:10px}
.stage{position:relative;width:100%;aspect-ratio:4/3;max-height:62vh;border-radius:12px;overflow:hidden;background:#141210 var(--bg) center/cover no-repeat;isolation:isolate}
.stage::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(28px) saturate(1.2) brightness(.55);z-index:0}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0;z-index:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--muted)}
.cat{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-weight:600;color:var(--ink)}
.credit{color:var(--muted);text-decoration:none}.credit:hover{text-decoration:underline}
.scale{margin-top:14px}
.ends{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:6px;padding:0 2px}
.buttons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.buttons button{appearance:none;border:0;border-radius:10px;padding:14px 0;min-width:0;font-size:18px;font-weight:800;color:#fff;cursor:pointer;
 text-shadow:0 1px 1px rgba(0,0,0,.25);transition:transform .08s ease,filter .08s}
.buttons button:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.08)}
.buttons button:active{transform:scale(.96)}
.t-1{background:var(--t1)}.t-2{background:var(--t2)}.t-3{background:var(--t3)}.t-4{background:var(--t4)}.t-5{background:var(--t5);color:#1d1a17!important;text-shadow:none!important}
.t-6{background:var(--t6);color:#1d1a17!important;text-shadow:none!important}.t-7{background:var(--t7)}.t-8{background:var(--t8)}.t-9{background:var(--t9)}.t-10{background:var(--t10)}
strong.t-1,strong.t-2,strong.t-3,strong.t-4,strong.t-5,strong.t-6,strong.t-7,strong.t-8,strong.t-9,strong.t-10{color:#fff;padding:0 7px;border-radius:6px}
.skip{text-align:right;margin-top:10px;font-size:13px}.skip a{color:var(--muted)}
.result{display:flex;align-items:center;gap:12px;background:#fff8ec;border:1px solid #f0dfb8;border-radius:var(--radius);padding:10px 12px;margin:10px 0 14px;animation:pop .25s ease}
.result .thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:none}
.result-text{font-size:15px;line-height:1.5}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;color:#fff;vertical-align:middle}
.badge.t-none{background:var(--line);color:var(--muted);font-weight:600}
.list h1,.prose h1,.detail h1{margin:0 0 6px}.sub{color:var(--muted);margin:0 0 14px;font-size:14px}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.grid li a{display:block;position:relative;text-decoration:none;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.grid .rank{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.65);color:#fff;font-weight:800;border-radius:6px;padding:1px 7px;font-size:13px}
.grid .meta{display:flex;flex-direction:column;gap:4px;padding:8px;font-size:13px}
.grid .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid .n{color:var(--muted);font-size:12px}
.hist{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;height:120px;align-items:end;margin:14px 0}
.hist .bar{height:max(6%,var(--h));min-width:0;border-radius:6px 6px 3px 3px;position:relative;min-height:6px}
.hist .bar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}
.credit-full{font-size:13px;color:var(--muted);margin-top:30px}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:700}
.prose p{max-width:65ch}.credits{font-size:13px;columns:2;column-gap:24px;padding-left:18px}.credits li{margin-bottom:4px;break-inside:avoid}
footer{max-width:860px;margin:0 auto;padding:12px 18px 30px;color:var(--muted);font-size:13px;text-align:center}
.empty{text-align:center;padding:50px 18px}
.busy .buttons button{opacity:.5;pointer-events:none}
@media (max-width:520px){.buttons{gap:4px}.buttons button{padding:12px 0;font-size:15px;border-radius:8px}.credits{columns:1}.top{justify-content:center;padding:10px 12px}nav{justify-content:center;gap:2px 12px}.brand{font-size:22px}.q{font-size:19px}.card{padding:10px}.stage{max-height:50vh}figcaption{flex-wrap:wrap}.result{padding:8px 10px}.result-text{font-size:14px}}
@media (prefers-color-scheme:dark){:root{--bg:#17150f;--card:#221f19;--ink:#f2ede4;--muted:#a59d90;--line:#3a352c}.result{background:#2c2618;border-color:#4d4128}}