:root{--site-accent:#dffb4a;--site-panel:#141322;--site-border:#ffffff24}
.site-tools{display:flex;gap:6px;align-items:center}.site-tool{display:inline-grid;place-items:center;min-height:42px;min-width:42px;border:1px solid var(--site-border);border-radius:50%;background:#ffffff09;color:#fff;cursor:pointer;font-size:20px}.site-tool:focus-visible,.site-dialog :focus-visible,.site-dock a:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}
.site-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--site-border);border-radius:24px;background:#11101e;color:#f5f3fa;padding:24px;box-shadow:0 24px 80px #0008;overflow:auto}.site-dialog::backdrop{background:#05050ecc;backdrop-filter:blur(5px)}.site-dialog h2{font-size:25px;line-height:1.2;margin:0}.site-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.site-dialog button,.site-panel button,.site-extra-controls button{border:1px solid var(--site-border);border-radius:12px;background:#ffffff0a;color:inherit;min-height:44px;padding:10px 14px;font:inherit;cursor:pointer}.site-dialog button[type=submit],.site-dialog .site-primary{background:var(--site-accent);color:#10121a;border-color:transparent;font-weight:750}.site-dialog input:not([type=checkbox]),.site-dialog select,.site-extra-controls select{width:100%;min-height:46px;padding:11px;border:1px solid var(--site-border);border-radius:10px;color:#f5f3fa;background:#1b192d;font:inherit}.site-dialog label{display:grid;gap:7px;font-size:14px}.site-dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;margin:12px 0}.site-dialog input[type=checkbox]{width:20px;height:20px;accent-color:var(--site-accent)}.site-dialog p{color:#bcb8ce;font-size:14px}.site-dialog fieldset{border:1px solid var(--site-border);border-radius:14px;margin:16px 0;padding:16px}.site-dialog legend{padding:0 5px;font-weight:700}.site-search-input{margin-bottom:10px}.site-search-filters{display:flex;gap:6px;flex-wrap:wrap}.site-search-filters button[aria-pressed=true]{background:var(--site-accent);color:#10121a}.site-search-results{display:grid;gap:7px;margin:16px 0}.site-search-results a{padding:14px;border:1px solid var(--site-border);border-radius:12px;display:grid;gap:4px}.site-search-results a:hover{background:#ffffff0b}.site-search-results small{font-size:12px;color:var(--site-accent);text-transform:uppercase;letter-spacing:.06em}.site-search-results span{font-size:13px;color:#bcb8ce}.site-search-results strong{font-size:16px;overflow-wrap:anywhere}.site-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.site-theme-grid button{display:grid;gap:8px;justify-items:center;font-size:13px}.site-theme-grid i{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch)}.site-theme-grid button[aria-pressed=true]{border-color:var(--site-accent);box-shadow:inset 0 0 0 1px var(--site-accent)}
.site-dock{display:none}.site-table{margin-top:20px;margin-bottom:20px;padding:20px 24px;border:1px solid var(--site-border);border-radius:22px;color:#f5f3fa;background:linear-gradient(115deg,#19162d,#111423)}.site-table-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.site-table h2{font-size:20px;margin:0}.site-table small{color:#bcb8ce}.site-table-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.site-table-links a{display:grid;padding:13px;background:#ffffff06;border:1px solid var(--site-border);border-radius:12px;font-size:14px;gap:4px}.site-table-links strong{color:var(--site-accent);font-size:15px}.site-table-links span{font-size:12px;color:#c4bfd3}.site-extra-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0;color:#f5f3fa}.site-extra-controls label{display:grid;gap:7px;min-width:160px;flex:1;font-size:14px}.site-extra-controls button[aria-pressed=true]{border-color:var(--site-accent);color:var(--site-accent)}
.site-panel{border:1px solid var(--site-border);border-radius:18px;padding:20px;background:#141322;color:#f5f3fa;margin:18px 0;min-width:0}.site-panel h3{font-size:20px;margin:0 0 10px}.site-panel p{color:#c4bfd3;font-size:14px}.site-panel a{color:var(--site-accent)}.site-panel ul{list-style:none;padding:0}.site-panel li{padding:12px 0;border-top:1px solid var(--site-border)}.site-panel li small{display:block;color:#c4bfd3}.site-watch-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-watch-summary h3{margin:0}.site-break-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.site-break-grid .live-panel{display:block;height:auto;min-height:0;margin:0;border-radius:16px;padding:18px}.site-break-grid h3{font-size:18px;line-height:1.3;text-transform:none;letter-spacing:0}.site-break-grid p{font-size:14px}.site-break-grid button,.site-break-grid .button{min-height:44px;font-size:14px}.site-waitlists{scroll-margin-top:100px}.site-waitlists>summary{font-size:20px;font-weight:750;cursor:pointer;min-height:44px}.site-waitlists .site-break-grid{margin-top:16px}.site-play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.site-play-grid a{padding:28px;background:linear-gradient(145deg,#20172f,#111827);border:1px solid var(--site-border);border-radius:24px;color:#f5f3fa;display:grid;gap:16px}.site-play-grid strong{font-size:26px;color:var(--site-accent)}.site-play-grid p{margin:0;color:#c4bfd3}.site-play-grid span{font-size:15px}.site-play-page{padding:32px 0 80px;color:#f5f3fa;min-height:70vh}.site-play-page h1{font-size:clamp(34px,7vw,64px);margin:0 0 10px}
.site-offline{position:fixed;z-index:100;bottom:12px;left:50%;transform:translateX(-50%);background:#f2cf85;color:#151420;padding:9px 16px;border-radius:12px;font-size:14px;max-width:90%;box-shadow:0 5px 30px #0006}.site-offline[hidden]{display:none}.site-compare-bar{margin:18px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.site-compare-dialog{width:min(900px,calc(100% - 24px))}.site-compare-dialog table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}.site-compare-dialog th,.site-compare-dialog td{padding:10px 7px;border-bottom:1px solid var(--site-border);text-align:left;overflow-wrap:anywhere}.site-compare-dialog th:first-child{width:55%}.site-compare-dialog td:not(:first-child){font-variant-numeric:tabular-nums}.site-compare-dialog tr[data-changed=true]{background:#c5a8ff0b}.site-compare-dialog .site-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-share-preview{display:block;width:min(100%,380px);height:auto;border-radius:16px;margin:18px auto}.site-share-actions{display:flex;gap:10px;flex-wrap:wrap}.site-sr-status{min-height:1.5em}.site-account-tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.site-profile-theme .member-profile-avatar{outline:2px solid var(--site-accent);outline-offset:4px}
body[data-site-ink]:not([data-site-ink=default]){--lime:var(--site-accent)}.site-foil{position:relative;isolation:isolate;overflow:hidden}.site-foil:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#c5a8ff12 42%,#fff3 48%,#9bddbd16 53%,transparent 66%);transform:translateX(-120%);transition:transform .8s ease;z-index:3}.site-foil:hover:after,.site-foil:focus-within:after{transform:translateX(120%)}
body[data-site-motion=quiet] .site-foil:after{display:none}body[data-site-motion=quiet] .ambient-ink-speck,body[data-site-motion=quiet] .ink-speck{display:none}body[data-site-motion=quiet] .market-ticker-track{animation-play-state:paused}body[data-site-motion=quiet] *{scroll-behavior:auto!important}.site-dialog [hidden],.site-table[hidden],.site-panel[hidden]{display:none!important}
@media(min-width:1261px){.site-nav a.nav-menu-only[href='/play'],.site-nav a.nav-menu-only[href='/#watch-live']{display:inline-flex}.site-nav{gap:2px}.site-nav a{padding-left:10px;padding-right:10px;font-size:12px}.site-header .header-cta{display:none}}
@media(max-width:900px){body:has(.site-dock){padding-bottom:calc(68px + env(safe-area-inset-bottom))}.site-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:80;left:0;right:0;bottom:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0d0c1cf2;border-top:1px solid var(--site-border);backdrop-filter:blur(18px)}.site-dock a{min-height:48px;display:grid;place-content:center;justify-items:center;gap:3px;font-size:11px;color:#bab7cc;border-radius:12px}.site-dock svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}.site-dock a[aria-current]{background:color-mix(in srgb,var(--site-accent) 10%,transparent);color:var(--site-accent)}.site-tools{margin-left:auto}.site-tool{min-height:38px;min-width:38px;font-size:18px}.site-offline{bottom:calc(75px + env(safe-area-inset-bottom))}body.is-focused .site-dock,body.is-focused .site-offline{display:none}.site-table-links{grid-template-columns:repeat(2,minmax(0,1fr))}.site-break-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.site-dialog{padding:18px;border-radius:18px}.site-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-play-grid,.site-break-grid{grid-template-columns:1fr}.site-table{padding:16px}.site-table-head{align-items:start}.site-table-head>a{font-size:13px}.site-table-links{gap:7px}.site-table-links a{padding:10px}.site-extra-controls{gap:8px}.site-extra-controls label{min-width:125px}.site-watch-summary{display:block}.site-watch-summary>a{display:inline-block;margin-top:10px}.site-compare-dialog .site-columns{grid-template-columns:1fr}.site-tool span{display:none}.site-header .brand{min-width:0}.site-header .brand-name{font-size:11px}.site-tools{gap:4px}}
@media(prefers-reduced-motion:reduce){.site-foil:after{display:none}.site-dialog,.site-search-results a{animation:none;transition:none}}
.site-community{padding:36px 0;color:#f5f3fa}.site-community img{height:250px;width:100%;object-fit:contain;margin-bottom:16px}.site-community h2{font-size:30px}.site-community h3{font-size:18px}.site-community[hidden]{display:none}
@media(min-width:1261px){.site-nav a.site-main-link{display:inline-flex!important}.site-nav a.nav-menu-only:not(.site-main-link){display:none!important}}
body.play-page{background:#0d0c1c}.play-page .site-header{color:#f5f3fa;background:#0d0c1c}
.play-page .site-play-page{padding-top:116px}
@media(max-width:900px){.site-header:has(.site-tools){display:flex;align-items:center;gap:8px;padding:12px 16px}.site-header:has(.site-tools) .brand{margin-right:auto;flex:1}.site-header:has(.site-tools) .menu-button{flex-shrink:0}.site-header:has(.site-tools) .header-cta{display:none}.site-header:has(.site-tools) .member-header{display:none}}

@media(min-width:901px) and (max-width:1260px){.site-header:has(.site-tools){display:flex;align-items:center;gap:12px}.site-header:has(.site-tools) .brand{margin-right:auto}.site-header:has(.site-tools) .header-cta{display:none}}
@media(max-width:380px){.site-header:has(.site-tools) .brand-name{display:none}}
@media(min-width:1261px){.site-header:has(.site-tools){display:flex;gap:18px}.site-header:has(.site-tools) .brand{order:0;flex-shrink:0}.site-header:has(.site-tools) .site-nav{order:1;margin-inline:auto}.site-header:has(.site-tools) .site-tools{order:2;flex-shrink:0}.site-header:has(.site-tools) .header-actions{order:3;flex-shrink:0}}

body[data-site-motion=quiet] .ambient-ink-field,body[data-site-motion=quiet] .ambient-ink-specks{display:none}body[data-site-motion=quiet] .member-pull-shine,body[data-site-motion=quiet] .rarity-art,body[data-site-motion=quiet] .member-profile-avatar:before{animation:none!important}

/* Keep the mobile menu within the visible screen, independently scrollable. */
.site-menu-search{display:none}
@media(max-width:1260px){
 .site-header:has(.site-tools) .site-nav{top:100%;right:12px;position:absolute;width:min(390px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 190px - env(safe-area-inset-bottom));padding:0 14px 14px;border:1px solid var(--site-border);border-radius:20px;background:#10101e;box-shadow:0 22px 50px #0008;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-padding-top:82px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
 .site-header:has(.site-tools) .site-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
 .site-header:has(.site-tools) .site-nav{scrollbar-width:thin;scrollbar-color:#746a94 #10101e}
 .site-header:has(.site-tools) .site-nav::-webkit-scrollbar{width:6px}
 .site-header:has(.site-tools) .site-nav::-webkit-scrollbar-track{background:#10101e}
 .site-header:has(.site-tools) .site-nav::-webkit-scrollbar-thumb{background:#746a94;border-radius:8px}
 .site-header:has(.site-tools) .site-nav>a{flex-shrink:0;min-height:48px;border-radius:12px}
 .site-menu-search{display:block;position:sticky;top:0;z-index:2;flex-shrink:0;margin:0 0 4px;padding:14px 0 12px;background:#10101e;border-bottom:1px solid var(--site-border)}
 .site-menu-search-row{display:flex;align-items:center;border:1px solid #ffffff35;border-radius:12px;background:#ffffff09;overflow:hidden}
 .site-menu-search-row:focus-within{border-color:var(--site-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--site-accent) 20%,transparent)}
 .site-menu-search input{min-width:0;width:100%;min-height:48px;padding:12px;color:#f5f3fa;background:transparent;border:0;outline:none;font:inherit;font-size:16px}
 .site-menu-search input::placeholder{color:#bcb8ce}
 .site-menu-search button{display:grid;place-items:center;flex:0 0 48px;min-height:48px;padding:0;border:0;background:transparent;color:var(--site-accent);cursor:pointer}
 .site-menu-search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
 .site-menu-search button:focus-visible{outline:2px solid var(--site-accent);outline-offset:-4px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){.site-header:has(.site-tools) .site-nav{transition:none}}