:root{color-scheme:dark;--bg:#09070f;--surface:#12101a;--surface-raised:#191523;--surface-active:#211832;--line:#302841;--line-strong:#51406b;--text:#f5f1ff;--muted:#a9a0b8;--violet:#9f6dff;--violet-soft:#c5a6ff;--green:#8bf542;--green-dark:#173c19;--danger:#ff6f91;--max-width:1480px;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 72% -20%, #2a1847 0, transparent 35rem), var(--bg);margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.skip-link{z-index:100;color:#081006;background:var(--green);border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,.library-layout,.site-footer{width:min(calc(100% - 2rem), var(--max-width));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:82px;display:flex}.brand-lockup{letter-spacing:.01em;align-items:center;gap:.75rem;display:flex}.brand-lockup>span:last-child{gap:.12rem;display:grid}.brand-lockup strong{font-size:1rem}.brand-lockup small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.brand-mark{width:2.5rem;height:2.5rem;color:var(--green);border:1px solid var(--violet);letter-spacing:-.08em;background:#171121;border-radius:.65rem;place-items:center;font-weight:900;display:grid}.library-summary{color:var(--muted);margin:0;font-size:.85rem}.library-summary strong{color:var(--text)}.header-actions{align-items:center;gap:.8rem;display:flex}.locale-toggle{min-width:4.4rem;min-height:2.5rem;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;background:#171121;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.locale-toggle:hover{color:var(--green);border-color:var(--violet)}.locale-toggle>span{color:var(--violet-soft);font-size:.78rem}.locale-toggle strong{letter-spacing:.08em;font-size:.78rem}.library-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:clamp(1rem,2.5vw,2.5rem);padding-block:2rem 3.5rem;display:grid}.catalog-panel,.player-panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);border-radius:1rem;min-width:0}.catalog-panel{scrollbar-color:var(--line-strong) transparent;max-height:calc(100vh - 2rem);padding:1.15rem;position:sticky;top:1rem;overflow:auto}.catalog-heading{padding:.35rem .35rem 1rem}.eyebrow{color:var(--violet-soft);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1,h2{letter-spacing:-.025em;margin:0;line-height:1.12}.catalog-heading h1{font-size:clamp(1.55rem,3vw,2.15rem)}.catalog-heading>p:last-child,.player-description{color:var(--muted);margin:.65rem 0 0;line-height:1.55}.search-field{border:1px solid var(--line);background:#0d0a13;border-radius:.65rem;align-items:center;gap:.7rem;min-height:46px;padding:0 .85rem;display:flex}.search-field:focus-within{border-color:var(--violet)}.search-field svg,.action-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15rem;height:1.15rem}.search-field svg{color:var(--muted)}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:.86rem}.search-field input::placeholder{color:#766e82}.category-filter{margin-top:1rem}.category-filter>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem .25rem;font-size:.69rem;font-weight:800}.category-filter-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.category-filter-button{min-height:34px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0d0a13;border-radius:999px;padding:.42rem .65rem;font-size:.69rem;font-weight:750}.category-filter-button:hover{color:var(--text);border-color:var(--violet)}.category-filter-button.is-active{color:#0a1507;background:var(--green);border-color:var(--green)}.catalog-groups{gap:1.15rem;margin-top:1.2rem;display:grid}.category-heading{justify-content:space-between;align-items:center;gap:1rem;padding:0 .35rem .5rem;display:flex}.category-heading h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.category-heading span{min-width:1.5rem;color:var(--violet-soft);text-align:center;background:#241b32;border-radius:999px;padding:.18rem .4rem;font-size:.68rem}.catalog-group ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.mechanic-select{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;gap:.3rem;width:100%;padding:.78rem .85rem;display:grid}.mechanic-select:hover{background:var(--surface-raised);border-color:var(--line)}.mechanic-select.is-active{background:var(--surface-active);border-color:var(--violet);box-shadow:inset 3px 0 var(--green)}.mechanic-select span{font-size:.93rem;font-weight:730}.mechanic-select small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.4;display:-webkit-box;overflow:hidden}.empty-search{text-align:center;border:1px dashed var(--line-strong);background:#0d0a13;border-radius:.75rem;margin-top:1rem;padding:2rem 1rem}.empty-search p{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.player-panel{padding:clamp(1rem,2vw,1.5rem)}.player-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.player-heading h2{font-size:clamp(1.4rem,3vw,2rem)}.status-pill{color:var(--green);background:var(--green-dark);border:1px solid #356e2e;border-radius:999px;flex:none;padding:.4rem .65rem;font-size:.72rem;font-weight:800}.status-pill[data-state=loading]{color:var(--violet-soft);background:#281c3e;border-color:#604692}.status-pill[data-state=error]{color:#ffd2dc;background:#441727;border-color:#8a2d4c}.player-description{max-width:70ch}.player-actions{flex-wrap:wrap;gap:.55rem;margin:1.1rem 0;display:flex}.action-button{border:1px solid var(--line-strong);cursor:pointer;background:#1a1622;border-radius:.58rem;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.65rem .85rem;font-size:.8rem;font-weight:750;display:inline-flex}.action-button:hover{color:#fff;border-color:var(--violet);background:#261e32}.action-primary{color:#0a1507;background:var(--green);border-color:var(--green)}.action-primary:hover{color:#071204;background:#a4ff67;border-color:#a4ff67}.player-frame{width:min(100%,56.25vh - 171.563px);min-width:min(100%,290px);max-width:720px;aspect-ratio:var(--player-ratio);border:1px solid var(--line-strong);background:#030205;border-radius:.8rem;margin-inline:auto;position:relative;overflow:hidden}.player-frame:fullscreen{background:#000;border:0;border-radius:0;place-items:center;width:100vw;max-width:none;height:100vh;display:grid}.player-frame:fullscreen iframe{width:min(100vw,56.25vh);height:100vh}.player-frame iframe{background:#07050b;border:0;width:100%;height:100%;display:block}.player-frame:focus-within{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 35%, transparent)}.frame-loading,.frame-error{z-index:2;text-align:center;background:#08060d;place-content:center;justify-items:center;gap:.8rem;padding:2rem;position:absolute;inset:0}.frame-loading:not([hidden]),.frame-error:not([hidden]){display:grid}.frame-loading[hidden],.frame-error[hidden]{display:none}.frame-loading{color:var(--muted);font-size:.85rem}.frame-loading span{border:3px solid #342745;border-top-color:var(--green);border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite spin}.frame-error strong{color:var(--danger)}.frame-error p{max-width:26rem;color:var(--muted);margin:0;line-height:1.5}.player-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 0;display:grid}.keyboard-hint{max-width:62ch;color:var(--muted);text-align:center;margin:.8rem auto 0;font-size:.74rem;line-height:1.45}.player-meta>div{border:1px solid var(--line);background:#0d0a13;border-radius:.65rem;min-width:0;padding:.8rem}.player-meta dt{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.67rem;font-weight:800}.player-meta dd{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.site-footer{color:var(--muted);border-top:1px solid var(--line);padding-block:1.5rem 2rem;font-size:.76rem}.site-footer p{margin:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame-loading span{animation:none}}@media (width<=860px){.library-layout{grid-template-columns:1fr}.catalog-panel{max-height:none;position:static}.catalog-groups{max-height:21rem;padding-right:.2rem;overflow:auto}.player-frame{width:min(100%,430px);min-width:0}}@media (width<=560px){.site-header,.library-layout,.site-footer{width:min(calc(100% - 1rem), var(--max-width))}.site-header{min-height:70px}.brand-lockup small,.library-summary{display:none}.header-actions{gap:0}.locale-toggle{min-width:4rem}.library-layout{gap:.75rem;padding-block:.75rem 2rem}.catalog-panel,.player-panel{border-radius:.75rem}.catalog-heading h1{font-size:1.45rem}.catalog-heading>p:last-child{font-size:.87rem}.player-heading{align-items:center}.status-pill{text-align:center;max-width:8rem}.player-actions{grid-template-columns:1fr 1fr;display:grid}.action-button{width:100%;padding-inline:.6rem}.action-primary{grid-column:1/-1}.player-meta{grid-template-columns:1fr}}