:root{color-scheme:dark;font:15px/1.5 system-ui,"PingFang SC","Microsoft YaHei",sans-serif;color:#ebece6;background:#111310;--accent:#d2ed7e;--muted:#acb0a7;--line:#393d36}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}button,select,input[type=search]{background:#242820;border:1px solid var(--line);border-radius:7px;padding:7px 10px}button{cursor:pointer}button:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}header{display:flex;align-items:center;justify-content:space-between;padding:15px clamp(14px,4vw,52px);border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:700;display:flex;gap:12px;align-items:center;color:var(--accent)}.brand span{color:#f0f2eb}.brand small,.eyebrow{display:block;font-size:10px;letter-spacing:.16em}.brand small{color:var(--muted)}nav{display:flex;gap:16px}nav a{color:var(--muted)}nav [aria-current]{color:var(--accent)}main{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr);min-height:calc(100svh - 65px)}aside{padding:22px;border-right:1px solid var(--line)}.eyebrow{color:var(--accent);margin:0}h1{font-size:30px;margin:4px 0}.intro,#count,#hint{color:var(--muted);font-size:13px;margin:6px 0 15px}.search span{display:block;font-size:12px;margin-bottom:5px}.search input{width:100%}.filters{display:flex;gap:6px;margin-top:10px}.filters button{font-size:12px}.filters [aria-pressed=true]{background:var(--accent);color:#202718}#count{margin:12px 0 6px}#entries{display:grid;align-content:start;gap:4px;max-height:calc(100svh - 330px);overflow:auto}#entries a{text-decoration:none;color:inherit;padding:7px;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:10px;text-align:left;width:100%;border-color:transparent;background:none}#entries a[aria-current=true]{background:#283222;border-color:#586546}#entries img{width:64px;height:42px;object-fit:cover;border-radius:4px}#entries strong,#entries small{display:block}#entries small{color:var(--muted);font-size:11px}#stage{padding:20px clamp(12px,2vw,32px);min-width:0;background:#151715;display:flex;flex-direction:column;gap:12px}.caption{display:flex;align-items:center;justify-content:space-between}h2{font-size:24px;margin:0}.caption a{font-size:13px;color:var(--accent)}.artboard{position:relative;background:radial-gradient(ellipse at center,#292d25,#151714);border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:1;min-height:300px}#poster,#player,.touch-guide{position:absolute;inset:0;width:100%;height:100%}#poster{object-fit:contain}#player{touch-action:none}#player canvas{width:100%;height:100%}#status{position:absolute;bottom:10px;left:12px;padding:4px 8px;border-radius:4px;background:#171a16d9;color:#d5dfc8;font-size:12px;pointer-events:none}#controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}#controls label:not(.check){font-size:12px;color:var(--muted)}#controls select{display:block;max-width:210px;margin-top:2px;min-width:100px}#controls [hidden]{display:none!important}.check{align-self:center;font-size:13px}#hint{margin:0}#stage:fullscreen,#stage.expanded{background:#121411;width:100%;height:100svh}#stage.expanded{position:fixed;inset:0;z-index:99}.touch-guide{pointer-events:none}.touch-guide rect{fill:#d2ed7e18;stroke:#d2ed7e;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
@media(max-width:720px){main{display:flex;flex-direction:column}aside{padding:12px;border-right:0}aside h1{font-size:21px}.intro{display:none}.search{display:block;margin:7px 0}.filters{margin-top:0}#entries{display:flex;overflow:auto;max-height:none}#entries a{min-width:138px;width:auto;max-width:180px}#entries img{width:48px;height:36px}#stage{padding:12px}.artboard{min-height:clamp(280px,55svh,540px)}header{padding:8px 12px}.brand{font-size:16px}.brand small{font-size:8px}nav{gap:9px;font-size:12px}#stage:fullscreen .artboard,#stage.expanded .artboard{min-height:100px}}