:root{--ink-900:#171a21;--ink-800:#1b2027;--ink-700:#22262d;--ink-600:#2b3038;--ink-500:#3a4049;--ink-400:#4e5560;--slate-300:#8f98a0;--slate-200:#c6d4df;--white:#fff;--sky-500:#66c0f4;--sky-600:#4c8cc0;--navy-700:#1b3f5a;--navy-600:#2a5f7f;--lime-500:#a4d007;--lime-700:#5c7e10;--amber-500:#e0a94d;--color-bg:var(--ink-800);--color-header:var(--ink-900);--color-surface:var(--ink-700);--color-surface-raised:var(--ink-600);--color-surface-hover:#343a44;--color-border:var(--ink-500);--color-border-strong:var(--ink-400);--color-text:var(--slate-200);--color-text-strong:var(--white);--color-text-dim:var(--slate-300);--color-link:var(--sky-500);--color-tab-active:var(--sky-600);--color-panel-head-a:var(--navy-600);--color-panel-head-b:var(--navy-700);--color-action-a:var(--lime-500);--color-action-b:var(--lime-700);--color-warning:var(--amber-500);--font-body:Arial, Helvetica, "Liberation Sans", sans-serif;--font-mono:Consolas, "Lucida Console", Menlo, monospace;--radius:2px;--width:940px;--main:616px;--side:308px}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font:12px/1.5 var(--font-body);-webkit-text-size-adjust:100%}body{flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-text-strong)}img{max-width:100%;display:block}h1,h2,h3{color:var(--color-text-strong);text-wrap:balance;margin:0;font-weight:400;line-height:1.2}p{text-wrap:pretty;margin:0}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.container{width:100%;max-width:var(--width);margin:0 auto;padding:0 12px}.xhead{background:linear-gradient(#3a4049,#22262d 55%,#1b2027);border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff24}.xhead-top{justify-content:space-between;align-items:flex-end;gap:16px;padding-top:14px;padding-bottom:10px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.logo{letter-spacing:-.03em;color:var(--color-text-strong);text-shadow:0 1px #000;font-size:26px;font-weight:700;line-height:1}.logo:hover{color:var(--color-text-strong)}.logo b{color:var(--color-action-a);font-weight:700}.dateline{color:var(--color-text-dim);font-variant-numeric:tabular-nums;font-size:11px}.dateline .sep{color:var(--color-border-strong);margin:0 4px}.utility{align-items:center;gap:14px;font-size:11px;display:flex}.utility>a{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.utility>a:hover,.utility>a[aria-current]{color:var(--color-text-strong)}.utility form{align-items:center;gap:4px;display:flex}.utility input{background:var(--ink-900);border:1px solid var(--color-border-strong);width:160px;height:24px;color:var(--color-text);border-radius:12px;padding:0 8px;font-size:11px}.utility input:focus{border-color:var(--color-action-a);outline:1px solid var(--color-action-a);outline-offset:0}.utility button{background:var(--ink-600);border:1px solid var(--color-border-strong);width:24px;height:24px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.utility button:hover{color:var(--color-text-strong);background:var(--ink-500)}.xtabs ul{box-shadow:inset 0 1px 0 #ffffff0f, 0 2px 0 var(--color-action-b);background:#0d0f12;border:1px solid #000;border-bottom:none;border-radius:3px 3px 0 0;align-items:stretch;display:flex}.xtabs li{display:flex}.xtabs a{text-transform:uppercase;letter-spacing:.06em;height:30px;color:var(--color-text);white-space:nowrap;border-right:1px solid #2a2f37;align-items:center;padding:0 16px;font-size:11px;font-weight:700;display:flex}.xtabs li:last-child a{border-right:none}.xtabs a:hover{color:var(--color-text-strong);background:#171a20}.xtabs a[aria-current]{background:linear-gradient(var(--color-action-a), #8ab30a);color:#10200a;text-shadow:0 1px #ffffff40}.xtabs a[aria-current]:hover{color:#10200a}.xtabs a:first-child{border-radius:3px 0 0}.cols{grid-template-columns:var(--main) var(--side);align-items:start;gap:16px;margin-top:16px;display:grid}.main,.side{flex-direction:column;gap:16px;min-width:0;display:flex}.box{background:var(--color-surface);border:1px solid var(--color-border)}.box-head{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);height:28px;color:var(--color-text-strong);align-items:center;gap:12px;padding:0 10px;font-size:12px;display:flex}.box-head .spacer{flex:1}.box-head .see-all{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:2px 8px;font-size:10px}.box-head .see-all:hover{color:var(--color-text-strong);border-color:var(--color-border-strong)}.panel{background:var(--color-surface);border:1px solid var(--color-border)}.panel-head{background:linear-gradient(var(--color-panel-head-a), var(--color-panel-head-b));height:26px;color:var(--color-text-strong);padding:0 10px;font-size:12px;line-height:26px}.panel-body{padding:10px}.tabs{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);display:flex}.tabs button,.tabs a{border:none;border-right:1px solid var(--color-border);height:28px;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;padding:0 12px;font-size:10px}.tabs button[aria-selected=true],.tabs a[aria-current]{background:var(--color-surface);color:var(--color-text-strong)}.tabs button:hover,.tabs a:hover{color:var(--color-text-strong)}.btn{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:linear-gradient(var(--ink-600), var(--ink-700));height:26px;color:var(--color-text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;transition:scale .15s ease-out;display:inline-flex}.btn:hover{color:var(--color-text-strong);background:linear-gradient(var(--ink-500), var(--ink-600))}.btn:active{scale:.96}.btn-play{background:linear-gradient(var(--color-action-a), var(--color-action-b));color:#d2efa9;text-shadow:0 1px #0000004d;border-color:#3c5407;font-weight:700}.btn-play:hover{color:#fff;background:linear-gradient(#b6e50c,#6e9614)}.btn-lg{height:34px;padding:0 20px;font-size:14px}.btn-sm{height:22px;padding:0 8px;font-size:11px}.btn-danger{color:var(--color-warning)}.input,textarea.input,select.input{background:var(--ink-900);border:1px solid var(--color-border-strong);border-radius:var(--radius);width:100%;min-height:28px;color:var(--color-text);padding:4px 8px}textarea.input{resize:vertical;min-height:90px;line-height:1.5}.input:focus{border-color:var(--color-link);outline:1px solid var(--color-link);outline-offset:0}label.field{margin-bottom:12px;display:block}label.field>span:first-child,.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.hint{color:var(--color-text-dim);margin-top:3px;font-size:11px;display:block}.tag{border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);padding:0 5px;font-size:10px;line-height:16px;display:inline-block}.tag:hover{background:var(--color-surface-hover);color:var(--color-text-strong)}.status{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.status-broken{color:var(--color-warning)}.status-removed,.muted{color:var(--color-text-dim)}.mono{font-family:var(--font-mono);word-break:break-all;font-size:11px}.capsule{color:var(--color-text);display:block}.capsule img,.capsule .cover-empty{aspect-ratio:16/9;object-fit:cover;background:var(--ink-900);outline-offset:-1px;outline:1px solid #ffffff14;width:100%}.capsule .cover-empty{text-align:center;color:var(--color-text-dim);justify-content:center;align-items:center;padding:8px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.capsule .name{color:var(--color-text-strong);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.capsule .sub{color:var(--color-text-dim);font-size:10px;display:block}.capsule:hover .name{color:var(--color-link)}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-dim);margin-top:32px;padding:14px 0 24px;font-size:11px}.site-footer .container{flex-wrap:wrap;gap:16px;display:flex}@media (width<=960px){.cols{grid-template-columns:1fr}:root{--main:100%}}@media (width<=640px){.xhead-top{flex-direction:column;align-items:stretch}.utility{justify-content:space-between}.utility form{flex:1}.utility input{flex:1;width:auto}.xtabs ul{scrollbar-width:none;overflow-x:auto}.xtabs ul::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}