@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2?v=c332825ad871') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/barlow.woff2?v=c332825ad871') format('woff2');font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Caveat;src:url('/assets/caveat.woff2?v=c332825ad871') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--background:#282527;--foreground:#f2ecdf;--card:#302b2c;--card-hover:#3b3237;--muted:#cbbfba;--muted-foreground:#cbbfba;--border:#5c4f54;--primary:#e2a7b5;--primary-foreground:#392b31;--accent:#c6b7cf;--accent-soft:#3b323f;--panel:#282326;--input:#493e45;--ring:#e2a7b5;--rose:#e2a7b5;--cream:var(--foreground);--ink:var(--background);--line:var(--border);--radius:10px;--ease:cubic-bezier(.2,.65,.3,1);--paper:#e9e0d5}
html[data-theme=light]{color-scheme:light;--background:#fffaf6;--foreground:#3e323b;--card:#fffaf7;--card-hover:#f5e9ed;--muted:#76646e;--muted-foreground:#76646e;--border:#cebdc4;--primary:#884a64;--primary-foreground:#fff8fb;--accent:#725c83;--accent-soft:#eee5f0;--panel:#f3e8eb;--input:#e3d2d9;--ring:#884a64;--rose:#884a64}
*{box-sizing:border-box}html{scroll-padding-top:104px;scrollbar-color:#b692aa var(--background);background:var(--background)}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button,input,select,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,ul,figure,dl,dd{margin:0}ul{padding:0;list-style:none}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:56px;letter-spacing:-2px;font-weight:680}h2{font-size:32px;letter-spacing:-.8px;font-weight:650}h3{font-size:22px;letter-spacing:-.3px}::selection{color:var(--primary-foreground);background:var(--primary)}[hidden]{display:none!important}:is(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.section-wrap{width:100%;max-width:1336px;margin-inline:auto;padding-inline:36px}.hand{font-family:Caveat,cursive}.skip-link{position:fixed;top:-100px;left:24px;z-index:200;background:var(--primary);color:var(--primary-foreground);padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow,.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.65px;text-transform:uppercase;color:var(--primary)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--primary);border-radius:50%;margin-right:8px;vertical-align:2px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-weight:600}.text-link:hover{text-decoration:underline}.button,.world-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:11px 17px;min-height:44px;font-size:14px;font-weight:650;line-height:1.3;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}.button-primary,.world-primary{background:var(--primary);color:var(--primary-foreground)}.button-primary:hover,.world-primary:not(:disabled):hover{background:color-mix(in srgb,var(--primary) 85%,white)}.button-secondary,.world-outline,.world-save{background:var(--card);border-color:var(--border);color:var(--foreground)}.button-secondary:hover,.world-outline:hover,.world-save:hover{background:var(--card-hover);border-color:var(--muted)}.world-save[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.world-primary:disabled{background:var(--panel);color:var(--muted);border-color:var(--border);opacity:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);transition:background-color .15s,color .15s}.icon-button:hover{color:var(--foreground);background:var(--card-hover)}.badge,.sample-label,.profile-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.2px;color:var(--muted);white-space:nowrap}.badge .icon{width:14px;height:14px}.sample-label,.profile-status{background:var(--panel)}
.site-header{position:sticky;top:0;z-index:60;max-width:none;min-height:80px;padding:0 max(36px,calc((100vw - 1264px)/2));display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--border);background:var(--background)}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-mark{width:32px;height:32px;color:var(--primary)}.brand-period{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:28px;align-self:stretch}.site-header nav a{display:flex;align-items:center;position:relative;font-size:13px;color:var(--muted);font-weight:600}.site-header nav a:hover{color:var(--foreground)}.site-header nav a[aria-current]{color:var(--foreground)}.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.quick-search{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:6px 8px 6px 12px;border-radius:8px;color:var(--muted);font-size:12px;min-width:160px}.quick-search:hover{border-color:var(--muted)}.quick-search .icon{width:15px;height:15px}kbd{font:10px/1.6 Inter,sans-serif;border:1px solid var(--border);border-radius:4px;padding:0 5px;margin-left:auto}.header-saved{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.header-saved>span:last-child{font-size:10px;color:var(--foreground);border-radius:4px;background:var(--card);padding:0 5px}.header-saved .icon{width:17px;height:17px}.theme-toggle{width:34px;height:34px;border:0}.theme-moon{display:none}html[data-theme=light] .theme-sun{display:none}html[data-theme=light] .theme-moon{display:block}.nav-toggle{display:none}main{min-height:50vh}
.directory-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;padding-top:64px;padding-bottom:48px;align-items:center}.hero-copy h1{font-size:57px;line-height:1.04;margin-top:19px;letter-spacing:-2.1px}.hero-copy h1>span{color:var(--primary)}.hero-intro{font-size:17px;color:var(--muted);line-height:1.7;margin-top:21px;max-width:500px}.search-field{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 6px 6px 17px;min-height:54px}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.search-field>.icon{color:var(--muted);width:18px;height:18px}.search-field input{width:100%;min-width:0;padding:5px 0;color:var(--foreground);background:transparent;border:0;outline:none!important;font-size:14px;line-height:1.6}.search-field input::placeholder{color:var(--muted);opacity:.9}.search-field .button{min-height:40px;padding:10px 14px;font-size:12px}.search-field .button .icon{width:16px;height:16px}.hero-search{margin-top:25px;max-width:585px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:20px;flex-wrap:wrap}.mini-avatars{display:flex;padding-left:4px}.mini-avatars img{width:25px;height:25px;border-radius:50%;object-fit:cover;margin-left:-4px;border:2px solid var(--background)}.hero-footnote>a{display:flex;gap:7px;align-items:center;color:var(--foreground);margin-left:auto}.hero-footnote>a .icon{width:14px;height:14px}.hero-spotlight{min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 20px 65px #0002;overflow:hidden}.spotlight-cover{position:relative;height:190px;background:#69716d;overflow:hidden}.spotlight-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.spotlight-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#18161c5c)}.spotlight-badge{position:absolute;z-index:1;left:16px;top:15px;background:#18161ccc;border-color:#ffffff30;color:#f5edf2;font-size:9px;letter-spacing:.8px;padding:5px 8px}.spotlight-info{display:flex;gap:13px;align-items:center;padding:0 20px;margin-top:-24px;position:relative;z-index:2}.spotlight-avatar{border:4px solid var(--card);width:62px;height:62px;object-fit:cover;border-radius:15px;background:var(--card)}.spotlight-info>div{padding-top:26px}.spotlight-info .eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}.spotlight-info h2{font-size:25px;letter-spacing:-.5px;margin-top:5px}.spotlight-info>a{margin-left:auto;margin-top:24px;border-radius:50%;width:35px;height:35px;color:var(--primary)}.hero-spotlight>p{font-size:13px;color:var(--muted);margin:16px 20px 19px}.spotlight-bottom{border-top:1px solid var(--border);margin-inline:20px;padding:13px 0;display:flex;align-items:center;gap:10px;justify-content:space-between}.spotlight-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.spotlight-bottom .icon{width:14px;height:14px}.spotlight-bottom .sample-label{font-size:8px}
.game-section{padding-bottom:44px}.games-label{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.games-label h2{font-size:15px;letter-spacing:0}.games-label>span{font-size:12px;color:var(--muted)}.game-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-tile{display:flex;gap:13px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 14px 11px 11px;transition:border-color .15s,background .15s}.game-tile:hover{border-color:var(--primary);background:var(--card-hover)}.game-tile img{width:47px;height:47px;object-fit:cover;border-radius:6px}.game-tile span{min-width:0}.game-tile strong{display:block;font-size:14px;line-height:1.25;font-weight:650}.game-tile small{font-size:11px;color:var(--muted)}.game-tile>.icon{width:16px;height:16px;color:var(--muted);margin-left:auto}
.directory{padding-top:38px;padding-bottom:64px;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:31px;margin-top:9px}.section-heading>div>p:last-child{margin-top:11px;font-size:14px;color:var(--muted)}.directory-total{font-size:12px;color:var(--muted);white-space:nowrap}.directory-total strong{color:var(--foreground);font-weight:650}.directory-layout{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:30px;row-gap:19px;align-items:start}.directory-filters{display:contents}.filter-sidebar{grid-column:1;grid-row:1/span 5;border:1px solid var(--border);background:var(--card);border-radius:12px;padding:19px 16px;position:sticky;top:104px}.filter-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--border);margin-bottom:20px}.filter-sidebar-heading>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.filter-sidebar-heading .icon{width:16px;height:16px}.reset-filters{font-size:11px;color:var(--primary)}.filter-select{margin-top:20px}.filter-select label{font-weight:600;display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.filter-select select{font-size:12px;width:100%;padding:10px 8px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--foreground);min-width:0}.filter-note{display:flex;align-items:flex-start;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.filter-note .icon{width:18px;height:18px;color:var(--accent);margin-top:3px}.directory-search{grid-column:2;grid-row:1;min-height:49px}.search-submit{display:flex;align-items:center;gap:8px;border:0;border-radius:6px;padding:9px 14px;font-size:12px;background:var(--card-hover);color:var(--foreground)}.search-submit .icon{width:14px;height:14px}.directory-tools{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;min-height:27px;margin-top:-2px}.directory-tools>div:first-child{display:flex;align-items:center;gap:17px}.results-caption{font-size:13px;font-weight:600}.saved-filter{display:flex;align-items:center;gap:5px;font-size:11px;padding:4px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted)}.saved-filter .icon{width:13px;height:13px}.saved-filter[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.saved-filter>span{font-size:10px}.view-options{display:flex;border:1px solid var(--border);padding:3px;border-radius:7px;gap:2px}.view-options button{display:flex;align-items:center;justify-content:center;width:26px;height:25px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.view-options button[aria-pressed=true]{background:var(--card-hover);color:var(--primary)}.view-options .icon{width:14px;height:14px}.saved-help{grid-column:2;font-size:12px;color:var(--muted);margin:0}.server-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.server-card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .16s,background-color .16s}.server-card:hover{border-color:var(--muted);background:var(--card-hover)}.card-art{position:relative}.card-cover{position:relative;display:block;height:134px;overflow:hidden;background:color-mix(in srgb,var(--game-color) 25%,var(--card))}.card-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#18161c55)}.card-cover img{height:100%;width:100%;object-fit:cover}.cover-game{position:absolute;left:12px;top:12px;font-size:8px;font-weight:600;padding:3px 7px;border-radius:5px;background:#18161cd9;color:#f5edf2;z-index:1}.save-card{position:absolute;right:10px;top:10px;width:28px;height:28px;background:#18161cbf;border-color:#ffffff30;color:#f5edf2;z-index:2}.save-card .icon{width:13px;height:13px}.save-card:hover,.save-card[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.card-content{padding:0 15px 15px;display:flex;flex-direction:column;flex:1}.card-identity{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:-19px;position:relative;z-index:1;min-height:50px}.server-avatar{width:49px;height:49px;border:3px solid var(--card);border-radius:12px;object-fit:cover;background:var(--card)}.card-identity .sample-label{align-self:flex-end;font-size:8px;margin-bottom:3px;border:0;padding-right:0;background:none}.server-card h3{font-size:20px;font-weight:650;margin-top:9px;letter-spacing:-.4px}.server-card h3 a:hover{color:var(--primary)}.server-card p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:9px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}.tags li{font-size:9px;line-height:1.4;padding:4px 7px;border-radius:4px;background:var(--panel);color:var(--muted);border:1px solid var(--border)}.tags li:first-child{color:var(--accent);background:var(--accent-soft);border-color:transparent}.card-bottom{margin-top:18px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:5px}.card-bottom>span{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--muted)}.card-bottom .icon{width:12px;height:12px}.card-bottom>a{display:flex;align-items:center;gap:5px;font-weight:650;font-size:10px;color:var(--primary)}.collection-note{grid-column:2;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;line-height:1.5}.collection-note .icon{width:13px;height:13px}.empty-state{grid-column:2;padding:65px 24px;border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.empty-state>.icon{color:var(--primary);width:27px;height:27px;margin-bottom:6px}.empty-state p{color:var(--muted);font-size:14px}.empty-state .button{margin-top:10px}.server-grid[data-view=list]{grid-template-columns:1fr}.server-grid[data-view=list] .server-card{display:grid;grid-template-columns:200px minmax(0,1fr)}.server-grid[data-view=list] .card-cover{height:100%;min-height:207px}.server-grid[data-view=list] .card-content{padding:17px 20px}.server-grid[data-view=list] .card-identity{margin:0;justify-content:flex-start;gap:10px;min-height:0}.server-grid[data-view=list] .card-identity img{width:35px;height:35px;border-width:0;border-radius:8px}.server-grid[data-view=list] .card-identity .sample-label{align-self:center}.server-grid[data-view=list] h3{margin-top:8px}.server-grid[data-view=list] .tags{margin-top:12px}.server-grid[data-view=list] .card-bottom{margin-top:12px}.server-grid[data-view=list] .card-bottom>span{font-size:10px}.server-grid[data-view=list] .card-bottom>a{font-size:12px}
.directory-closing{padding-block:30px 60px;display:flex;align-items:center;justify-content:space-between;gap:25px}.directory-closing>div{display:flex;align-items:center;gap:20px}.directory-closing>div>.icon{width:34px;height:34px;color:var(--accent);stroke-width:1}.directory-closing p{color:var(--muted);font-size:20px;line-height:1.4}.directory-closing strong{color:var(--foreground);font-weight:650}.site-footer{padding-top:46px;padding-bottom:24px;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:50px}.footer-top .brand{font-size:21px}.footer-top .brand-mark{width:27px;height:27px}.footer-top>div>p{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.7}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted)}.footer-links>span{font-weight:650;color:var(--foreground);margin-bottom:7px}.footer-links a:hover{color:var(--primary)}.footer-note{font-size:15px;line-height:1.6;color:var(--foreground);text-align:right}.footer-note span{font-size:23px;color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);background:var(--foreground);color:var(--background);font-size:13px;padding:12px 20px;border-radius:10px;box-shadow:0 8px 25px #0003;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:200;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.browse-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:52px;padding-bottom:38px;overflow:hidden}.browse-header>div{position:relative;z-index:1;max-width:740px}.browse-header h1{font-size:48px;margin-top:16px}.browse-header p:last-child{font-size:16px;color:var(--muted);max-width:650px;margin-top:18px}.browse-art{width:300px;height:165px;object-fit:cover;border-radius:12px;border:1px solid var(--border);opacity:.8}.game-navigation{display:flex;gap:10px;align-items:center;padding-bottom:29px;overflow-x:auto}.game-navigation a{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;padding:8px 13px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--card)}.game-navigation a span{font-size:10px;opacity:.75}.game-navigation a[aria-current]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card))}.game-navigation a:hover{color:var(--foreground)}
.editorial{padding-top:65px;padding-bottom:70px;max-width:1080px}.editorial h1{margin-top:20px}.editorial-lead{font-size:22px;color:var(--muted);max-width:760px;margin-top:28px;line-height:1.7}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 60px;margin-block:52px}.editorial-grid h2{font-size:23px;margin-bottom:15px}.editorial-grid p{color:var(--muted);font-size:15px;line-height:1.9}.credit-list{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-block:45px}.credit-list section{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:25px}.credit-list h2{font-size:22px}.credit-list p{color:var(--muted);font-size:13px;margin-top:12px;margin-bottom:15px}.credit-list a{font-size:12px}.credit-list .icon{width:13px;height:13px}.credits-subheading{font-size:27px;margin-block:45px 20px}.credits-subheading+p{color:var(--muted);line-height:1.8;font-size:14px}.source-list{margin-top:25px;display:flex;flex-direction:column;gap:15px;font-size:13px;color:var(--primary)}.source-list .icon{width:12px;height:12px}.not-found,.invite-pending{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding-block:70px}.not-found p:not(.eyebrow),.invite-pending p{color:var(--muted);font-size:16px;max-width:520px;line-height:1.8}.invite-pending>img{border-radius:21px;object-fit:cover}.invite-pending h1{line-height:1.05}.not-found h1{font-size:52px}
@media(min-width:1800px){.section-wrap{max-width:1440px}.site-header{padding-inline:max(36px,calc((100vw - 1368px)/2))}.directory-hero{gap:95px;padding-top:75px;padding-bottom:60px}.hero-copy h1{font-size:66px}.hero-intro{font-size:18px;max-width:560px}.spotlight-cover{height:220px}.card-cover{height:160px}.server-card p{font-size:13px}.server-card h3{font-size:23px}.card-content{padding-inline:19px}.tags li{font-size:10px}.card-bottom>span{font-size:10px}.card-bottom>a{font-size:12px}}
@media(max-width:1100px){.site-header{gap:25px;padding-inline:28px}.site-header nav{gap:20px}.quick-search{min-width:0}.quick-search>span,.quick-search kbd{display:none}.quick-search{padding:8px;border:0}.header-actions{gap:10px}.directory-hero{gap:35px}.hero-copy h1{font-size:48px}.hero-footnote>a{display:none}.spotlight-cover{height:175px}.spotlight-info{padding-inline:15px}.hero-spotlight>p{margin-inline:15px}.spotlight-info h2{font-size:23px}.game-tile{padding:10px;gap:9px}.game-tile strong{font-size:12px}.game-tile>.icon{display:none}.directory-layout{grid-template-columns:184px minmax(0,1fr);column-gap:23px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{gap:25px;grid-template-columns:1.6fr 1fr 1fr}.footer-note{display:none}}
@media(max-width:760px){html{scroll-padding-top:83px}.section-wrap{padding-inline:21px}.site-header{min-height:68px;padding:0 20px;gap:12px;flex-wrap:wrap;align-content:center}.site-header .brand{font-size:22px}.brand-mark{width:29px;height:29px}.header-actions{gap:6px}.header-saved>span{display:none}.header-saved{padding:8px}.theme-toggle{width:32px}.nav-toggle{display:inline-flex;width:32px;height:32px;border:0}.quick-search{width:32px;height:32px;padding:8px}.site-header nav{display:flex;order:3;flex:0 0 100%;padding-block:14px;border-top:1px solid var(--border);margin-top:4px;gap:25px}.js .site-header nav:not(.is-open){display:none}.site-header nav a{font-size:12px;padding-bottom:2px}.directory-hero{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:30px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy h1{font-size:39px;line-height:1.08;letter-spacing:-1.6px;margin-top:16px}.hero-intro{font-size:15px;line-height:1.75;margin-top:18px;max-width:none}.hero-search{margin-top:22px;padding-left:12px;gap:9px;min-height:51px}.search-field input{font-size:12px}.hero-search .button{font-size:0;gap:0;padding:11px;min-height:37px;border-radius:7px}.hero-search .button .icon{width:17px;height:17px}.hero-footnote{margin-top:15px;font-size:9px;gap:9px}.mini-avatars img{width:23px;height:23px}.hero-spotlight{border-radius:12px}.spotlight-cover{height:150px}.spotlight-info{margin-top:-24px}.spotlight-avatar{width:54px;height:54px;border-radius:12px}.spotlight-info>div{padding-top:25px}.spotlight-info .eyebrow{font-size:7px}.spotlight-info h2{font-size:22px}.hero-spotlight>p{font-size:12px;margin-top:13px;margin-bottom:13px}.spotlight-bottom{padding-block:11px;margin-inline:15px}.spotlight-bottom>span:first-child{font-size:9px}.game-section{padding-bottom:29px}.games-label{gap:9px;margin-bottom:12px}.games-label h2{font-size:14px}.games-label>span{font-size:10px}.game-strip{grid-template-columns:1fr 1fr;gap:9px}.game-tile{padding:9px;gap:10px;border-radius:8px}.game-tile img{width:35px;height:35px}.game-tile strong{font-size:11px;line-height:1.25}.game-tile small{font-size:9px}.directory{padding-top:29px;padding-bottom:36px}.section-heading{gap:15px;align-items:flex-start;margin-bottom:22px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.section-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin-top:8px}.section-heading>div>p:last-child{font-size:12px;line-height:1.7;max-width:260px;margin-top:10px}.directory-total{font-size:9px;margin-top:25px;max-width:50px;text-align:right;white-space:normal;line-height:1.7}.directory-layout{display:flex;flex-direction:column;gap:17px}.directory-filters{display:flex;flex-direction:column;width:100%;gap:15px}.directory-search{order:-1;min-height:46px;width:100%;gap:10px;padding-left:12px}.directory-search .search-submit{font-size:11px;padding:8px 11px}.directory-search .search-submit .icon{display:none}.filter-sidebar{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;background:none;padding:0;order:0}.filter-sidebar-heading{grid-column:1/-1;border:0;margin:0;padding:0;font-size:12px}.filter-sidebar-heading>span{font-size:12px}.filter-select{margin:0}.filter-select label{font-size:9px;margin-bottom:5px}.filter-select select{font-size:11px;padding:9px 7px;border-radius:7px;min-height:38px}.filter-note{display:none}.directory-tools{width:100%;margin:0;min-height:29px}.directory-tools>div:first-child{gap:12px}.results-caption{font-size:12px}.saved-filter{font-size:10px}.view-options{padding:2px}.view-options button{height:24px;width:26px}.server-grid{width:100%;grid-template-columns:1fr;gap:18px}.card-cover{height:165px}.card-content{padding:0 18px 17px}.server-avatar{width:53px;height:53px}.card-identity{margin-top:-22px;min-height:54px}.card-identity .sample-label{font-size:9px}.server-card h3{font-size:23px;margin-top:12px}.server-card p{font-size:13px;line-height:1.75;margin-top:9px}.tags{margin-top:17px;gap:7px}.tags li{font-size:10px;padding:4px 8px}.card-bottom{margin-top:18px;padding-top:14px}.card-bottom>span{font-size:10px}.card-bottom>a{font-size:12px}.card-bottom .icon{width:14px;height:14px}.save-card{width:32px;height:32px}.save-card .icon{width:16px;height:16px}.server-grid[data-view=list] .server-card{grid-template-columns:91px minmax(0,1fr);border-radius:9px}.server-grid[data-view=list] .card-content{padding:12px 13px}.server-grid[data-view=list] .card-cover{min-height:210px}.server-grid[data-view=list] .cover-game{display:none}.server-grid[data-view=list] .card-identity{display:none}.server-grid[data-view=list] h3{font-size:19px;margin-top:0}.server-grid[data-view=list] p{font-size:11px}.server-grid[data-view=list] .tags{margin-top:12px;gap:4px}.server-grid[data-view=list] .tags li{font-size:8px;padding:3px 5px}.server-grid[data-view=list] .card-bottom>span{display:none}.server-grid[data-view=list] .card-bottom{margin-top:13px;padding-top:10px}.server-grid[data-view=list] .card-bottom>a{font-size:11px}.collection-note{font-size:9px;align-items:flex-start;gap:6px;margin-top:2px}.collection-note .icon{margin-top:2px}.directory-closing{padding-block:20px 36px;gap:20px;align-items:flex-start;flex-direction:column}.directory-closing>div{gap:15px}.directory-closing p{font-size:19px}.directory-closing .button{font-size:12px;min-height:41px}.site-footer{padding-top:29px;padding-bottom:20px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div>p{font-size:12px;margin-top:15px}.footer-links{font-size:11px;gap:8px}.footer-bottom{font-size:9px;flex-direction:column;gap:7px;margin-top:27px;padding-top:18px}.browse-header{padding-top:34px;padding-bottom:26px;gap:0}.browse-header h1{font-size:36px;letter-spacing:-1.1px;margin-top:15px}.browse-header .eyebrow{font-size:9px}.browse-header p:last-child{font-size:14px;line-height:1.8;margin-top:17px}.browse-art{display:none}.game-navigation{gap:8px;padding-bottom:24px;scrollbar-width:none}.game-navigation a{font-size:10px;padding:8px 11px;gap:8px}.game-navigation a span{font-size:9px}.editorial{padding-top:40px;padding-bottom:45px}.editorial h1{font-size:39px;letter-spacing:-1.4px;line-height:1.1}.editorial-lead{font-size:19px;margin-top:22px}.editorial-grid{grid-template-columns:1fr;gap:33px;margin-block:38px}.editorial-grid h2{font-size:23px}.editorial-grid p{font-size:14px}.credit-list{grid-template-columns:1fr;gap:14px;margin-block:30px}.credit-list section{padding:23px}.source-list{font-size:12px}.not-found h1,.invite-pending h1{font-size:39px;letter-spacing:-1.2px}.not-found,.invite-pending{min-height:60vh;padding-block:45px}.not-found p:not(.eyebrow),.invite-pending p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final readability and compact phone directory entry. */
.server-card p{font-size:14px;line-height:1.7}.server-card h3{font-size:22px}.tags li{font-size:10px}.card-bottom>a{font-size:12px}.card-bottom>span{font-size:9px}
button[data-copied=true]{color:var(--primary);border-color:var(--primary)}
@media(min-width:1800px){.server-card p{font-size:14px}}
@media(max-width:760px){
 .hero-spotlight{display:grid;grid-template-columns:104px minmax(0,1fr);position:relative;min-height:126px;overflow:hidden}
 .spotlight-cover{grid-column:1;grid-row:1/span 3;height:100%;min-height:126px}
 .spotlight-cover>img{object-position:42% center}.spotlight-badge{display:none}
 .spotlight-info{grid-column:2;margin:0;padding:15px 13px 0;gap:9px;align-items:center}
 .spotlight-avatar{width:34px;height:34px;border:0;border-radius:8px}.spotlight-info>div{padding:0}.spotlight-info .eyebrow{display:none}.spotlight-info h2{font-size:19px;margin:0}.spotlight-info>a{display:inline-flex;margin:0 0 0 auto;width:25px;height:25px;flex-shrink:0}.spotlight-info>a .icon{width:14px;height:14px}
 .hero-spotlight>p{grid-column:2;font-size:10px;line-height:1.7;margin:8px 13px 0}
 .spotlight-bottom{grid-column:2;margin:9px 13px 0;padding:8px 0;border-top:1px solid var(--border)}.spotlight-bottom>span:first-child{display:none}.spotlight-bottom .sample-label{font-size:8px;border:0;padding:0;background:none}
 .server-card p{font-size:14px}.server-grid[data-view=list] p{font-size:13px}.server-grid[data-view=list] .tags li{font-size:10px}.server-grid[data-view=list] .card-bottom>a{font-size:12px}
}

/* Scoped styles for the on-demand shadcn/ui Command + Radix Dialog island. */
.mc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mc-dialog-overlay{position:fixed;inset:0;z-index:1000;background:rgb(0 0 0 / .7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mc-dialog-content{position:fixed;z-index:1001;top:min(14vh,120px);left:50%;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 32px);transform:translateX(-50%);display:flex;flex-direction:column;overflow:hidden;isolation:isolate;border:1px solid var(--border,#333541);border-radius:14px;background:var(--card,#181a21);color:var(--foreground,#f2f3f7);box-shadow:0 28px 100px rgb(0 0 0 / .5);font-family:inherit;outline:none}
.mc-dialog-content *{box-sizing:border-box}
.mc-dialog-header{display:flex;flex-direction:column;gap:6px}
.mc-search-heading{padding:25px 64px 20px 24px}
.mc-dialog-title{margin:0;color:var(--foreground,#f2f3f7);font-family:inherit;font-size:21px;font-weight:650;line-height:1.2;letter-spacing:-.035em}
.mc-dialog-description{margin:0;color:var(--muted,#a6a9b7);font-family:inherit;font-size:13px;line-height:1.6}
.mc-dialog-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:32px;height:32px;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted,#a6a9b7);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.mc-dialog-close svg{width:17px;height:17px;pointer-events:none}
.mc-dialog-close:hover{border-color:var(--border,#333541);background:var(--background,#101116);color:var(--foreground,#f2f3f7)}
.mc-dialog-close:focus-visible,.mc-search-footer a:focus-visible,.mc-dialog-footer-close:focus-visible{outline:2px solid var(--primary,#a8a1ff);outline-offset:3px}
.mc-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px}
.mc-dialog-footer-close{padding:8px 12px;border:1px solid var(--border,#333541);border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.mc-command{display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;background:var(--card,#181a21);color:var(--foreground,#f2f3f7)}
.mc-command-dialog{padding:0}
.mc-command-input-wrapper{display:flex;align-items:center;gap:11px;flex:none;margin:0 16px 8px;padding:0 14px;height:48px;border:1px solid var(--border,#333541);border-radius:8px;background:var(--background,#101116);transition:border-color .15s,box-shadow .15s}
.mc-command-input-wrapper:focus-within{border-color:var(--primary,#a8a1ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#a8a1ff) 15%,transparent)}
.mc-command-search-icon{flex:none;width:19px;height:19px;color:var(--muted,#a6a9b7)}
.mc-command-input{width:100%;min-width:0;height:100%;padding:0;border:0!important;border-radius:0;background:transparent!important;color:var(--foreground,#f2f3f7)!important;font-family:inherit;font-size:15px;line-height:1.5;box-shadow:none!important;outline:none!important;appearance:none}
.mc-command-input::placeholder{color:var(--muted,#a6a9b7);opacity:1}
.mc-command-input:disabled{cursor:not-allowed;opacity:.5}
.mc-command-list{min-height:80px;max-height:min(390px,calc(100dvh - 270px));overflow-x:hidden;overflow-y:auto;padding:0 8px 10px;scroll-padding-block:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border,#333541) transparent}
.mc-command-empty{padding:42px 18px;text-align:center;font-size:13px;line-height:1.6;color:var(--muted,#a6a9b7)}
.mc-command-empty strong,.mc-command-empty span{display:block}
.mc-command-empty strong{margin-bottom:5px;color:var(--foreground,#f2f3f7);font-weight:600}
.mc-command-group{padding:0 0 4px;color:var(--foreground,#f2f3f7)}
.mc-command-group [cmdk-group-heading]{padding:14px 14px 8px;color:var(--muted,#a6a9b7);font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}
.mc-command-group[hidden]{display:none!important}
.mc-command-separator{height:1px;margin:4px 8px;background:var(--border,#333541)}
.mc-command-item{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;margin:2px 0;padding:10px 14px;border:1px solid transparent;border-radius:8px;color:var(--foreground,#f2f3f7);font-size:14px;line-height:1.3;outline:none;cursor:pointer;user-select:none;transition:background .12s,border-color .12s}
.mc-command-item[data-selected=true]{border-color:color-mix(in srgb,var(--primary,#a8a1ff) 22%,transparent);background:color-mix(in srgb,var(--primary,#a8a1ff) 10%,var(--card,#181a21))}
.mc-command-item[data-disabled=true]{pointer-events:none;opacity:.5}
.mc-search-avatar{display:block;flex:none;width:40px;height:40px;object-fit:cover;border:1px solid var(--border,#333541);border-radius:10px;background:var(--background,#101116)}
.mc-search-result-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.mc-search-result-copy strong{overflow:hidden;color:var(--foreground,#f2f3f7);font-size:14px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.mc-search-result-copy>span{overflow:hidden;color:var(--muted,#a6a9b7);font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.mc-search-result-game{flex:none;max-width:120px;overflow:hidden;padding:4px 7px;border:1px solid var(--border,#333541);border-radius:5px;color:var(--muted,#a6a9b7);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.mc-search-result-arrow{flex:none;width:16px;height:16px;color:var(--muted,#a6a9b7);opacity:0;transform:translateX(-3px);transition:opacity .12s,transform .12s}
.mc-command-item[data-selected=true] .mc-search-result-arrow{color:var(--primary,#a8a1ff);opacity:1;transform:none}
.mc-command-shortcut{margin-left:auto;color:var(--muted,#a6a9b7);font-size:11px;letter-spacing:.1em}
.mc-search-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:13px 20px;border-top:1px solid var(--border,#333541);background:var(--background,#101116);font-size:11px;line-height:1.5}
.mc-search-key-help{display:flex;align-items:center;gap:5px;color:var(--muted,#a6a9b7)}
.mc-search-key-help kbd{display:inline-grid;min-width:19px;height:20px;place-items:center;margin-left:5px;padding:1px 4px;border:1px solid var(--border,#333541);border-radius:4px;background:var(--card,#181a21);color:var(--muted,#a6a9b7);font:inherit;font-size:10px}
.mc-search-key-help kbd:first-child,.mc-search-key-help kbd:nth-child(2){margin-left:0}
.mc-search-footer a{flex:none;border-radius:2px;color:var(--foreground,#f2f3f7);font-size:11px;font-weight:500;text-decoration:none;text-underline-offset:3px}
.mc-search-footer a:hover{text-decoration:underline}
.mc-search-footer a span{margin-left:5px;color:var(--muted,#a6a9b7)}
@media(max-width:600px){.mc-dialog-content{top:16px;max-height:calc(100dvh - 32px);border-radius:12px}.mc-search-heading{padding:23px 56px 18px 20px}.mc-dialog-close{top:18px;right:16px}.mc-command-input-wrapper{margin-inline:12px}.mc-command-input{font-size:16px}.mc-command-list{max-height:calc(100dvh - 248px);padding-inline:6px}.mc-command-item{gap:10px;padding:10px;min-height:64px}.mc-search-result-game{display:none}.mc-search-result-arrow{opacity:1;transform:none}.mc-search-footer{justify-content:flex-end;padding:14px 18px}.mc-search-key-help{display:none}}
@media(prefers-reduced-motion:reduce){.mc-dialog-content *{transition:none!important}.mc-dialog-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}

.hero-art{position:relative;min-width:0;height:500px;margin-top:-30px;isolation:isolate}
.hero-print{position:absolute;border-radius:3px;background:var(--paper);padding:9px 9px 35px;box-shadow:0 15px 35px #0004;overflow:visible}
.hero-print:before{content:'';position:absolute;top:-10px;left:35%;width:68px;height:22px;background:#d2a1b5b5;transform:rotate(-7deg);z-index:3}
.hero-print figcaption{display:flex;justify-content:space-between;gap:8px;position:absolute;left:12px;right:12px;bottom:10px;font-size:12px;color:#4c4143;font-weight:700}
.hero-print figcaption span{font-family:Caveat;font-size:17px;line-height:1;font-weight:600}
.print-genshin{width:77%;height:335px;left:-2%;top:25px;transform:rotate(-8deg);background:#bbc8d6}
.print-genshin img{position:absolute;width:130%;max-width:none;height:330px;object-fit:contain;bottom:30px;left:-10%;filter:drop-shadow(0 10px 12px #202a4933)}
.print-genshin figcaption{color:#263443}
.print-wuwa{width:47%;height:365px;right:-1%;top:72px;transform:rotate(8deg);z-index:2;background:#e1bdac}
.print-wuwa img{position:absolute;max-width:none;width:125%;height:390px;object-fit:contain;left:-15%;bottom:25px;filter:drop-shadow(0 10px 12px #59323622)}
.print-ananta{width:60%;left:5%;bottom:0;transform:rotate(-5deg);z-index:4}
.print-ananta img{aspect-ratio:1.8;object-fit:cover}
.print-ananta figcaption span{font-size:18px}
.art-orbit{position:absolute;inset:0 0 10px 0;border:1px solid #c9a3aa7a;border-radius:45% 55% 47% 53%;transform:rotate(16deg);z-index:-1}
.hero-note{position:absolute;right:-15px;bottom:-45px;color:var(--rose);font-size:27px;line-height:1.05;transform:rotate(-4deg);z-index:5}
.photo-tape{position:absolute;left:-25px;top:215px;width:32px;height:32px;border:1px solid var(--rose);border-radius:50%;opacity:.65}

/* Warm scenery is shared by the whole document, with no section-sized image seams. */
body.directory-site{position:relative;isolation:isolate;background:var(--background)}
.directory-site:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--site-scene) var(--site-focus,50% 45%)/cover no-repeat;opacity:.32;filter:saturate(.65)}
.directory-site:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 0 0,#73536316,transparent 75%),linear-gradient(180deg,#28252786 0%,#282527bf 52%,#282527e8 100%)}
html[data-theme=light] .directory-site:before{opacity:.25}
html[data-theme=light] .directory-site:after{background:radial-gradient(ellipse 90% 70% at 0 0,#efd1d929,transparent 75%),linear-gradient(180deg,#fffaf686 0%,#fffaf6bf 52%,#fffaf6e8 100%)}
.directory-site :is(.server-card,.hero-spotlight,.filter-sidebar,.credit-list section){background:color-mix(in srgb,var(--card) 96%,transparent);border-color:color-mix(in srgb,var(--border) 76%,transparent);box-shadow:0 1px 0 #ffffff03,0 12px 32px #1510110b;border-radius:8px}
.directory-site :is(.server-card:hover,.game-tile:hover){border-color:color-mix(in srgb,var(--primary) 64%,var(--border))}
.site-header{background:color-mix(in srgb,var(--background) 95%,transparent);border-bottom-color:color-mix(in srgb,var(--border) 50%,transparent)}
.directory,.site-footer{border-top-color:color-mix(in srgb,var(--border) 42%,transparent)}
.search-field{background:color-mix(in srgb,var(--panel) 96%,transparent);border-color:color-mix(in srgb,var(--border) 85%,transparent)}
.search-field:focus-within{border-color:var(--primary)}
.button-primary:hover,.world-primary:not(:disabled):hover{background:color-mix(in srgb,var(--primary) 88%,var(--foreground))}
.save-card:hover,.save-card[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
/* Poster-like display type and handwritten accents retain the original paper identity. */
h1,h2,.brand{font-family:Barlow,Inter,system-ui,sans-serif;font-weight:800;font-style:italic}
.brand{font-size:28px;letter-spacing:-1px}
.site-header nav a[aria-current]{color:var(--primary)}
.site-header nav a[aria-current]:after{background:var(--primary)}
.header-saved,.quick-search{color:var(--muted)}
.eyebrow,.section-eyebrow{letter-spacing:1.3px;line-height:1.6}
.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:50px;min-height:650px;padding-top:76px;padding-bottom:80px;align-items:start}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero :is(h1,h2){font:800 italic clamp(68px,6.5vw,96px)/.96 Barlow,Inter,sans-serif;text-transform:uppercase;letter-spacing:-2px;max-width:600px;margin:0}
.hero-hand{font-size:37px;line-height:1.15;margin-top:20px;color:var(--primary);transform:rotate(-3deg);transform-origin:left center;max-width:520px}
.hero-intro{font-size:16px;line-height:1.85;margin-top:35px;max-width:395px;color:var(--foreground)}
.hero-search{margin-top:28px;max-width:430px;min-height:54px;border-radius:7px;background:color-mix(in srgb,var(--background) 85%,transparent)}
.hero-search .search-submit{background:transparent;color:var(--foreground);font-weight:650;font-size:12px;padding-inline:12px;flex:none}
.hero-search input{font-size:12px}
.hero-footnote{font-size:11px;line-height:1.55;color:var(--muted);margin-top:23px;gap:14px}
.mini-avatars img{width:29px;height:29px;margin-left:-5px}
.home-page .hero-art{height:525px;margin-top:-30px;animation:none}
.hero-print{box-shadow:0 16px 35px #1714114d}
.hero-print figcaption{font-family:Inter,sans-serif;font-size:10px}
.hero-print figcaption span{font-family:Caveat,cursive;font-size:17px;font-weight:600}
.print-genshin{background:#bbc8d6}.print-wuwa{background:#e1bdac}.print-ananta{background:#e9e0d5}
.hero-note{color:var(--primary);right:-2px;bottom:-35px;font-size:28px}
.art-orbit{border-color:#c9a3aa6b}.photo-tape{border-color:var(--primary)}
.game-section{padding-top:10px;padding-bottom:46px}
.games-label{display:flex;align-items:baseline;gap:20px;margin-bottom:23px}
.games-label h2{font-family:Inter,sans-serif;font-style:normal;font-size:20px;font-weight:700;letter-spacing:-.5px}
.games-label .hand{font-size:26px;color:var(--primary)}
.game-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.game-tile{position:relative;display:flex;align-items:flex-end;gap:8px;min-height:157px;padding:20px;border-radius:7px;overflow:hidden;background:var(--game-color);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);color:#f2ecdf}
.game-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#282527f2,#28252714 95%);pointer-events:none}
.game-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.92}
.game-tile.game-wuwa img{object-fit:contain;object-position:85% 5%;width:90%;left:22%;height:175%;top:-42%}
.game-tile span,.game-tile>.icon{position:relative;z-index:1}.game-tile span{display:flex;flex-direction:column;gap:3px}
.game-tile strong{font-size:18px;line-height:1.2;font-weight:700}.game-tile small{font-size:10px;color:#e5dcd4}
.game-tile>.icon{width:19px;height:19px;display:block;margin-left:auto;margin-bottom:3px;color:#f2ecdf}
.game-tile:hover{color:#fff5e8;background:var(--game-color)}
.section-heading :is(h1,h2){font-size:43px;line-height:1.15;letter-spacing:-.8px}
.section-heading .eyebrow{font-size:10px}
.server-card h3{font-family:Inter,sans-serif;font-weight:650;font-style:normal;font-size:21px;letter-spacing:-.65px;line-height:1.4}
.mc-dialog-title{font-family:Inter,system-ui,sans-serif;font-weight:650;font-size:20px;line-height:1.4}
.browse-header h1{font-size:58px}.editorial h1{font-size:64px}
@media(min-width:1800px){.hero{padding-top:82px;padding-bottom:85px;gap:60px}.hero :is(h1,h2){font-size:102px}.hero-intro{font-size:17px;max-width:440px}.home-page .hero-art{height:550px}}
@media(max-width:1100px){.hero{min-height:600px;padding-top:52px;padding-bottom:70px;gap:30px}.hero :is(h1,h2){font-size:76px;letter-spacing:-1.8px}.hero-hand{font-size:30px}.hero-intro{font-size:14px;max-width:345px}.home-page .hero-art{height:455px}.game-tile strong{font-size:16px}}
@media(max-width:760px){
 .directory-site:before{background-position:var(--site-focus-mobile,50% 45%);opacity:.28}
 .directory-site:after{background:linear-gradient(#282527a1,#282527e0)}
 html[data-theme=light] .directory-site:after{background:linear-gradient(#fffaf6a1,#fffaf6e0)}
 .site-header .brand{font-size:26px;letter-spacing:-1px}.brand-mark{width:27px;height:27px}
 .hero{display:flex;flex-direction:column;gap:0;padding-top:42px;padding-bottom:65px;min-height:0}
 .hero-copy{width:100%}.hero :is(h1,h2){font-size:70px;letter-spacing:-1.8px;max-width:340px;line-height:.97}
 .hero-hand{font-size:29px;line-height:1.2;margin-top:17px;max-width:330px}
 .hero-intro{font-size:14px;line-height:1.9;margin-top:29px;max-width:none}
 .hero-search{margin-top:24px;min-height:51px;width:100%;max-width:none}.hero-search .search-submit{font-size:12px}.hero-search .search-submit .icon{width:15px;height:15px}
 .hero-footnote{margin-top:18px;font-size:10px;line-height:1.5;gap:12px}.mini-avatars img{width:27px;height:27px}
 .home-page .hero-art{width:100%;height:360px;margin-top:48px}.hero-print{padding:7px 7px 31px}
 .print-genshin{width:77%;height:242px;left:0;top:20px}.print-genshin img{height:260px;bottom:26px}
 .print-wuwa{width:47%;height:260px;right:7%;top:50px}.print-wuwa img{height:290px;bottom:23px}
 .print-ananta{width:66%;left:4%;bottom:0}.hero-print figcaption{left:9px;right:9px;bottom:9px;font-size:7px;gap:4px}.hero-print figcaption span{font-size:12px}.print-ananta figcaption span{font-size:14px}
 .hero-print:before{width:48px;height:16px;top:-7px}.hero-note{font-size:23px;right:0;bottom:-30px}.photo-tape{left:-8px;top:160px;width:23px;height:23px}
 .art-orbit{inset:12px 20px 6px;transform:rotate(10deg)}
 .game-section{padding-top:10px;padding-bottom:30px}.games-label{gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:16px}.games-label h2{font-size:17px}.games-label .hand{font-size:22px}
 .game-strip{grid-template-columns:1fr 1fr;gap:10px}.game-tile{min-height:112px;padding:13px;gap:5px}.game-tile strong{font-size:13px}.game-tile small{font-size:8px}.game-tile>.icon{width:13px;height:13px;margin-bottom:2px}
 .section-heading :is(h1,h2){font-size:34px;line-height:1.2;letter-spacing:-.5px}.server-card h3{font-size:20px}.server-grid[data-view=list] h3{font-size:17px}
 .browse-header h1{font-size:45px}.editorial h1{font-size:49px}
}
@media(max-width:360px){.hero :is(h1,h2){font-size:61px}.hero-hand{font-size:26px}.hero-print figcaption span{font-size:11px}.home-page .hero-art{height:325px}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){
 .directory-site:before,.directory-site:after{display:none}
 .directory-site :is(.server-card,.filter-sidebar),.site-header{background:var(--card);border-color:var(--border)}
}

/* The photo introduction opens the homepage, followed by games and the directory. */
.home-page #directory{padding-top:46px;border-top:0}
.home-page .hero{border-top:0;margin-top:0}
.home-page .game-section{padding-top:28px}
.home-page .section-heading h2{margin-top:10px}
@media(max-width:760px){.home-page #directory{padding-top:30px}.home-page .hero{margin-top:0}.home-page .game-section{padding-top:10px}}

/* A community introduction, arranged like a page from a shared scrapbook. */
html:has(.server-profile){scroll-padding-top:104px}
.server-profile{--profile-header-height:80px;--profile-nav-height:0px;--print-paper:#e9e0d5;--print-ink:#4c4143;min-width:0;padding-bottom:80px;color:var(--foreground)}
.server-profile .profile-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:29px;padding-bottom:27px;color:var(--muted);font-size:12px}
.server-profile .profile-breadcrumb>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.server-profile .back-link{display:inline-flex;align-items:center;gap:9px;min-height:30px;color:var(--muted);font-size:12px}
.server-profile .back-link .icon{width:15px;height:15px;transform:rotate(180deg)}
.server-profile .back-link:hover{color:var(--primary)}
.server-profile .profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:72px;padding-top:29px;padding-bottom:65px}
.server-profile .profile-heading{position:relative;z-index:1;min-width:0;margin:0;padding:0}
.server-profile .profile-identity{display:flex;align-items:center;gap:13px;min-width:0;margin:0 0 21px}
.server-profile .profile-avatar{display:block;flex:none;width:45px;height:45px;object-fit:cover;border:2px solid var(--print-paper);border-radius:11px;background:var(--card);box-shadow:0 3px 10px #1710111a}
.server-profile .profile-identity>div{min-width:0;margin:0;padding:0}
.server-profile .section-eyebrow{margin:0;color:var(--primary);font:650 10px/1.65 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.server-profile .profile-identity .section-eyebrow{max-width:34ch;color:var(--muted);font-size:9px;letter-spacing:.1em}
.server-profile .profile-identity .section-eyebrow>span{padding-inline:5px;color:var(--primary)}
.server-profile .profile-title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;min-width:0;margin:0}
.server-profile .profile-title-row h1{width:100%;margin:0;color:var(--foreground);font:800 italic clamp(68px,7.2vw,104px)/.96 Barlow,Inter,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;overflow-wrap:normal}
.server-profile .profile-status{display:inline-flex;align-items:center;flex:none;gap:7px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px;font-weight:500;line-height:1.5}
.server-profile .profile-status:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:var(--primary)}
.server-profile .profile-identity .profile-status{margin-top:3px}
.server-profile .profile-headline{max-width:20ch;margin:16px 0 0;color:var(--primary);font:500 36px/1.15 Caveat,cursive;transform:rotate(-2deg);transform-origin:left center;text-wrap:balance}
.server-profile .profile-description{max-width:46ch;margin:25px 0 0;color:var(--foreground);font-size:15px;line-height:1.85}
.server-profile .profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:27px}
.server-profile .profile-actions .world-button{min-height:45px;padding:11px 17px;border-radius:6px;font-size:12px;white-space:nowrap}
.server-profile .profile-actions .world-save{background:color-mix(in srgb,var(--background) 78%,transparent)}
.server-profile .profile-actions .world-save:hover{background:var(--card)}
.server-profile .profile-actions .world-primary:disabled{border-style:dashed;background:transparent;color:var(--muted)}
.server-profile .profile-hero-note{margin-top:16px;color:var(--muted);font-size:10px;line-height:1.7}
.server-profile .profile-cover{position:relative;isolation:isolate;align-self:center;width:100%;max-width:none;height:auto;margin:0;padding:12px 12px 0;overflow:visible;border:0;border-radius:2px;background:var(--print-paper);color:var(--print-ink);box-shadow:0 18px 42px #17101138;transform:rotate(2deg)}
.server-profile .profile-cover:before{content:'';position:absolute;z-index:2;top:-11px;left:39%;width:83px;height:27px;background:#c994a8b5;transform:rotate(-7deg);box-shadow:inset 0 0 1px #fff5;pointer-events:none}
.server-profile .profile-cover:after{display:none}
.server-profile .profile-cover>img{display:block;width:100%;height:auto;max-height:430px;aspect-ratio:1.6;object-fit:contain;object-position:center;background:#302b2c;opacity:1;border-radius:0;filter:none;transform:none}
.server-profile .profile-cover-shade,.server-profile .profile-cover-label{display:none}
.server-profile .profile-cover-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;margin:0;padding:12px 4px 14px;color:var(--print-ink);font:600 10px/1.5 Inter,Arial,sans-serif}
.server-profile .profile-cover-caption .hand{color:#694b58;font:500 25px/1.1 Caveat,cursive;text-align:right}
.server-profile .profile-cover-caption>span:not(.hand){max-width:55%;letter-spacing:.03em}
.server-profile .world-nav{position:static;top:auto;z-index:auto;min-height:0;margin:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.server-profile .world-nav>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px 25px;min-height:44px;padding-top:0;padding-bottom:20px;overflow:visible}
.server-profile .world-nav>div:before{content:'On this page';color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase;margin-right:7px}
.server-profile .world-nav a{display:inline-flex;align-items:center;flex:none;min-height:34px;margin:0;padding:0;border:0;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent);text-underline-offset:6px}
.server-profile .world-nav a:hover,.server-profile .world-nav a[aria-current]{border:0;color:var(--primary);text-decoration-color:var(--primary)}
.server-profile :is(#community,#expectations,#gallery,#sources){scroll-margin-top:16px}
.server-profile .profile-anchor{display:block;height:0;scroll-margin-top:16px}
.server-profile .profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:86px;padding-top:31px;padding-bottom:65px}
.server-profile .profile-main{display:flex;flex-direction:column;gap:52px;min-width:0}
.server-profile .profile-panel{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.server-profile .profile-panel+.profile-panel{padding-top:34px;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
.server-profile .profile-panel h2{margin:10px 0 0;color:var(--foreground);font:800 italic 42px/1.1 Barlow,Inter,Arial,sans-serif;letter-spacing:-.015em;text-wrap:balance}
.server-profile .profile-panel>p:not(.section-eyebrow):not(.profile-notice):not(.profile-lead){max-width:67ch;margin:20px 0 0;color:var(--muted);font:400 15px/1.95 Inter,Arial,sans-serif}
.server-profile .profile-panel>p.profile-lead:not(.profile-notice):not(.section-eyebrow){margin-top:20px;color:var(--primary);font:500 29px/1.3 Caveat,cursive}
.server-profile .world-tags{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;margin:24px 0 0;padding:0}
.server-profile .world-tags a{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:2px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--primary) 55%,transparent);border-radius:0;background:transparent;color:var(--primary);font-size:11px;font-weight:500;line-height:1.4;transition:color .18s,border-color .18s}
.server-profile .world-tags a:hover{border-color:var(--primary);color:var(--foreground)}
.server-profile .world-tags .icon{width:12px;height:12px}
.server-profile .profile-panel>p.profile-notice{max-width:67ch;margin:25px 0 0;padding:0 0 0 14px;border:0;border-left:2px solid color-mix(in srgb,var(--primary) 45%,transparent);color:var(--muted);font-size:11px;line-height:1.8}
.server-profile .expectation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:28px;padding:3px 0 6px}
.server-profile .expectation-list article{display:block;min-width:0;padding:22px 22px 25px;border:0;border-radius:1px;background:#e9e0d5;color:#4c4143;box-shadow:0 5px 13px #17101113;transform:rotate(-1deg)}
.server-profile .expectation-list article:nth-child(3n+2){background:#e4cbd0;transform:rotate(1deg)}
.server-profile .expectation-list article:nth-child(3n){background:#d9d0df;transform:rotate(-.5deg)}
.server-profile .expectation-list article:last-child{padding-bottom:25px;border:0}
.server-profile .expectation-number{display:block;margin:0 0 11px;color:#8c5c70;font:500 27px/1 Caveat,cursive;letter-spacing:.02em}
.server-profile .expectation-list h3{margin:0;color:#4c4143;font:650 15px/1.5 Inter,Arial,sans-serif;letter-spacing:-.02em}
.server-profile .expectation-list p{max-width:65ch;margin:10px 0 0;color:#68585d;font-size:12px;line-height:1.85}
.server-profile .invite-panel{--foreground:#4c4143;--muted:#72616a;--muted-foreground:#72616a;--border:#c7b7af;--primary:#884a64;--primary-foreground:#fffaf6;--card:#e9e0d5;--card-hover:#dfd1c6;--panel:#e0d5c9;--ring:#884a64;position:relative;top:auto;align-self:start;min-width:0;margin:14px 0 0;padding:29px 25px 25px;border:0;border-radius:2px;background:var(--card);color:var(--foreground);box-shadow:0 9px 25px #17101124;transform:rotate(1deg)}
.server-profile .invite-panel:before{content:'';position:absolute;top:-10px;left:32%;width:90px;height:23px;transform:rotate(-4deg);background:#bfa5b5a6;box-shadow:inset 0 0 1px #fff4;pointer-events:none}
.server-profile .invite-panel-heading{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:16px;padding-bottom:20px;border-bottom:1px dashed var(--border)}
.server-profile .invite-panel-heading>img{width:43px;height:43px;flex:none;object-fit:cover;border:1px solid #c7b7af;border-radius:9px}
.server-profile .invite-panel-heading>div{min-width:0}
.server-profile .invite-panel .section-eyebrow{font-size:8px;letter-spacing:.09em;color:var(--muted)}
.server-profile .invite-panel h2{margin:3px 0 0;color:var(--foreground);font:800 italic 25px/1.1 Barlow,Inter,Arial,sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere}
.server-profile .invite-panel>p:not(.profile-notice){margin:0 0 19px;color:var(--muted);font-size:12px;line-height:1.85}
.server-profile .invite-panel>.world-button{display:flex;width:100%;min-height:44px;margin-top:9px;gap:9px;border-radius:4px;font-size:12px}
.server-profile .invite-panel>.world-primary:disabled{background:transparent;border:1px dashed var(--border);color:var(--muted)}
.server-profile .invite-panel>.world-outline{background:transparent;border-color:var(--border);color:var(--foreground)}
.server-profile .invite-panel>.world-outline:hover{background:var(--panel);border-color:var(--primary);color:var(--primary)}
.server-profile .invite-panel>.world-button .icon{width:16px;height:16px}
.server-profile .profile-website{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-top:12px;color:var(--primary);font-size:12px}
.server-profile .profile-website .icon{width:14px;height:14px}
.server-profile .copy-field{margin-top:23px;padding-top:20px;border-top:1px dashed var(--border)}
.server-profile .copy-field>span{color:var(--foreground);font-size:10px;font-weight:650}
.server-profile .copy-field>div{display:flex;align-items:center;gap:7px;margin-top:8px;padding:7px 8px;border:1px solid var(--border);border-radius:3px;background:#ffffff26}
.server-profile .copy-field code{min-width:0;color:var(--primary);font:11px/1.65 Inter,Arial,sans-serif;overflow-wrap:anywhere}
.server-profile .copy-field button{display:grid;place-items:center;flex:none;width:32px;height:32px;margin-left:auto;padding:7px;border:0;border-radius:3px;background:transparent;color:var(--muted)}
.server-profile .copy-field button:hover{background:var(--panel);color:var(--primary)}
.server-profile .copy-field .icon{width:15px;height:15px}
.server-profile .copy-field small{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.7}
.server-profile .profile-facts{display:block;margin:20px 0 0;padding-top:11px;border-top:1px dashed var(--border)}
.server-profile .profile-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:7px 0}
.server-profile .profile-facts dt{flex:none;color:var(--muted);font-size:10px;line-height:1.5}
.server-profile .profile-facts dd{min-width:0;margin:0;color:var(--foreground);font-size:10px;line-height:1.6;text-align:right;overflow-wrap:anywhere}
.server-profile .invite-panel>.profile-notice{margin:21px 0 0;padding-top:16px;border-top:1px dashed var(--border);color:var(--muted);font-size:10px;line-height:1.8}
.server-profile .faq-list{margin-top:20px}
.server-profile .faq-list details{border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
.server-profile .faq-list details:last-child{border-bottom:0}
.server-profile .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:17px 0;list-style:none;color:var(--foreground);font-size:13px;font-weight:500;line-height:1.6;cursor:pointer}
.server-profile :is(.faq-list,.world-sources) summary::-webkit-details-marker{display:none}
.server-profile :is(.faq-list,.world-sources) summary::marker{content:''}
.server-profile .faq-list summary .icon{width:15px;height:15px;color:var(--primary);transition:transform .18s}
.server-profile .faq-list details[open] summary .icon{transform:rotate(90deg)}
.server-profile .faq-list details p{max-width:65ch;margin:0 25px 20px 0;color:var(--muted);font-size:13px;line-height:1.85}
/* Artwork retains its original composition and native horizontal scroll controls. */
.server-profile .world-gallery{min-width:0;padding-top:20px;padding-bottom:50px}
.server-profile .world-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}
.server-profile .world-section-heading h2{margin:10px 0 0;color:var(--foreground);font:800 italic 43px/1.1 Barlow,Inter,Arial,sans-serif;letter-spacing:-.015em}
.server-profile .world-section-heading p:not(.section-eyebrow){max-width:65ch;margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.85}
.server-profile .gallery-controls{display:flex;align-items:center;flex:none;gap:8px;padding-bottom:3px}
.server-profile .gallery-controls>span{min-width:42px;margin-right:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}
.server-profile .gallery-controls button{display:grid;place-items:center;width:39px;height:39px;padding:10px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--foreground)}
.server-profile .gallery-controls button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--card)}
.server-profile .gallery-controls button:disabled{opacity:.35}
.server-profile .gallery-controls .icon{width:16px;height:16px}
.server-profile [data-gallery-prev] .icon{transform:rotate(180deg)}
.server-profile .gallery-total{flex:none;color:var(--muted);font-size:11px}
.server-profile .gallery-track{display:flex;gap:18px;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bca9ac var(--print-paper);border:0;border-radius:2px;background:var(--print-paper);box-shadow:0 12px 30px #17101124}
.server-profile .gallery-track>figure{flex:0 0 100%;width:100%;min-width:0;margin:0;padding:10px 10px 0;scroll-snap-align:start;scroll-snap-stop:always;background:var(--print-paper)}
.server-profile .gallery-full-size{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:490px;background:#302b2c}
.server-profile .gallery-full-size>img{display:block;width:100%;height:100%;max-height:490px;object-fit:contain;object-position:center;transition:none;transform:none}
.server-profile .gallery-full-size>span{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff45;border-radius:4px;background:#282527d9;color:#f2ecdf;font-size:10px;line-height:1.4}
.server-profile .gallery-full-size>span .icon{width:13px;height:13px}
.server-profile .gallery-full-size:hover>span{background:#282527;color:#e2a7b5}
.server-profile .gallery-track figcaption{min-height:55px;margin:0;padding:15px 11px 16px;border:0;color:var(--print-ink);font-size:11px;line-height:1.8}
.server-profile .gallery-thumbnails{display:flex;gap:10px;margin-top:15px;padding:2px 0 5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.server-profile .gallery-thumbnails button{position:relative;display:block;flex:0 0 87px;width:87px;height:56px;margin:0;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:2px;background:var(--print-paper);opacity:.65;transition:opacity .18s,border-color .18s}
.server-profile .gallery-thumbnails button:hover,.server-profile .gallery-thumbnails button[aria-pressed=true]{border-color:var(--primary);opacity:1}
.server-profile .gallery-thumbnails img{width:100%;height:100%;object-fit:contain;background:#302b2c}
.server-profile .gallery-thumbnails span{position:absolute;right:5px;bottom:4px;min-width:15px;padding:1px 3px;border-radius:2px;background:#282527d9;color:#f2ecdf;font-size:9px;line-height:1.25;text-align:center}
.server-profile .world-sources{padding-top:0;padding-bottom:55px}
.server-profile .world-sources>details{overflow:hidden;border:0;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:0;background:transparent;box-shadow:none}
.server-profile .world-sources summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:19px 0;list-style:none;color:var(--muted);font-size:12px;font-weight:500;line-height:1.6;cursor:pointer}
.server-profile .world-sources summary:hover{color:var(--foreground)}
.server-profile .world-sources summary .icon{width:16px;height:16px;transition:transform .18s}
.server-profile .world-sources details[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);color:var(--foreground)}
.server-profile .world-sources details[open]>summary .icon{transform:rotate(90deg)}
.server-profile .sources-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:25px 0 30px}
.server-profile .sources-body>div{min-width:0}
.server-profile .sources-body h3{margin:0 0 13px;color:var(--foreground);font:650 15px/1.5 Inter,Arial,sans-serif}
.server-profile .sources-body h4{margin:24px 0 9px;color:var(--foreground);font-size:12px;font-weight:650}
.server-profile .sources-body p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.9}
.server-profile .sources-body ul{display:grid;gap:11px;margin:19px 0 0;padding-left:16px;color:var(--muted)}
.server-profile .sources-body li{padding-left:2px;font-size:12px;line-height:1.7}
.server-profile .sources-body a{color:var(--primary);overflow-wrap:anywhere}
.server-profile .sources-body a:hover{text-decoration:underline}
.server-profile .sources-body a .icon{width:12px;height:12px;margin-left:4px;vertical-align:-2px}
.server-profile .world-related{padding-top:0;padding-bottom:0}
.server-profile .world-related .world-section-heading>a{display:inline-flex;align-items:center;gap:8px;flex:none;margin-bottom:3px;color:var(--primary);font-size:12px}
.server-profile .world-related .world-section-heading>a .icon{width:15px;height:15px}
.server-profile .world-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.server-profile .world-related-list>a{display:flex;align-items:center;gap:14px;min-width:0;margin:0;padding:20px 0;border:0;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:0;background:transparent;box-shadow:none;transition:border-color .18s}
.server-profile .world-related-list>a:hover{border-color:var(--primary);background:transparent}
.server-profile .world-related-list>a>img{width:48px;height:48px;flex:none;object-fit:cover;border:2px solid var(--print-paper);border-radius:10px}
.server-profile .world-related-list>a>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.server-profile .world-related-list strong{color:var(--foreground);font:650 15px/1.45 Inter,Arial,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.server-profile .world-related-list small{color:var(--muted);font-size:10px;line-height:1.6}
.server-profile .world-related-list>a>.icon{flex:none;width:16px;height:16px;margin-left:auto;color:var(--primary)}
.server-profile summary:focus-visible,.server-profile .gallery-track:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
@media(min-width:1800px){
 .server-profile .profile-hero{gap:95px;padding-top:40px;padding-bottom:80px}
 .server-profile .profile-title-row h1{font-size:112px}
 .server-profile .profile-headline{font-size:41px}
 .server-profile .profile-cover>img{max-height:490px}
 .server-profile .profile-columns{grid-template-columns:minmax(0,1fr) 350px;gap:110px}
}
@media(max-width:1100px){
 .server-profile .profile-hero{gap:40px;padding-top:22px;padding-bottom:50px}
 .server-profile .profile-title-row h1{font-size:clamp(64px,8vw,86px)}
 .server-profile .profile-headline{font-size:31px}
 .server-profile .profile-description{font-size:14px}
 .server-profile .profile-cover{padding:9px 9px 0}
 .server-profile .profile-cover-caption{min-height:56px;font-size:9px}
 .server-profile .profile-cover-caption .hand{font-size:21px}
 .server-profile .profile-columns{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
 .server-profile .profile-panel h2{font-size:38px}
 .server-profile .expectation-list{grid-template-columns:1fr}
 .server-profile .expectation-list article{padding:21px 23px}
 .server-profile .invite-panel{padding:27px 22px 23px}
 .server-profile .world-related-list{gap:18px}
 .server-profile .world-related-list>a{gap:11px}
 .server-profile .world-related-list>a>img{width:40px;height:40px;border-radius:8px}
 .server-profile .world-related-list strong{font-size:13px}
}
@media(max-width:760px){
 html:has(.server-profile){scroll-padding-top:88px}
 .server-profile{--profile-header-height:68px;padding-bottom:48px}
 .server-profile .profile-breadcrumb{padding-top:22px;padding-bottom:18px;font-size:11px}
 .server-profile .profile-breadcrumb>span{display:none}
 .server-profile .back-link{font-size:11px}
 .server-profile .profile-hero{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-top:17px;padding-bottom:40px}
 .server-profile .profile-heading{width:100%;margin:0;padding:0}
 .server-profile .profile-identity{gap:11px;margin-bottom:19px}
 .server-profile .profile-avatar{width:40px;height:40px;border-radius:10px}
 .server-profile .profile-identity .section-eyebrow{max-width:34ch;font-size:8px;line-height:1.8;letter-spacing:.09em}
 .server-profile .profile-identity .section-eyebrow>span{padding-inline:4px}
 .server-profile .profile-title-row{gap:13px}
 .server-profile .profile-title-row h1{font-size:clamp(60px,17vw,88px);line-height:.97;letter-spacing:-.025em;overflow-wrap:normal}
 .server-profile .profile-status{font-size:9px}
 .server-profile .profile-headline{max-width:22ch;margin-top:15px;font-size:30px;line-height:1.2}
 .server-profile .profile-description{max-width:none;margin-top:23px;font-size:14px;line-height:1.9}
 .server-profile .profile-actions{gap:9px;margin-top:24px}
 .server-profile .profile-actions .world-button{padding-inline:14px;min-height:44px;font-size:12px}
 .server-profile .profile-cover{align-self:center;width:calc(100% - 6px);max-width:530px;margin:0;padding:8px 8px 0;transform:rotate(1.5deg);box-shadow:0 12px 25px #1710112b}
 .server-profile .profile-cover:before{width:65px;height:22px;top:-9px;left:40%}
 .server-profile .profile-cover>img{aspect-ratio:1.6;max-height:none;object-fit:contain}
 .server-profile .profile-cover-caption{min-height:53px;gap:10px;padding:11px 3px 12px;font-size:8px}
 .server-profile .profile-cover-caption .hand{font-size:21px}
 .server-profile .world-nav>div{gap:3px 19px;padding-top:0;padding-bottom:15px}
 .server-profile .world-nav>div:before{display:none}
 .server-profile .world-nav a{min-height:35px;font-size:10px;text-underline-offset:5px}
 .server-profile .profile-columns{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-top:24px;padding-bottom:43px}
 .server-profile .profile-main{display:contents}
 .server-profile #community{order:1}
 .server-profile .invite-panel{position:relative;top:auto;order:2;align-self:center;width:calc(100% - 8px);max-width:440px;margin:0;padding:29px 24px 25px;transform:rotate(.7deg)}
 .server-profile #expectations{order:3}
 .server-profile .profile-faq{order:4}
 .server-profile .profile-panel{padding:0;border:0;border-radius:0}
 .server-profile .profile-panel+.profile-panel{padding-top:28px}
 .server-profile .profile-panel h2{font-size:34px;line-height:1.15}
 .server-profile .profile-panel>p:not(.section-eyebrow):not(.profile-notice):not(.profile-lead){margin-top:17px;font-size:14px;line-height:1.95}
 .server-profile .profile-panel>p.profile-lead:not(.profile-notice):not(.section-eyebrow){font-size:27px;line-height:1.35}
 .server-profile .profile-panel>p.profile-notice{margin-top:24px;font-size:10px;line-height:1.9}
 .server-profile .world-tags{gap:8px 17px;margin-top:22px}
 .server-profile .world-tags a{font-size:10px}
 .server-profile .expectation-list{grid-template-columns:1fr;gap:15px;margin-top:25px;padding-inline:3px}
 .server-profile .expectation-list article{padding:22px 23px 24px}
 .server-profile .expectation-list h3{font-size:15px}
 .server-profile .expectation-list p{font-size:13px;line-height:1.85}
 .server-profile .invite-panel h2{font-size:27px}
 .server-profile .invite-panel>p:not(.profile-notice){font-size:12px}
 .server-profile .invite-panel>.world-button{font-size:12px}
 .server-profile .copy-field code{font-size:11px}
 .server-profile .profile-facts>div{padding-block:8px}
 .server-profile .profile-facts dt,.server-profile .profile-facts dd{font-size:11px}
 .server-profile .faq-list summary{font-size:12px;line-height:1.7}
 .server-profile .faq-list details p{font-size:12px;line-height:1.9}
 .server-profile .world-section-heading{align-items:flex-start;gap:16px;margin-bottom:22px}
 .server-profile .world-section-heading h2{font-size:35px;line-height:1.15}
 .server-profile .world-section-heading p:not(.section-eyebrow){max-width:30ch;margin-top:12px;font-size:12px;line-height:1.85}
 .server-profile .world-gallery{padding-top:0;padding-bottom:35px}
 .server-profile .gallery-controls{gap:6px;padding-top:8px}
 .server-profile .gallery-controls>span{min-width:30px;margin-right:1px;font-size:10px}
 .server-profile .gallery-controls button{width:34px;height:34px;padding:8px}
 .server-profile .gallery-total{padding-top:16px;font-size:10px}
 .server-profile .gallery-track{gap:12px;border:0;border-radius:1px}
 .server-profile .gallery-track>figure{padding:7px 7px 0}
 .server-profile .gallery-full-size{height:260px}
 .server-profile .gallery-full-size>img{max-height:260px}
 .server-profile .gallery-full-size>span{right:10px;bottom:10px;padding:7px 9px;font-size:9px}
 .server-profile .gallery-track figcaption{min-height:51px;padding:12px 7px 14px;font-size:10px;line-height:1.8}
 .server-profile .gallery-thumbnails{gap:8px;margin-top:12px}
 .server-profile .gallery-thumbnails button{flex-basis:77px;width:77px;height:50px}
 .server-profile .world-sources{padding-bottom:35px}
 .server-profile .world-sources summary{min-height:61px;padding:18px 0;font-size:11px}
 .server-profile .sources-body{grid-template-columns:1fr;gap:28px;padding:23px 0 25px}
 .server-profile .sources-body h3{font-size:14px}
 .server-profile .sources-body p,.server-profile .sources-body li{font-size:11px;line-height:1.9}
 .server-profile .world-related .world-section-heading{align-items:flex-end}
 .server-profile .world-related .world-section-heading>a{max-width:85px;font-size:10px;line-height:1.6;text-align:right}
 .server-profile .world-related .world-section-heading h2{max-width:10ch}
 .server-profile .world-related-list{grid-template-columns:1fr;gap:0}
 .server-profile .world-related-list>a{padding:19px 0;gap:13px}
 .server-profile .world-related-list>a>img{width:44px;height:44px;border-radius:9px}
 .server-profile .world-related-list strong{font-size:15px}
 .server-profile .world-related-list small{font-size:10px}
}
@media(max-width:380px){
 .server-profile .profile-title-row h1{font-size:clamp(55px,17vw,64px)}
 .server-profile .profile-headline{font-size:28px}
 .server-profile .profile-actions{gap:7px}
 .server-profile .profile-actions .world-button{padding-inline:11px;font-size:11px}
 .server-profile .profile-cover-caption .hand{font-size:19px}
 .server-profile .world-nav>div{gap:3px 15px}
 .server-profile .world-nav a{font-size:9px}
 .server-profile .world-section-heading{flex-wrap:wrap}
 .server-profile .gallery-controls{margin-left:auto;padding-top:0}
 .server-profile .invite-panel{padding-inline:21px}
}
@media(prefers-reduced-motion:reduce){
 .server-profile :is(.world-tags a,.gallery-thumbnails button,.world-related-list>a,summary .icon){transition:none}
 .server-profile .gallery-track{scroll-behavior:auto}
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){
 .server-profile .profile-panel,.server-profile .world-nav,.server-profile .world-sources>details{background:transparent}
 .server-profile .invite-panel{background:#e9e0d5}
 .server-profile .world-related-list>a{background:transparent;border-color:var(--border)}
}

/* Readable community pages, with the existing paper, photography and palette. */
:root{--muted:#d0c6c0;--muted-foreground:#d0c6c0}
html[data-theme=light]{--muted:#6e5d67;--muted-foreground:#6e5d67}
body{line-height:1.65}

/* Directory copy stays complete, with enough room to compare communities. */
.section-heading>div>p:last-child{max-width:60ch;font-size:15px;line-height:1.8}
.directory-total{font-size:13px;line-height:1.7}
.server-grid{gap:22px}
.server-card .card-content{padding:0 19px 18px}
.server-card h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.server-card p,.server-grid[data-view=list] .server-card p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:11px}
.server-card .card-identity{gap:10px}
.server-card .card-identity .sample-label{font-size:10px;line-height:1.6;white-space:normal;text-align:right}
.server-card .cover-game{font-size:10px;line-height:1.5;padding:4px 8px}
.server-card .tags{gap:6px;margin-top:19px}
.server-card .tags li,.server-grid[data-view=list] .tags li{font-size:11px;line-height:1.5;padding:4px 8px}
.server-card .card-bottom{gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:13px}
.server-card .card-bottom>span,.server-grid[data-view=list] .card-bottom>span{font-size:11px;line-height:1.6}
.server-card .card-bottom>a,.server-grid[data-view=list] .card-bottom>a{min-height:36px;font-size:13px;line-height:1.5;gap:7px}
.server-card .card-bottom .icon{width:14px;height:14px}
.server-card .save-card{width:40px;height:40px;border-radius:7px}
.server-card .save-card .icon{width:17px;height:17px}
.server-card:focus-within{border-color:var(--primary)}
.server-grid[data-view=list] .card-content{padding:20px 23px}
.server-grid[data-view=list] .card-identity .sample-label{text-align:left}
.collection-note,.saved-help{font-size:12px;line-height:1.85}
.collection-note{align-items:flex-start;gap:9px}
.collection-note .icon{margin-top:4px}
.results-caption{font-size:14px}
.saved-filter{min-height:40px;padding:7px 10px;font-size:13px;gap:7px}
.saved-filter>span{font-size:12px}
.saved-filter .icon{width:15px;height:15px}
.view-options{gap:2px;padding:3px}
.view-options button{width:38px;height:36px}
.view-options .icon{width:16px;height:16px}

/* The tiny head bootstrap marks .js before paint; reserve deferred controls. */
.js .header-saved[data-client][hidden],.js .saved-filter[data-client][hidden],.js .view-options[data-client][hidden]{display:flex!important;visibility:hidden}
.js .site-header .theme-toggle[data-client][hidden]{display:inline-flex!important;visibility:hidden}
.js .directory-tools{min-height:44px}
.header-saved>[data-saved-count]{min-width:24px;text-align:center}
.saved-filter>[data-saved-count]{display:inline-block;min-width:2ch;text-align:center}

/* Forms and navigation have comfortable labels and intentional hit areas. */
.search-field input,.hero-search input{font-size:15px;line-height:1.6}
.search-submit,.hero-search .search-submit{min-height:40px;font-size:13px;padding:10px 14px}
.filter-sidebar-heading{margin-bottom:22px}
.filter-sidebar-heading>span{margin-right:auto;font-size:15px}
.filter-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.filter-fields .filter-select{min-width:0;margin:0}
.filter-select label{font-size:12px;line-height:1.6;margin-bottom:7px}
.filter-select select{min-height:44px;padding:10px 9px;font-size:13px;line-height:1.5}
.filter-note{font-size:12px;line-height:1.8}
.reset-filters{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding-inline:4px;font-size:12px}
[data-filter-toggle]{display:none}
.site-header nav a{min-height:44px;font-size:14px}
.quick-search{min-height:40px;font-size:13px}
.header-saved{min-height:40px;font-size:13px}
.site-header .theme-toggle{width:40px;height:40px}
.game-navigation a{min-height:44px;font-size:13px}
.game-navigation a span{font-size:11px}
.game-tile small{font-size:12px;line-height:1.6}
.footer-links{gap:3px;font-size:13px}
.footer-links a{display:inline-flex;align-items:center;min-height:36px}
.footer-top>div>p{font-size:13px;line-height:1.85}
.footer-bottom{font-size:11px;line-height:1.8}

/* A poster title introduces the community; the prose carries the details. */
.server-profile .profile-hero{gap:58px;padding-top:23px;padding-bottom:49px}
.server-profile .profile-title-row h1{font-size:clamp(50px,5.3vw,78px);line-height:1.03;letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:none;text-wrap:pretty}
.server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-size:clamp(48px,4.4vw,64px)}
.server-profile .profile-identity .section-eyebrow{max-width:40ch;font-size:10px;line-height:1.7;letter-spacing:.08em}
.server-profile .profile-status{font-size:11px;line-height:1.6}
.server-profile .profile-headline{max-width:26ch;font-size:32px;line-height:1.25}
.server-profile .profile-description{max-width:48ch;margin-top:22px;font-size:16px;line-height:1.85}
.server-profile .profile-actions{margin-top:25px;gap:11px}
.server-profile .profile-actions .world-button{min-height:46px;font-size:14px;padding:12px 17px}
.server-profile .profile-hero-note{font-size:12px;line-height:1.8}
.server-profile .back-link{min-height:40px;font-size:13px;line-height:1.6}
.server-profile .profile-cover-caption{font-size:11px;line-height:1.6}
.server-profile .profile-cover-caption .hand{font-size:24px}
.server-profile .world-nav>div{gap:5px 25px;padding-bottom:15px}
.server-profile .world-nav>div:before{font-size:10px}
.server-profile .world-nav a{min-height:44px;font-size:13px;line-height:1.6;text-underline-offset:7px}
.server-profile .profile-columns{gap:65px;padding-top:29px}
.server-profile .profile-main{gap:44px}
.server-profile .profile-panel h2,.server-profile .world-section-heading h2{font-size:38px;line-height:1.18}
.server-profile .profile-panel>p:not(.section-eyebrow):not(.profile-notice):not(.profile-lead){max-width:64ch;margin-top:19px;font-size:16px;line-height:1.85}
.server-profile .profile-panel>p.profile-notice{font-size:12px;line-height:1.85}
.server-profile .world-tags{gap:8px 20px}
.server-profile .world-tags a{min-height:38px;font-size:12px;line-height:1.6}
.server-profile .expectation-list h3{font-size:16px;line-height:1.5}
.server-profile .expectation-list p{font-size:15px;line-height:1.8;color:#625159}
.server-profile .invite-panel>p:not(.profile-notice){font-size:14px;line-height:1.8}
.server-profile .invite-panel>.world-button{min-height:46px;font-size:13px;line-height:1.5}
.server-profile .invite-panel .section-eyebrow{font-size:10px;line-height:1.7}
.server-profile .invite-panel h2{font-size:28px;line-height:1.25}
.server-profile .profile-website{min-height:40px;font-size:13px}
.server-profile .copy-field>span{font-size:12px;line-height:1.6}
.server-profile .copy-field code{font-size:12px;line-height:1.7}
.server-profile .copy-field button{width:38px;height:38px}
.server-profile .copy-field small,.server-profile .invite-panel>.profile-notice{font-size:12px;line-height:1.85}
.server-profile .profile-facts>div{gap:12px;padding-block:9px}
.server-profile .profile-facts dt,.server-profile .profile-facts dd{font-size:12px;line-height:1.65}
.server-profile .faq-list summary{min-height:62px;font-size:15px;line-height:1.65}
.server-profile .faq-list details p{font-size:15px;line-height:1.85}
.server-profile .world-section-heading p:not(.section-eyebrow){font-size:15px;line-height:1.8}
.server-profile .gallery-controls button{width:42px;height:42px}
.server-profile .gallery-controls>span,.server-profile .gallery-total{font-size:12px}
.server-profile .gallery-track figcaption{font-size:13px;line-height:1.8}
.server-profile .gallery-full-size>span{font-size:12px;line-height:1.5}
.server-profile .world-sources summary{font-size:14px;line-height:1.7}
.server-profile .sources-body h3{font-size:16px;line-height:1.5}
.server-profile .sources-body h4{font-size:14px;line-height:1.6}
.server-profile .sources-body p,.server-profile .sources-body li{font-size:14px;line-height:1.85}
.server-profile .world-related-list strong{font-size:16px;line-height:1.5}
.server-profile .world-related-list small{font-size:12px;line-height:1.7}

/* Quick search keeps long real community names readable on every viewport. */
.mc-dialog-overlay{background:rgb(16 13 17 / .76);backdrop-filter:none;-webkit-backdrop-filter:none}
.mc-dialog-description{font-size:14px;line-height:1.75}
.mc-dialog-close{width:40px;height:40px}
.mc-search-result-copy strong{overflow:visible;font-size:15px;line-height:1.5;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.mc-search-result-copy>span{overflow:visible;font-size:12px;line-height:1.6;text-overflow:clip;white-space:normal}
.mc-search-result-game{font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.mc-command-group [cmdk-group-heading]{font-size:11px;line-height:1.6}
.mc-search-footer,.mc-search-footer a{font-size:12px;line-height:1.6}
.mc-search-footer a{display:inline-flex;align-items:center;min-height:32px}

@media(min-width:1600px){.server-card p,.server-grid[data-view=list] .server-card p{font-size:16px}}
@media(max-width:1100px){
 .server-profile .profile-hero{gap:38px}
 .server-profile .profile-columns{gap:36px}
 .server-profile .profile-title-row h1{font-size:clamp(48px,6.1vw,68px)}
 .server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-size:clamp(42px,5.2vw,57px)}
}
@media(max-width:760px){
 .site-header{gap:8px}
 .header-actions{gap:2px}
 .site-header :is(.quick-search,.theme-toggle,.nav-toggle,.header-saved){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px}
 .site-header nav{gap:20px;padding-block:8px}
 .site-header nav a{font-size:13px}
 .section-heading{gap:15px;align-items:flex-start}
 .section-heading>div>p:last-child{max-width:none;font-size:14px;line-height:1.8}
 .directory-total{max-width:62px;margin-top:29px;font-size:11px;line-height:1.7}
 .directory-layout{gap:18px}
 .directory-filters{gap:12px}
 .directory-search{min-height:52px}
 .search-field input,.hero-search input{font-size:16px}
 .search-submit,.hero-search .search-submit{font-size:13px;padding-inline:12px}
 .filter-sidebar{display:block;width:100%;padding:0;border:0;background:transparent}
 .filter-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0;border:0}
 .filter-sidebar-heading>span{font-size:14px}
 .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;margin-top:14px}
 .filter-select label{font-size:12px;line-height:1.6;margin-bottom:6px}
 .filter-select select{min-height:44px;padding:10px 8px;font-size:13px;line-height:1.5}
 .js [data-filter-toggle]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:13px;font-weight:600;line-height:1.5}
 .js .site-header .nav-toggle[data-client][hidden],.js [data-filter-toggle][data-client][hidden]{display:inline-flex!important;visibility:hidden}
 .js [data-filter-toggle]:after{content:'';display:block;flex:none;width:6px;height:6px;margin:0 2px 3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
 .js [data-filter-toggle][aria-expanded=true]:after{margin-top:4px;margin-bottom:0;transform:rotate(225deg)}
 .js [data-filter-toggle]:hover{background:var(--card-hover);border-color:var(--muted)}
 [data-filter-toggle] .icon{width:16px;height:16px}
 .js .filter-sidebar[data-expanded=false] .filter-fields{display:none}
 .filter-note{display:none}
 .reset-filters{min-height:44px;padding-inline:6px;font-size:12px}
 .directory-tools>div:first-child{gap:7px;flex-wrap:wrap}
 .results-caption{font-size:13px}
 .saved-filter{min-height:40px;padding-inline:7px;font-size:12px}
 .view-options{flex:none}
 .view-options button{width:36px;height:36px}
 .server-grid{gap:20px}
 .server-card .card-content{padding:0 19px 18px}
 .server-card h3{font-size:23px;line-height:1.35}
 .server-card p,.server-grid[data-view=list] .server-card p{font-size:15px;line-height:1.8}
 .server-card .card-identity .sample-label{font-size:10px}
 .server-card .card-bottom>a,.server-grid[data-view=list] .card-bottom>a{min-height:40px;font-size:13px}
 .server-grid[data-view=list] .server-card{grid-template-columns:76px minmax(0,1fr)}
 .server-grid[data-view=list] .card-content{padding:15px}
 .server-grid[data-view=list] h3{font-size:20px;line-height:1.35}
 .server-grid[data-view=list] .tags{gap:5px}
 .server-grid[data-view=list] .tags li{font-size:11px;padding:4px 6px}
 .collection-note,.saved-help{font-size:12px;line-height:1.8}
 .game-navigation a{min-height:44px;font-size:12px}
 .game-navigation a span{font-size:11px}
 .game-tile strong{font-size:15px;line-height:1.35}
 .game-tile small{font-size:11px;line-height:1.6}
 .footer-links{font-size:13px}
 .footer-links a{min-height:40px}
 .footer-bottom{font-size:11px;line-height:1.8}
 .server-profile .profile-hero{gap:34px;padding-top:13px;padding-bottom:32px}
 .server-profile .profile-title-row h1{font-size:clamp(41px,12.5vw,59px);line-height:1.04;letter-spacing:-.015em}
 .server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-size:clamp(36px,10.4vw,44px)}
 .server-profile .profile-identity .section-eyebrow{font-size:10px;line-height:1.7}
 .server-profile .profile-status{font-size:11px}
 .server-profile .profile-headline{font-size:29px;line-height:1.25}
 .server-profile .profile-description{margin-top:22px;font-size:16px;line-height:1.8}
 .server-profile .profile-actions .world-button{min-height:46px;font-size:13px;padding-inline:14px}
 .server-profile .profile-hero-note{font-size:12px}
 .server-profile .back-link{font-size:12px;min-height:40px}
 .server-profile .profile-cover-caption{min-height:56px;font-size:10px;line-height:1.6}
 .server-profile .profile-cover-caption .hand{font-size:22px}
 .server-profile .world-nav>div{gap:2px 19px;padding-bottom:12px}
 .server-profile .world-nav a{min-height:44px;font-size:12px;line-height:1.6}
 .server-profile .profile-columns{gap:36px;padding-top:23px;padding-bottom:40px}
 .server-profile .profile-panel h2,.server-profile .world-section-heading h2{font-size:32px;line-height:1.2}
 .server-profile .profile-panel>p:not(.section-eyebrow):not(.profile-notice):not(.profile-lead){font-size:16px;line-height:1.85}
 .server-profile .profile-panel>p.profile-notice{font-size:12px;line-height:1.85}
 .server-profile .world-tags a{min-height:40px;font-size:12px}
 .server-profile .expectation-list p{font-size:15px;line-height:1.8}
 .server-profile .invite-panel h2{font-size:27px;line-height:1.25}
 .server-profile .invite-panel>p:not(.profile-notice){font-size:14px;line-height:1.8}
 .server-profile .invite-panel>.world-button{font-size:13px}
 .server-profile .copy-field code{font-size:12px}
 .server-profile .profile-facts dt,.server-profile .profile-facts dd{font-size:12px;line-height:1.65}
 .server-profile .faq-list summary{font-size:14px;line-height:1.7}
 .server-profile .faq-list details p{font-size:15px;line-height:1.85}
 .server-profile .world-section-heading{flex-wrap:wrap;gap:16px}
 .server-profile .world-section-heading p:not(.section-eyebrow){max-width:40ch;font-size:14px;line-height:1.8}
 .server-profile .gallery-controls{margin-left:auto;padding-top:0}
 .server-profile .gallery-controls button{width:40px;height:40px}
 .server-profile .gallery-track figcaption{font-size:12px;line-height:1.8}
 .server-profile .world-sources summary{font-size:13px;line-height:1.7}
 .server-profile .sources-body p,.server-profile .sources-body li{font-size:14px;line-height:1.85}
 .server-profile .world-related-list strong{font-size:16px;line-height:1.5}
 .server-profile .world-related-list small{font-size:12px;line-height:1.7}
 .server-profile .world-related .world-section-heading>a{max-width:110px;min-height:40px;font-size:12px;line-height:1.6}
 .mc-command-item{min-height:70px}
 .mc-search-footer a{min-height:36px}
}
@media(max-width:360px){
 .site-header{padding-inline:14px;gap:8px}
 .site-header .brand{font-size:22px;gap:6px}
 .site-header .brand-mark{width:24px;height:24px}
 .header-actions{gap:0}
 .site-header :is(.quick-search,.theme-toggle,.nav-toggle,.header-saved){width:36px;height:40px;padding:8px}
 .directory-tools{gap:8px;align-items:flex-start}
 .directory-tools>div:first-child{gap:1px 5px}
 .saved-filter{padding-inline:5px}
 .server-profile .profile-actions{gap:9px}
 .server-profile .profile-actions .world-button{font-size:12px;padding-inline:12px}
 .server-profile .profile-cover-caption .hand{font-size:20px}
 .server-profile .world-nav>div{gap:2px 16px}
}

/* One quiet palette across scenery, directory controls and the paper profiles. */
:root{
 --background:#232422;--foreground:#f2eddf;
 --card:#2c2d2a;--card-hover:#353630;--panel:#272825;
 --muted:#c6c4b9;--muted-foreground:#c6c4b9;
 --border:#4d5047;--input:#7d8173;
 --primary:#dcb2aa;--primary-foreground:#302725;
 --accent:#b7c5af;--accent-soft:#343d31;--ring:#dcb2aa;
 --rose:#dcb2aa;--paper:#e8dfd0;
 --primary-soft:#433530;--surface-raised:#373931;
 --scene-veil:rgb(35 36 34 / .52);--photo-ground:#2b2d28;
 --photo-ink:#f2eddf;--photo-label:rgb(35 36 32 / .9);
}
html[data-theme=light]{
 --background:#fff8f2;--foreground:#37382f;
 --card:#fffaf6;--card-hover:#f1e9dd;--panel:#f1ebe1;
 --muted:#69695e;--muted-foreground:#69695e;
 --border:#c9c3b4;--input:#8b8878;
 --primary:#875b50;--primary-foreground:#fff8f2;
 --accent:#496653;--accent-soft:#e3ebe3;--ring:#875b50;
 --rose:#875b50;--primary-soft:#f0dfd6;--surface-raised:#fffdf9;
 --scene-veil:rgb(255 248 242 / .52);
}
/* Specificity also keeps the document canvas aligned with the transition layer. */
html:root{background:var(--background)}
html:root[data-theme=light]{background:var(--background)}
::selection{background:var(--primary);color:var(--primary-foreground)}
body.directory-site{background:var(--background);color:var(--foreground)}
.directory-site:before{opacity:.25;filter:saturate(.58)}
:root:not([data-theme=light]) .profile-page.directory-site:before{opacity:.14}
.directory-site:after{background:var(--scene-veil)}
html[data-theme=light] .directory-site:before{opacity:.18}
html[data-theme=light] .directory-site:after{background:var(--scene-veil)}

/* Opaque reading surfaces give the artwork room to remain in the background. */
.directory-site :is(.server-card,.hero-spotlight,.filter-sidebar,.credit-list section){background:var(--card);border-color:var(--border);box-shadow:0 1px 0 rgb(255 248 242 / .025),0 8px 24px rgb(14 10 18 / .055)}
.directory-site .server-card:hover{background:var(--card-hover);border-color:color-mix(in srgb,var(--primary) 65%,var(--border))}
.site-header{background:var(--background);border-bottom-color:var(--border)}
.directory,.site-footer{border-top-color:color-mix(in srgb,var(--border) 70%,transparent)}
.directory-total,.results-caption{color:var(--muted)}
.directory-total strong,.results-caption strong{color:var(--foreground)}
.eyebrow,.section-eyebrow{color:var(--accent)}
.brand-mark{color:var(--primary)}
.site-header nav a[aria-current],.site-header nav a:hover{color:var(--primary)}
.site-header nav a[aria-current]:after{background:var(--primary)}
.header-saved>span:last-child,kbd{background:var(--panel);border-color:var(--border);color:var(--muted)}
.icon-button:hover,.header-saved:hover,.quick-search:hover{background:var(--card);border-color:var(--border);color:var(--foreground)}

/* Rose means an action or a selection; sage is a quieter secondary cue. */
.button-primary,.world-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
.button-primary:hover,.world-primary:not(:disabled):hover{background:color-mix(in srgb,var(--primary) 86%,var(--foreground));border-color:var(--primary);color:var(--primary-foreground)}
.button-secondary,.world-outline,.world-save{background:var(--card);border-color:var(--border);color:var(--foreground)}
.button-secondary:hover,.world-outline:hover,.world-save:hover{background:var(--card-hover);border-color:var(--primary);color:var(--primary)}
.world-save[aria-pressed=true],.saved-filter[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
.server-profile .profile-actions .world-save[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
.button-primary:disabled,.world-primary:disabled{background:var(--panel);border-color:var(--border);color:var(--muted)}
.search-field,.hero-search{background:var(--panel);border-color:var(--input)}
.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.search-field>.icon{color:var(--accent)}
.search-field input::placeholder,.hero-search input::placeholder{color:var(--muted);opacity:1}
.search-submit,.hero-search .search-submit{background:var(--surface-raised);color:var(--foreground)}
.search-submit:hover,.hero-search .search-submit:hover{background:var(--primary);color:var(--primary-foreground)}
.filter-select label{color:var(--foreground)}
.filter-select select{background:var(--panel);border-color:var(--input);color:var(--foreground)}
.filter-select select:hover{border-color:var(--primary)}
.filter-note .icon,.collection-note .icon{color:var(--accent)}
.reset-filters{color:var(--primary)}
.saved-filter{border-color:var(--border);color:var(--muted)}
.saved-filter:hover{background:var(--card);color:var(--foreground)}
.view-options{background:var(--panel);border-color:var(--border)}
.view-options button{color:var(--muted)}
.view-options button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}
.js [data-filter-toggle]{background:var(--card);border-color:var(--border);color:var(--foreground)}
.js [data-filter-toggle][aria-expanded=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}

/* The game choices are recognisable, tactile links with complete names. */
.directory-game-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;margin:0}
.directory-game-tabs [data-directory-game]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;max-width:100%;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted);font-size:13px;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.directory-game-tabs [data-directory-game]:hover{background:var(--card-hover);border-color:var(--primary);color:var(--foreground)}
.directory-game-tabs [data-directory-game][aria-current=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
.directory-game-tabs [data-directory-game] :is(small,.game-count,.directory-game-count){color:inherit;opacity:1;font-size:11px;font-variant-numeric:tabular-nums}
.game-navigation a{background:var(--card);border-color:var(--border)}
.game-navigation a span{opacity:1}
.game-navigation a[aria-current]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}

/* Small labels support the community name and two clear routes onward. */
.card-cover:after{background:rgb(33 30 37 / .09)}
.cover-game{background:var(--photo-label);color:var(--photo-ink)}
.server-card .save-card{background:var(--photo-label);border-color:rgb(243 236 226 / .35);color:var(--photo-ink)}
.server-card .save-card:hover,.server-card .save-card[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
.server-card .sample-label{color:var(--accent)}
.server-card .tags li{background:var(--panel);border-color:color-mix(in srgb,var(--border) 75%,transparent);color:var(--muted)}
.server-card .tags li:first-child{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.server-card .card-bottom{border-top-color:var(--border)}
.server-card .card-bottom>a{min-width:0;min-height:40px;color:var(--primary)}
.server-card .card-bottom>a:not(.card-join){text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 45%,transparent);text-underline-offset:4px}
.server-card .card-bottom>a:not(.card-join):hover{text-decoration-color:var(--primary)}
.server-card .card-bottom>a.card-join{gap:6px;color:var(--accent);font-size:12px;font-weight:500;line-height:1.5}
.server-card .card-bottom>.card-join .icon{width:15px;height:15px;flex:none}
.server-card .card-bottom>.card-join:hover{color:var(--foreground)}
.empty-state{background:var(--card);border-color:var(--border)}
.empty-state>.icon{color:var(--accent)}
.empty-state h3{color:var(--foreground)}
.empty-state p{color:var(--muted)}
.toast{background:var(--paper);color:#3c3d34}

/* Photo mats and the invitation keep their own warm, readable paper ink. */
.server-profile{--print-paper:#e8dfd0;--print-ink:#3c3d34}
.server-profile .profile-identity .section-eyebrow,.server-profile .profile-status{color:var(--muted)}
.server-profile .profile-status:before{background:var(--accent)}
.server-profile .profile-cover>img,.server-profile .gallery-full-size,.server-profile .gallery-thumbnails img{background:var(--photo-ground)}
.server-profile .profile-cover-caption .hand{color:#795269}
.server-profile .profile-cover:before{background:#c79aaaad}
.server-profile .invite-panel:before{background:#b7c2afab}
.server-profile .expectation-list article{background:#e8dfd0;color:#3c3d34}
.server-profile .expectation-list article:nth-child(3n+2){background:#e8d5c5}
.server-profile .expectation-list article:nth-child(3n){background:#d8e0d2}
.server-profile .expectation-list h3{color:#3c3d34}
.server-profile .expectation-list p{color:#62535b}
.server-profile .expectation-number{color:#85546b}
.server-profile .invite-panel{--foreground:#3c3d34;--muted:#69695e;--muted-foreground:#69695e;--border:#bfb5a3;--input:#8b8878;--primary:#875b50;--primary-foreground:#fff8f2;--card:#e8dfd0;--card-hover:#e4d5c8;--panel:#e1d3c6;--ring:#875b50;--accent:#496653;--accent-soft:#d8e0d2;--primary-soft:#e8d5c5}
.server-profile .invite-panel-heading>img{border-color:var(--border)}
.server-profile .invite-panel>.world-outline:hover{background:#f5ece2}
.server-profile .invite-panel .copy-field>div{background:#f5ece2}
.server-profile .invite-panel .copy-field button[data-copied=true]{background:var(--accent-soft);color:var(--accent)}
.server-profile .gallery-full-size>span,.server-profile .gallery-thumbnails span{background:var(--photo-label);color:var(--photo-ink);border-color:rgb(243 236 226 / .35)}
.server-profile .gallery-full-size:hover>span{background:#211e25;color:#dcb2aa}
.server-profile .world-nav a[aria-current],.server-profile .world-nav a:hover{color:var(--primary);text-decoration-color:var(--primary)}

/* Search shares the same input, selection and secondary-label language. */
.mc-dialog-overlay{background:rgb(18 13 22 / .78)}
.mc-dialog-content,.mc-command{background:var(--card);color:var(--foreground)}
.mc-dialog-content{border-color:var(--input);box-shadow:0 24px 70px rgb(12 8 16 / .36)}
.mc-command-input-wrapper{background:var(--panel);border-color:var(--input)}
.mc-command-search-icon,.mc-command-group [cmdk-group-heading]{color:var(--accent)}
.mc-command-item[data-selected=true]{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 65%,var(--border))}
.mc-search-result-game{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.mc-search-footer{background:var(--panel);border-color:var(--border)}
.mc-search-footer a{color:var(--primary)}
.mc-dialog-close:hover{background:var(--surface-raised);color:var(--foreground)}

@media(min-width:761px){
 .directory-game-tabs{grid-column:2;grid-row:2}
 .directory-tools{grid-row:3}
}
@media(max-width:760px){
 .directory-site:before{opacity:.21}
 .directory-site:after,html[data-theme=light] .directory-site:after{background:var(--scene-veil)}
 .directory-site aside.filter-sidebar{background:transparent;box-shadow:none}
 .directory-game-tabs{gap:8px}
 .directory-game-tabs [data-directory-game]{padding:9px 13px;font-size:12px}
 .server-card .card-bottom{flex-wrap:wrap;gap:5px 16px}
 .server-card .card-bottom>a.card-join{font-size:12px}
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){
 .directory-site :is(.server-card,.hero-spotlight,.filter-sidebar,.credit-list section),.site-header{background:var(--card);border-color:var(--input)}
 .directory-site .server-card:hover{background:var(--card-hover);border-color:var(--primary)}
}

/* Dark paper belongs to the selected theme, including all local invitation tokens. */
:root:not([data-theme=light]) .server-profile{--print-paper:#35372f;--print-ink:#f2eddf}
:root:not([data-theme=light]) .server-profile .profile-cover{box-shadow:inset 0 0 0 1px #64685a,0 18px 42px rgb(12 13 10 / .28)}
:root:not([data-theme=light]) .server-profile .profile-cover-caption .hand{color:#dcb2aa}
:root:not([data-theme=light]) .server-profile .profile-cover:before{background:#a38573cc}
:root:not([data-theme=light]) .server-profile .invite-panel:before{background:#7d8f7acc}
:root:not([data-theme=light]) .server-profile .expectation-list article{background:#30322c;color:#f2eddf;box-shadow:inset 0 0 0 1px #64685a,0 5px 13px rgb(12 13 10 / .14)}
:root:not([data-theme=light]) .server-profile .expectation-list article:nth-child(3n+2){background:#38322c}
:root:not([data-theme=light]) .server-profile .expectation-list article:nth-child(3n){background:#2e3730}
:root:not([data-theme=light]) .server-profile .expectation-list h3{color:#f2eddf}
:root:not([data-theme=light]) .server-profile .expectation-list p{color:#c6c4b9}
:root:not([data-theme=light]) .server-profile .expectation-number{color:#dcb2aa}
:root:not([data-theme=light]) .server-profile .invite-panel{--foreground:#f2eddf;--muted:#c6c4b9;--muted-foreground:#c6c4b9;--border:#64685a;--input:#7d8173;--primary:#dcb2aa;--primary-foreground:#302725;--card:#30322c;--card-hover:#3a3d33;--panel:#272a24;--ring:#dcb2aa;--accent:#b7c5af;--accent-soft:#2e3730;--primary-soft:#433530;background:var(--card);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border),0 9px 25px rgb(12 13 10 / .22)}
:root:not([data-theme=light]) .server-profile .invite-panel>.world-outline{border-color:var(--input)}
:root:not([data-theme=light]) .server-profile .invite-panel>.world-outline:hover{background:var(--card-hover)}
:root:not([data-theme=light]) .server-profile .invite-panel .copy-field>div{background:var(--panel);border-color:var(--input)}
:root:not([data-theme=light]) .server-profile .gallery-track{scrollbar-color:#a7ac98 var(--print-paper);box-shadow:0 12px 30px rgb(12 13 10 / .22)}
:root:not([data-theme=light]) .hero-print{color:#37382f;box-shadow:inset 0 0 0 1px #c4bcae,0 16px 35px rgb(12 13 10 / .25)}
:root:not([data-theme=light]) .print-genshin{background:#b9c7cf}
:root:not([data-theme=light]) .print-wuwa{background:#d4b5a0}
:root:not([data-theme=light]) .print-ananta{background:#e1d8c8}
:root:not([data-theme=light]) .hero-print figcaption,:root:not([data-theme=light]) .hero-print figcaption span{color:#37382f}
:root:not([data-theme=light]) .toast{background:var(--surface-raised);color:var(--foreground);border-color:var(--input)}

/* Familiar paper, with clearer small type and softer, intentional edges. */
:root{--ease-out:cubic-bezier(.22,.75,.25,1);--edge-soft:color-mix(in srgb,var(--primary) 24%,var(--border))}
.hero-intro{max-width:43ch;font-size:16px;line-height:1.85;text-wrap:pretty}
.hero-footnote{font-size:12px;line-height:1.6}
.hero-hand{line-height:1.22;text-wrap:pretty}
.hero-print{border-radius:5px;outline:1px solid color-mix(in srgb,var(--print-ink,var(--foreground)) 16%,transparent);outline-offset:-1px}
.hero-print figcaption{align-items:flex-end;font-size:11px;line-height:1.35;letter-spacing:.015em}
.hero-print figcaption span{font-size:20px;font-weight:600;letter-spacing:0}
.hero-print.print-ananta img{border-radius:3px}
.hero-note{font-weight:600;line-height:1.15}
.directory-site article.server-card{border-radius:12px;border-color:var(--edge-soft)}
.server-card h3{letter-spacing:-.015em}
.server-card .server-avatar{border-radius:13px}
.server-card .card-identity .sample-label{font-size:11px}
.directory-site aside.filter-sidebar{border-radius:12px}
.search-field,.hero-search{border-radius:11px}
.button,.world-button,.server-profile .profile-actions .world-button{border-radius:9px}
.filter-select select,.icon-button,.view-options{border-radius:8px}
.server-profile .profile-cover{border-radius:5px}
.server-profile .profile-cover>img{border-radius:3px}
.server-profile .expectation-list article{border-radius:5px}
.server-profile .invite-panel{border-radius:7px}
.server-profile .profile-cover-caption{letter-spacing:0}
.server-profile .profile-panel>p,.editorial p{text-wrap:pretty}
.server-profile .gallery-track{border-radius:5px}
.server-profile .gallery-thumbnails button{border-radius:5px}
.server-profile .gallery-full-size>span{border-radius:6px}
.search-field{transition:border-color 180ms ease,box-shadow 180ms ease}
.server-card :is(h3 a,.card-bottom a),.footer-links a,.text-link{transition:color 180ms ease,text-decoration-color 180ms ease}
.world-nav a{transition:color 180ms ease,text-decoration-color 180ms ease}
.server-profile .faq-list summary{transition:color 180ms ease}
.server-profile .faq-list summary:hover{color:var(--primary)}
:is(.button,.world-button,.search-submit):focus-visible{outline-offset:4px}
.server-profile .gallery-full-size:focus-visible{outline-offset:-5px}
.directory-site article.server-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}

/* Only local objects move. Pages and scenery keep their stable first paint. */
@media(prefers-reduced-motion:no-preference){
 .button,.world-button,.search-submit,.icon-button,.saved-filter{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,translate 180ms var(--ease-out),scale 180ms var(--ease-out)}
 .button .icon,.world-button .icon,.search-submit .icon,.game-tile>.icon,.card-bottom>a>.icon,.world-related-list>a>.icon,.brand-mark{transition:translate 220ms var(--ease-out),rotate 220ms var(--ease-out)}
 .server-card{transition:translate 220ms var(--ease-out),background-color 180ms ease,border-color 180ms ease}
 .card-cover img,.game-tile img{transition:scale 450ms var(--ease-out)}
 .game-tile{transition:translate 220ms var(--ease-out),border-color 180ms ease,background-color 180ms ease}
 .hero-print,.server-profile .profile-cover,.server-profile .expectation-list article{transition:translate 380ms var(--ease-out),rotate 380ms var(--ease-out)}
 .world-related-list>a img{transition:translate 220ms var(--ease-out),rotate 220ms var(--ease-out)}
 .home-page .hero-print{animation:paper-settle 700ms var(--ease-out) backwards}
 .home-page .print-wuwa{animation-delay:70ms}
 .home-page .print-ananta{animation-delay:140ms}
 @media(hover:hover) and (pointer:fine){
  .directory-site .server-card:hover{translate:0 -3px}
  .server-card:hover .card-cover img{scale:1.025}
  .game-tile:hover{translate:0 -3px}
  .game-tile:hover img{scale:1.035}
  :is(.button,.world-button,.search-submit):not(:disabled):hover{translate:0 -2px}
  :is(.button,.world-primary,.search-submit):hover>.icon,.game-tile:hover>.icon,.card-bottom>a:hover>.icon,.world-related-list>a:hover>.icon{translate:3px 0}
  .brand:hover .brand-mark{rotate:-7deg;translate:0 -1px}
  .hero-print:hover{translate:0 -7px}
  .print-genshin:hover,.print-ananta:hover{rotate:1deg}
  .print-wuwa:hover{rotate:-1deg}
  .server-profile .profile-cover:hover{translate:0 -4px;rotate:-.6deg}
  .server-profile .expectation-list article:hover{translate:0 -3px;rotate:.4deg}
  .world-related-list>a:hover img{translate:0 -2px;rotate:-3deg}
 }
 :is(.button,.world-button,.search-submit,.icon-button):not(:disabled):active{translate:0 1px;scale:.98}
}
@keyframes paper-settle{from{translate:0 8px}to{translate:0 0}}
@media(max-width:760px){
 .hero-intro{font-size:16px;max-width:42ch}
 .hero-footnote{font-size:11px}
 .hero-print figcaption{font-size:8px;line-height:1.35;gap:5px}
 .hero-print figcaption span{font-size:14px}
 .hero-print.print-ananta figcaption span{font-size:16px}
 .directory-site aside.filter-sidebar{border-radius:0}
 .server-card .card-identity .sample-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .hero-print,.server-profile .profile-cover,.server-profile .expectation-list article,.server-card,.card-cover img,.game-tile,.game-tile img,.brand-mark,.world-related-list>a img{animation:none;transition:none;translate:none;rotate:none;scale:none}
 .button,.world-button,.search-submit,.icon-button,.saved-filter,.button .icon,.world-button .icon,.search-submit .icon,.game-tile>.icon,.card-bottom>a>.icon,.world-related-list>a>.icon{transition:none;translate:none;rotate:none;scale:none}
}

/* A compact control desk: search, choose a game, then refine the results. */
:root{--control-surface:color-mix(in srgb,var(--card) 70%,var(--background));--control-hover:color-mix(in srgb,var(--primary) 9%,var(--card));--control-line:color-mix(in srgb,var(--border) 72%,transparent)}
.directory .section-heading{margin-bottom:26px}
.directory-layout{grid-template-columns:224px minmax(0,1fr);column-gap:26px;row-gap:24px}
.directory .directory-filters{display:contents}
.directory-site aside.filter-sidebar{grid-column:1;grid-row:1/span 6;align-self:start;position:sticky;top:104px;padding:22px 19px;border:1px solid var(--control-line);border-radius:15px;background:var(--control-surface);box-shadow:0 5px 24px rgb(10 7 16 / .08)}
.filter-sidebar .filter-sidebar-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 25px;padding:0 0 20px;border-bottom:1px solid var(--control-line)}
.filter-heading-copy{min-width:0;flex:1}
.filter-heading-copy .filter-kicker{display:block;color:var(--accent);font:600 9px/1.6 Inter,system-ui,sans-serif;letter-spacing:.09em}
.filter-heading-copy h3{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--foreground);font:650 17px/1.4 Inter,system-ui,sans-serif;letter-spacing:-.025em}
.filter-heading-copy h3 .icon{width:17px;height:17px;color:var(--primary)}
.filter-sidebar .reset-filters{min-height:32px;padding:3px 7px;border:1px solid var(--control-line);border-radius:7px;font-size:11px;text-decoration:none;background:var(--panel)}
.filter-sidebar .reset-filters:hover{color:var(--foreground);border-color:var(--primary)}
.filter-fields{gap:23px}
.filter-select{position:relative;min-width:0;margin:0}
.filter-select label{margin:0 0 9px;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}
.js [data-filter-field=game]{display:none}
.filter-select select,.filter-trigger{width:100%;min-height:46px;border:1px solid var(--input);border-radius:9px;background:var(--panel);color:var(--foreground);font:500 13px/1.5 Inter,system-ui,sans-serif}
.filter-select select{padding:11px 10px}
.filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;text-align:left;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease}
.filter-trigger .filter-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-trigger .chevron{flex:none;width:14px;height:14px;color:var(--muted);transition:rotate 180ms var(--ease-out)}
.filter-trigger[aria-expanded=true]{border-color:var(--primary);background:var(--control-hover);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.filter-trigger[aria-expanded=true] .chevron{rotate:180deg}
.filter-trigger:hover{border-color:var(--primary);background:var(--control-hover)}
.filter-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.filter-popover{position:fixed;z-index:100;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--input);border-radius:12px;background:var(--card);color:var(--foreground);box-shadow:0 15px 38px rgb(8 5 13 / .3);scrollbar-width:thin;scrollbar-color:var(--input) var(--card)}
.filter-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 11px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:13px;line-height:1.5;cursor:pointer;user-select:none}
.filter-option-label{min-width:0;overflow-wrap:anywhere}
.filter-option .filter-check{flex:none;width:16px;height:16px;color:var(--primary);visibility:hidden}
.filter-option[aria-selected=true]{color:var(--foreground);font-weight:600}
.filter-option[aria-selected=true] .filter-check{visibility:visible}
.filter-option[data-active=true],.filter-option:hover{background:var(--primary-soft);color:var(--foreground);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.filter-sidebar .filter-note{display:flex;align-items:flex-start;gap:10px;margin-top:26px;padding-top:21px;border-top:1px solid var(--control-line);font-size:12px;line-height:1.75}
.filter-note>.icon{width:17px;height:17px;margin-top:3px;flex:none}
.directory-controls{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;gap:0;padding:21px 22px 17px;border:1px solid var(--control-line);border-radius:15px;background:var(--control-surface);box-shadow:0 5px 24px rgb(10 7 16 / .08)}
.directory-controls .directory-search{flex:none;order:0;min-height:54px;width:100%;padding:5px 6px 5px 15px;gap:12px;border-color:var(--input);border-radius:11px;background:var(--panel)}
.directory-search>.icon{width:20px;height:20px;color:var(--accent)}
.directory-search input{min-width:0;font-size:15px;line-height:1.6}
.directory-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.directory-search .search-submit{min-height:42px;gap:9px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:7px;background:var(--primary-soft);color:var(--foreground);font-size:13px;font-weight:600}
.directory-search .search-submit:hover{background:var(--primary);color:var(--primary-foreground)}
.directory-search .search-submit .icon{display:block;width:14px;height:14px}
.search-clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:34px;padding:6px;border:0;border-radius:6px;background:transparent;color:var(--muted)}
.search-clear .icon{width:15px;height:15px}
.search-clear:hover{color:var(--foreground);background:var(--card-hover)}
.directory-game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:21px 0 11px;font-size:12px;line-height:1.6;color:var(--foreground);font-weight:600}
.directory-control-hint{font-size:11px;font-weight:400;color:var(--muted)}
.directory-controls .directory-game-tabs{gap:8px;margin:0;grid-row:auto;grid-column:auto}
.directory-controls .directory-game-tabs [data-directory-game]{min-height:43px;padding:8px 10px;gap:8px;border:1px solid var(--control-line);border-radius:9px;background:var(--panel);font-size:12px;color:var(--muted);font-weight:500;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.game-tab-marker{display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}
.game-tab-marker .icon{width:14px;height:14px}
.directory-game-tabs .directory-game-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 4px;border-radius:5px;background:var(--card);color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.directory-controls .directory-game-tabs [data-directory-game]:hover{background:var(--control-hover);border-color:var(--primary);color:var(--foreground)}
.directory-controls .directory-game-tabs [data-directory-game][aria-current=true]{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 60%,var(--border))}
.directory-game-tabs [aria-current=true] .game-tab-marker{color:var(--primary)}
.directory-game-tabs [aria-current=true] .directory-game-count{background:var(--primary);color:var(--primary-foreground)}
.directory-controls .directory-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--control-line)}
.directory-tools>div:first-child{gap:13px;flex:none}
.directory-tools .results-caption{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;white-space:nowrap}
.results-caption strong{color:var(--foreground);font-size:15px;font-weight:650;margin-right:3px;font-variant-numeric:tabular-nums}
.directory-tools .saved-filter{gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--control-line);border-radius:8px;background:transparent;font-size:12px;font-weight:500;color:var(--muted)}
.directory-tools .saved-filter>span{min-width:16px;font-size:11px}
.directory-tools .saved-filter:hover{color:var(--foreground);background:var(--card)}
.directory-tools .saved-filter[aria-pressed=true]{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}
.directory-tools-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.directory-tools .sort-filter{width:168px;min-width:0}
.sort-filter>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sort-filter :is(select,.filter-trigger){min-height:40px;padding:8px 10px;border-color:var(--control-line);font-size:12px}
.directory-tools .view-options{flex:none;padding:3px;gap:2px;border:1px solid var(--control-line);border-radius:8px;background:var(--panel)}
.directory-tools .view-options button{width:32px;height:31px;border-radius:5px}
.directory-tools .view-options button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}
.directory-layout>.server-grid{grid-column:2;grid-row:auto}
.directory-layout>.collection-note{margin-top:0}
@media(max-width:1100px){
 .directory-layout{grid-template-columns:205px minmax(0,1fr);column-gap:20px}
 .directory-site aside.filter-sidebar{padding:20px 16px}
 .directory-controls{padding:18px 17px 15px}
 .directory-control-hint{display:none}
 .directory-controls .directory-tools{flex-wrap:wrap}
 .directory-tools-actions{flex:1;justify-content:flex-end}
}
@media(min-width:761px) and (max-height:600px){
 .directory-site aside.filter-sidebar{position:static}
}
@media(max-width:760px){
 .directory-layout{display:flex;flex-direction:column;gap:18px}
 .directory .directory-filters{display:contents}
 .directory-controls{order:0;width:100%;padding:16px 14px 14px;border-radius:13px}
 .directory-controls .directory-search{min-height:52px;gap:9px;padding-left:11px}
 .directory-search input{font-size:16px}
 .directory-search>.icon{width:17px;height:17px}
 .directory-search .search-submit{padding-inline:11px;font-size:12px}
 .directory-search .search-submit .icon{display:none}
 .directory-game-heading{margin-top:18px;font-size:11px}
 .directory-controls .directory-game-tabs{gap:7px}
 .directory-controls .directory-game-tabs [data-directory-game]{padding:8px 9px;gap:6px;min-height:42px;font-size:11px}
 .game-tab-marker .icon{width:12px;height:12px}
 .directory-controls .directory-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px;padding-top:14px}
 .directory-tools>div:first-child{width:100%;justify-content:space-between;gap:12px}
 .directory-tools-actions{width:100%;flex:auto;justify-content:space-between}
 .directory-tools .sort-filter{width:auto;flex:1;max-width:calc(100% - 90px)}
 .directory-tools .view-options button{width:32px;height:32px}
 .directory-site aside.filter-sidebar{position:static;order:1;width:100%;padding:16px 15px;border:1px solid var(--control-line);border-radius:12px;background:var(--control-surface);box-shadow:none}
 .filter-sidebar .filter-sidebar-heading{flex-wrap:wrap;gap:9px;margin:0;padding:0;border:0;min-height:44px}
 .filter-heading-copy .filter-kicker{display:none}
 .filter-heading-copy h3{margin:0;font-size:14px;letter-spacing:-.01em;gap:6px}
 .filter-heading-copy h3 .icon{width:15px;height:15px}
 .filter-sidebar .reset-filters{min-height:36px;font-size:11px;padding-inline:5px;border:0;background:transparent}
 .js .filter-sidebar [data-filter-toggle]{min-height:40px;padding:8px 9px;font-size:12px;border-radius:8px;background:var(--panel);gap:8px}
 .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:18px;padding-top:17px;border-top:1px solid var(--control-line)}
 .filter-select label{font-size:11px}
 .filter-trigger{font-size:12px;padding:11px 9px;gap:6px}
 .filter-trigger .chevron{width:12px;height:12px}
 .filter-sidebar .filter-note{display:none}
 .directory-layout>.server-grid{order:3;width:100%}
 .directory-layout>.saved-help{order:2}
 .directory-layout>.empty-state{order:4;width:100%}
 .directory-layout>.collection-note{order:5}
}
@media(prefers-reduced-motion:no-preference){.filter-popover:not([hidden]){animation:filter-open 140ms var(--ease-out)}@keyframes filter-open{from{translate:0 3px}to{translate:0 0}}}
@media(prefers-reduced-motion:reduce){.filter-trigger,.filter-trigger .chevron{transition:none}.filter-popover{animation:none}}

/* An open editorial masthead, with the same warm charcoal as the page. */
.site-header{position:sticky;top:0;z-index:60;min-height:82px;gap:48px;background:var(--background);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .header-brand{flex:none;min-width:0;gap:10px;margin:0;color:var(--foreground);text-decoration:none}
.site-header .header-brand .brand-mark{flex:none;width:32px;height:32px;color:var(--primary)}
.site-header .header-wordmark{display:block;min-width:0}
.site-header .header-wordmark-title{display:block;font:800 italic 34px/1 Barlow,Inter,system-ui,sans-serif;letter-spacing:-.035em;white-space:nowrap}
.site-header .header-brand-caption{display:none}
.site-header .header-navigation{display:flex;align-items:center;align-self:stretch;flex:none;gap:27px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.site-header .header-navigation a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:14px;font-weight:550;line-height:1.4;white-space:nowrap}
.site-header .header-navigation a:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left}
.site-header .header-navigation a[aria-current]{background:transparent;color:var(--foreground)}
.site-header .header-navigation a[aria-current]:after{transform:scaleX(1)}
.site-header .header-navigation a:hover{background:transparent;color:var(--foreground)}
.site-header .header-navigation a:hover:after{transform:scaleX(1)}
.site-header .header-actions{display:flex;align-items:center;flex:none;gap:17px;margin-left:auto}
.site-header .quick-search{display:inline-flex;align-items:center;justify-content:flex-start;flex:none;gap:9px;min-width:0;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:500;line-height:1.4}
.site-header .quick-search>.icon{flex:none;width:17px;height:17px;color:currentColor}
.site-header .quick-search .header-search-label{display:inline;white-space:nowrap}
.site-header .quick-search kbd{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:22px;margin-left:9px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--muted);font:500 10px/1.3 Inter,system-ui,sans-serif;white-space:nowrap}
.site-header .header-saved{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:500;line-height:1.4}
.site-header .header-saved>.icon{flex:none;width:17px;height:17px;color:currentColor}
.site-header .header-saved .header-saved-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:1ch;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:11px;line-height:1;font-variant-numeric:tabular-nums;text-align:center}
.site-header :is(.theme-toggle,.nav-toggle){display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;min-height:42px;margin:0;padding:11px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted)}
.site-header :is(.theme-toggle,.nav-toggle)>.icon{width:18px;height:18px;flex:none}
.site-header .nav-toggle{display:none}
.site-header :is(.quick-search,.header-saved):hover{background:transparent;color:var(--foreground)}
.site-header :is(.theme-toggle,.nav-toggle):hover{background:var(--card-hover);color:var(--foreground)}
.site-header .nav-toggle[aria-expanded=true]{background:var(--primary-soft);color:var(--primary)}
.site-header :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:5px}
@media(max-width:1100px){
 .site-header{gap:30px}
 .site-header .header-navigation{gap:23px}
 .site-header .quick-search{justify-content:center;min-width:44px;width:44px;padding:11px}
 .site-header .quick-search .header-search-label,.site-header .quick-search kbd{display:none}
 .site-header .header-actions{gap:10px}
}
@media(max-width:760px){
 .site-header{min-height:70px;gap:8px;padding:0 20px;flex-wrap:wrap;align-content:center}
 .site-header .header-brand{gap:7px}
 .site-header .header-brand .brand-mark{width:27px;height:27px}
 .site-header .header-wordmark-title{font-size:29px}
 .site-header .header-actions{gap:2px}
 .site-header :is(.quick-search,.header-saved,.theme-toggle,.nav-toggle){display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;min-width:40px;min-height:44px;padding:10px;border-radius:7px}
 .site-header .header-saved-label{display:none}
 .site-header .header-saved .header-saved-count{position:absolute;top:3px;right:0;min-width:14px;height:14px;padding:1px 3px;border-radius:4px;background:var(--background);font-size:9px}
 .site-header .header-navigation{order:3;flex:0 0 100%;justify-content:flex-start;align-self:auto;gap:28px;margin:0;padding:5px 0 8px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
 .site-header .header-navigation a{flex:none;min-height:44px;padding:8px 0;border-radius:0;font-size:14px}
 .js .site-header .header-navigation:not(.is-open){display:none}
}
@media(max-width:360px){
 .site-header{padding-inline:14px}
 .site-header .header-brand{gap:6px}
 .site-header .header-brand .brand-mark{width:24px;height:24px}
 .site-header .header-wordmark-title{font-size:24px}
 .site-header .header-actions{gap:0}
 .site-header :is(.quick-search,.header-saved,.theme-toggle,.nav-toggle){width:36px;min-width:36px;padding:8px}
}
@media(prefers-reduced-motion:no-preference){
 .site-header :is(.header-navigation a,.quick-search,.header-saved,.theme-toggle,.nav-toggle){transition:background-color 160ms ease,color 160ms ease}
 .site-header .header-navigation a:after{transition:transform 180ms var(--ease-out)}
 @media(hover:hover) and (pointer:fine){.site-header .header-brand:hover .brand-mark{rotate:-3deg;translate:none}}
}
@media(prefers-reduced-motion:reduce){
 .site-header :is(.header-navigation a,.header-navigation a:after,.quick-search,.header-saved,.theme-toggle,.nav-toggle,.brand-mark){transition:none;translate:none;rotate:none;scale:none}
}

/* Charcoal and dusty rose: artwork carries the lavender and sunset colour. */
:root{--background:#181A1D;--foreground:#FCFCFC;--body:#D0CDD3;--muted:#A7A5AA;--muted-foreground:#A7A5AA;--card:#1F2124;--card-hover:#282A2F;--panel:#252629;--surface-raised:#2D2E33;--border:#414148;--input:#64646D;--primary:#D49D9A;--primary-foreground:#181A1D;--primary-soft:#382C30;--accent:#D49D9A;--accent-soft:#342A2E;--rose:#D49D9A;--ring:#EFC7C4;--blush:#EFC7C4;--photo-ground:#1B1C21;--photo-ink:#FCFCFC;--photo-label:rgb(24 26 29 / .85)}
html[data-theme=light]{--background:#F8F5F4;--foreground:#252329;--body:#49444D;--muted:#6A626E;--muted-foreground:#6A626E;--card:#FFFCFB;--card-hover:#F1E9E8;--panel:#F0E9EA;--surface-raised:#E8DCDF;--border:#CFC2C6;--input:#8B7B83;--primary:#925C60;--primary-foreground:#FFFFFF;--primary-soft:#F2DEE0;--accent:#925C60;--accent-soft:#F2DEE0;--rose:#925C60;--ring:#925C60;--blush:#925C60}
.section-wrap{max-width:1388px}
body.directory-site{color:var(--body)}
h1,h2,h3{color:var(--foreground)}
.directory-site:before,:root:not([data-theme=light]) .profile-page.directory-site:before{opacity:.82;filter:saturate(.7);background-position:var(--site-focus,50% 30%)}
.directory-site:after{background:linear-gradient(90deg,rgb(24 26 29 / .7),rgb(24 26 29 / .22) 66%,rgb(24 26 29 / .3)),linear-gradient(180deg,rgb(24 26 29 / .16),rgb(24 26 29 / .5) 540px,#181A1D 1040px)}
html[data-theme=light] .directory-site:before{opacity:.24}
html[data-theme=light] .directory-site:after{background:linear-gradient(180deg,#f8f5f4b0,#f8f5f4ed 780px)}
.site-header{min-height:72px;background:#1B1C21;gap:52px;padding-inline:max(36px,calc((100vw - 1316px)/2));border-bottom-color:rgb(167 165 170 / .22)}
html[data-theme=light] .site-header{background:var(--card)}
.site-header .header-brand{min-height:44px;gap:12px}
.site-header .header-brand .brand-mark{width:31px;height:31px;color:var(--primary);filter:drop-shadow(0 2px 2px #0003)}
.site-header .header-wordmark-title{font-size:32px;color:var(--foreground)}
.site-header .header-navigation{gap:35px}
.site-header .header-navigation a{font-size:14px;color:var(--body)}
.site-header .header-navigation a[aria-current],.site-header .header-navigation a:hover{color:var(--blush)}
.site-header .header-navigation a:after{bottom:10px;background:var(--primary)}
.site-header .header-actions{gap:20px}
.site-header .quick-search{min-width:300px;min-height:40px;padding:7px 11px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:12px}
.site-header .quick-search kbd{margin-left:auto;min-height:20px;padding:1px 5px}
.site-header .quick-search:hover{background:var(--card-hover);border-color:var(--primary)}
.site-header .header-saved{color:var(--body)}
.site-header .theme-toggle{border-left:1px solid var(--border);border-radius:0;width:50px;padding-left:20px;color:var(--foreground)}
.site-header .header-saved .header-saved-count{color:var(--primary)}
.hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:28px;min-height:535px;padding-top:58px;padding-bottom:37px;align-items:center}
.hero-kicker{font:600 10px/1.7 Inter,system-ui,sans-serif;letter-spacing:2.1px;text-transform:uppercase;color:var(--blush);margin-bottom:14px}
.hero :is(h1,h2){font-size:clamp(64px,5.4vw,85px);line-height:.95;letter-spacing:-1.6px;color:var(--foreground);margin-top:0}
.hero h1 .hero-accent{color:var(--blush)}
.hero-hand{font-size:32px;line-height:1.2;margin-top:16px;color:var(--primary);transform:rotate(-1deg)}
.hero-intro{max-width:46ch;font-size:15px;line-height:1.65;margin-top:23px;color:var(--body)}
.hero-search{max-width:495px;margin-top:21px;min-height:49px;padding:4px 4px 4px 15px;border-radius:10px;border-color:#727078;background:rgb(37 38 41 / .9);box-shadow:inset 0 1px 0 #ffffff06,0 5px 16px #0002}
.hero-search input{font-size:13px;color:var(--body)}
.hero-search .search-submit,.button-primary,.world-primary{background:linear-gradient(180deg,#EBC3BE 0%,#D99D9B 100%);color:#181A1D;border-color:#D49D9A;box-shadow:inset 0 1px 0 #ffffff55,0 3px 6px #0002}
.hero-search .search-submit{min-height:39px;padding:9px 19px;font-size:13px;font-weight:700;border:1px solid #efc7c433;border-radius:7px}
.hero-search .search-submit:hover,.button-primary:hover,.world-primary:not(:disabled):hover{background:linear-gradient(180deg,#f6d5d1,#e9b7b3);color:#181A1D}
.hero-footnote{margin-top:17px;font-size:11px;line-height:1.45;gap:15px;color:var(--body)}
.mini-avatars img{width:31px;height:31px;border:2px solid #d0c3c8}
.home-page .hero-art{height:440px;margin-top:0;perspective:1400px;transform-style:preserve-3d}
.home-page .hero-art .hero-print{border:1px solid #cfc2c5;border-radius:8px;background:#eae1d7;padding:10px 10px 48px;color:#29262c;box-shadow:0 4px 5px #0003,0 24px 40px #0007,inset 0 1px 0 #fff9;overflow:hidden;outline:0;transform:rotate(var(--photo-rotation))}
.home-page .hero-art .hero-print img{position:static;inset:auto;display:block;width:100%;max-width:100%;height:100%;object-fit:cover;filter:none;border-radius:3px;opacity:1}
.home-page .hero-art .hero-print figcaption{left:14px;right:14px;bottom:12px;align-items:center;color:#39313c}
.home-page .hero-art .hero-print figcaption span{font:500 23px/1 Caveat,cursive;color:#39313c}
.home-page .hero-art .hero-print:before{top:-2px;left:41%;width:73px;height:23px;background:#d4a0a4b0;box-shadow:inset 0 1px 1px #fff4}
.home-page .hero-art .print-genshin{--photo-rotation:-8deg;width:78%;height:340px;left:11%;top:30px;z-index:3}
.home-page .hero-art .print-genshin img{object-position:50% 42%}
.home-page .hero-art .print-ananta{--photo-rotation:7deg;width:67%;height:285px;left:0;top:35px;bottom:auto;z-index:1;opacity:.92}
.home-page .hero-art .print-wuwa{--photo-rotation:10deg;width:31%;height:235px;right:-1%;top:209px;z-index:4;padding-bottom:57px}
.home-page .hero-art .print-wuwa img{object-position:50% 9%}
.home-page .hero-art .print-wuwa figcaption span{font-size:20px}
.hero-art .art-orbit{inset:0 6% 12px 3%;border-color:#d49d9a55}
.hero-art .photo-tape{display:none}
.game-section{padding-top:5px;padding-bottom:25px}
.games-label{justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:20px}
.game-kicker{font-size:10px;line-height:1.6;letter-spacing:1.7px;text-transform:uppercase;color:var(--body);margin-bottom:10px}
.game-kicker span{color:var(--primary);margin-left:12px}
.games-label h2{font:750 27px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.7px;font-style:normal}
.games-label h2 .hand{font:500 27px/1.1 Caveat,cursive;color:var(--primary);margin-left:12px;white-space:nowrap}
.games-label>.text-link{font-size:12px;color:var(--blush);min-height:36px}
.game-strip{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.game-tile{min-height:132px;padding:15px;border-radius:10px;border-color:#727078;background:var(--card);box-shadow:inset 0 1px 0 #ffffff12,0 6px 16px #0003}
.game-tile:after{background:linear-gradient(0deg,#181a1df5,#181a1d00 95%)}
.game-tile strong{font-size:16px;color:#FCFCFC}
.game-tile small{font-size:11px;color:#D0CDD3;margin-top:2px}
.game-tile>.icon{display:block;width:28px;height:28px;padding:5px;border:1px solid #d0cdd38c;border-radius:50%;color:#FCFCFC;transition:background-color .18s,color .18s}
.game-tile:hover>.icon{background:var(--primary);color:#181A1D;border-color:var(--primary)}
.community-features{padding-bottom:35px}
.community-features>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;background:rgb(31 33 36 / .9);padding:23px 16px;box-shadow:inset 0 1px 0 #ffffff06}
.community-features article{display:flex;align-items:center;gap:16px;padding:2px 20px}
.community-features article+article{border-left:1px solid var(--border)}
.community-features article>.icon{width:30px;height:30px;color:var(--primary);filter:drop-shadow(0 2px 1px #0005)}
.community-features h2{font:600 13px/1.4 Inter,sans-serif;letter-spacing:0;color:var(--blush)}
.community-features p{font-size:11px;line-height:1.6;color:var(--body);margin-top:5px}
.directory{padding-top:35px}
.server-card p{color:var(--body)}
.server-card .sample-label{color:var(--muted)}
.server-card .tags li:first-child{background:var(--primary-soft);color:var(--blush)}
.directory-site article.server-card{background:var(--card);border-color:var(--border);box-shadow:inset 0 1px 0 #ffffff05,0 8px 18px #0002}
.server-profile{max-width:1388px;margin-inline:auto;padding:0 36px 60px;display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:0 40px}
.server-profile>.profile-breadcrumb,.server-profile>.profile-hero{grid-column:1/-1;max-width:none;padding-inline:0}
.server-profile .profile-breadcrumb{padding-top:14px;padding-bottom:10px;font-size:11px}
.server-profile .profile-breadcrumb>span{display:none}
.server-profile .profile-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;padding-top:17px;padding-bottom:36px;align-items:center}
.server-profile .profile-identity{margin-bottom:15px}
.server-profile .profile-avatar{width:58px;height:58px;border:1px solid var(--border);border-radius:11px}
.server-profile .profile-title-row h1,.server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-family:Inter,system-ui,sans-serif;font-size:clamp(39px,3.4vw,53px);font-weight:800;font-style:italic;line-height:1.04;text-transform:none;letter-spacing:-1.6px;text-wrap:pretty;color:var(--foreground)}
.server-profile .profile-identity .section-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--body)}
.server-profile .profile-status{font-size:12px;color:var(--blush)}
.server-profile .profile-status:before{background:var(--primary)}
.server-profile .profile-headline{font-size:30px;line-height:1.15;max-width:25ch;margin-top:16px;color:var(--primary)}
.server-profile .profile-description{font-size:14px;line-height:1.7;max-width:49ch;margin-top:17px;color:var(--body)}
.server-profile .profile-actions{margin-top:20px}
.server-profile .profile-actions .world-button{min-height:43px;font-size:13px;border-radius:7px}
.server-profile .profile-actions .world-primary{padding-inline:20px;gap:10px}
.server-profile .profile-hero-note{font-size:11px;margin-top:13px}
:root:not([data-theme=light]) .server-profile{--print-paper:#1F2124;--print-ink:#D0CDD3}
.server-profile .profile-cover{transform:rotate(1deg);padding:10px 10px 0;border:1px solid #717079;border-radius:12px;background:var(--print-paper);box-shadow:0 20px 38px #0006,inset 0 1px 2px #ffffff35}
.server-profile .profile-cover:before{display:none}
.server-profile .profile-cover>img{aspect-ratio:1.77;max-height:340px;border-radius:5px;background:#181A1D}
.server-profile .profile-cover-caption{min-height:47px;padding:11px 5px;font-size:11px;font-weight:400;color:var(--body)}
.server-profile .profile-cover-caption .hand{font-size:24px;color:var(--primary)}
.server-profile .world-nav{grid-column:1;grid-row:3;min-width:0;margin:0 0 23px;border-bottom:1px solid var(--border)}
.server-profile .world-nav>.section-wrap{max-width:none;padding:0;gap:30px;min-height:48px;flex-wrap:nowrap}
.server-profile .world-nav>div:before{display:none}
.server-profile .world-nav a{position:relative;min-height:48px;font-size:12px;text-decoration:none;padding:0 3px}
.server-profile .world-nav a[aria-current]{color:var(--blush)}
.server-profile .world-nav a[aria-current]:after{content:'';position:absolute;height:2px;background:var(--primary);bottom:-1px;left:0;right:0;border-radius:2px}
.server-profile .profile-columns{display:contents}
.server-profile .profile-main{grid-column:1;grid-row:4;gap:30px;padding-bottom:40px;counter-reset:chapter}
.server-profile .profile-panel{position:relative;counter-increment:chapter;padding-left:36px}
.server-profile .profile-panel:before{content:counter(chapter,decimal-leading-zero);position:absolute;left:0;top:17px;font-size:11px;color:var(--primary);font-weight:650}
.server-profile .profile-panel>.section-eyebrow{display:none}
.server-profile .profile-panel+.profile-panel{border-top:0;padding-top:0}
.server-profile .profile-panel h2{font-size:32px;line-height:1.15;margin-top:9px}
.server-profile .profile-panel>p:not(.section-eyebrow):not(.profile-notice):not(.profile-lead){font-size:14px;line-height:1.8;margin-top:16px;color:var(--body)}
.server-profile .profile-notice{color:var(--muted);font-size:11px;line-height:1.7}
.server-profile .world-tags{gap:8px;margin-top:18px}
.server-profile .world-tags a{min-height:29px;padding:4px 13px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--body);font-size:10px}
.server-profile .world-tags .icon{display:none}
.server-profile .expectation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-top:20px}
:root:not([data-theme=light]) .server-profile .expectation-list article,:root:not([data-theme=light]) .server-profile .expectation-list article:nth-child(n){display:block;padding:18px;background:var(--card);color:var(--body);border:1px solid var(--border);border-radius:8px;box-shadow:inset 0 1px 0 #ffffff06}
.server-profile .expectation-number{display:block;margin-bottom:12px;color:var(--primary)}
.server-profile .expectation-number .icon{width:27px;height:27px;color:var(--primary)}
.server-profile .expectation-list h3{font-size:12px;line-height:1.5;color:var(--foreground)}
.server-profile .expectation-list p{font-size:12px;line-height:1.7;margin-top:8px;color:var(--body)}
:root:not([data-theme=light]) .server-profile .invite-panel{--foreground:#FCFCFC;--muted:#A7A5AA;--muted-foreground:#A7A5AA;--card:#1F2124;--card-hover:#282A2F;--panel:#252629;--border:#414148;--input:#64646D;--primary:#D49D9A;--primary-foreground:#181A1D;--ring:#EFC7C4;--accent:#D49D9A;--accent-soft:#342A2E;--primary-soft:#382C30}
.server-profile .invite-panel{grid-column:2;grid-row:3/span 2;position:sticky;top:91px;align-self:start;margin:0;padding:23px;background:var(--card);color:var(--body);border:1px solid var(--border);border-radius:10px;transform:none;box-shadow:inset 0 1px 0 #ffffff06,0 14px 25px #0003}
.server-profile .invite-panel:before{display:none}
.server-profile .invite-panel-heading{align-items:center;margin-bottom:15px;padding:0 0 17px;border-bottom:1px solid var(--border)}
.server-profile .invite-panel-heading>img{width:53px;height:53px;border-radius:10px}
.server-profile .invite-panel h2{font-size:25px;line-height:1.15}
.server-profile .invite-panel .section-eyebrow{font-size:9px;color:var(--muted)}
.server-profile .invite-panel>p:not(.profile-notice){font-size:13px;color:var(--body);line-height:1.7}
.server-profile .invite-panel>.world-primary{background:linear-gradient(180deg,#EBC3BE,#D99D9B);color:#181A1D}
.server-profile .invite-panel>.world-outline{display:inline-flex;width:calc((100% - 8px)/2);min-height:39px;padding:8px 6px;gap:5px;border-radius:6px;font-size:10px}
.server-profile .invite-panel>.world-outline+.world-outline{margin-left:8px}
.server-profile .invite-panel .copy-field>div{background:var(--panel);border-color:var(--border)}
.server-profile .profile-facts{border-top:1px solid var(--border)}
.server-profile .profile-facts>div{gap:20px;padding-block:8px}
.server-profile .profile-facts dt{font-size:11px;color:var(--muted)}
.server-profile .profile-facts dd{font-size:11px;color:var(--body);overflow-wrap:anywhere;text-align:right}
.server-profile>.world-gallery,.server-profile>.world-sources,.server-profile>.world-related{grid-column:1/-1;max-width:none;padding-inline:0}
.server-profile .gallery-track{margin-top:20px}
html[data-theme=light] .hero-search{background:var(--panel)}
html[data-theme=light] .community-features>div{background:var(--card)}
html[data-theme=light] .server-profile .invite-panel{background:var(--card)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-page .hero-art .hero-print{transition:transform 320ms cubic-bezier(.2,.7,.2,1),box-shadow 320ms ease}
 .home-page .hero-art .hero-print:hover{transform:rotate(calc(var(--photo-rotation) + 2deg)) translate3d(0,-7px,22px) rotateY(-3deg);box-shadow:0 7px 10px #0004,0 32px 52px #0008,inset 0 1px 0 #fff9}
 .server-profile .profile-cover{transition:transform 300ms ease,box-shadow 300ms ease}
 .server-profile .profile-cover:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-3px);box-shadow:0 24px 42px #0007,inset 0 1px 2px #ffffff35}
}
@media(max-width:1150px){
 .site-header{gap:28px;padding-inline:28px}.site-header .header-navigation{gap:25px}
 .site-header .quick-search{width:42px;min-width:42px;min-height:42px;padding:11px;border:0;background:transparent}
 .site-header .quick-search .header-search-label,.site-header .quick-search kbd{display:none}
 .site-header .header-actions{gap:9px}
 .hero{gap:20px}.hero :is(h1,h2){font-size:68px}.hero-hand{font-size:27px}.hero-intro{font-size:14px}
 .home-page .hero-art{height:395px}.home-page .hero-art .print-genshin{height:290px}.home-page .hero-art .print-ananta{height:245px}.home-page .hero-art .print-wuwa{top:190px;height:200px}
 .community-features article{padding-inline:13px;gap:12px}.community-features h2{font-size:12px}
 .server-profile{column-gap:28px;grid-template-columns:minmax(0,1fr) 300px}.server-profile .profile-hero{gap:30px}
 .server-profile .world-nav>.section-wrap{gap:16px}.server-profile .world-nav a{font-size:11px}
}
@media(max-width:900px){
 .server-profile{display:block;padding-inline:28px}.server-profile .profile-columns{display:flex;flex-direction:column;gap:28px;padding:0 0 35px;max-width:none}
 .server-profile .profile-main{width:100%;padding-bottom:0}.server-profile .invite-panel{position:static;width:100%;max-width:none}
 .server-profile .profile-title-row h1,.server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-size:43px}
 .community-features>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.community-features article:nth-child(3){border-left:0}
}
@media(max-width:760px){
 .section-wrap{padding-inline:22px}.site-header{min-height:68px;padding-inline:18px;gap:8px}
 .site-header .header-wordmark-title{font-size:28px}.site-header .header-brand{gap:8px}.site-header .header-brand .brand-mark{width:26px;height:26px}
 .site-header .header-actions{gap:1px}.site-header .theme-toggle{border:0;padding:10px;width:38px}
 .site-header .header-navigation{gap:29px;border-top-color:var(--border)}
 .site-header .header-navigation a:after{bottom:0}
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;min-height:0;padding-top:36px;padding-bottom:26px}
 .hero-kicker{font-size:9px;letter-spacing:1.5px;max-width:35ch;line-height:1.8;margin-bottom:15px}
 .hero :is(h1,h2){font-size:clamp(57px,13vw,80px);line-height:.98;letter-spacing:-1px;max-width:none}
 .hero-hand{font-size:27px;margin-top:14px}.hero-intro{font-size:14px;line-height:1.8;margin-top:22px;max-width:44ch}
 .hero-search{max-width:none;margin-top:20px;min-height:49px}.hero-search input{font-size:12px}.hero-search .search-submit{padding-inline:13px}
 .hero-footnote{font-size:10px}.mini-avatars img{width:29px;height:29px}
 .home-page .hero-art{width:100%;max-width:520px;height:315px;margin:6px auto 10px;perspective:none}
 .home-page .hero-art .print-genshin{width:75%;height:237px;left:11%;top:20px}
 .home-page .hero-art .print-ananta{width:68%;height:213px;top:22px}
 .home-page .hero-art .print-wuwa{width:32%;height:174px;top:142px;right:0;padding:7px 7px 45px}
 .home-page .hero-art .hero-print{padding:8px 8px 40px;border-radius:6px}
 .home-page .hero-art .hero-print figcaption{left:10px;right:10px;bottom:9px}.home-page .hero-art .hero-print figcaption span{font-size:19px}
 .home-page .hero-art .print-wuwa figcaption span{font-size:16px}
 .games-label{align-items:flex-start;gap:12px}.games-label h2{font-size:25px;line-height:1.3}.games-label h2 .hand{display:block;margin:5px 0 0;font-size:25px}
 .games-label>.text-link{font-size:10px;max-width:93px;line-height:1.6}.games-label>.text-link .icon{width:14px}
 .game-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-tile{min-height:120px;padding:12px}.game-tile strong{font-size:15px}.game-tile small{font-size:10px}
 .game-tile>.icon{display:block;width:24px;height:24px;padding:4px}.game-tile img{width:100%;height:100%}
 .community-features{padding-bottom:25px}.community-features>div{padding:20px 5px;gap:23px 0}.community-features article{gap:10px;padding-inline:12px;align-items:flex-start}
 .community-features article>.icon{width:24px;height:24px}.community-features h2{font-size:11px}.community-features p{font-size:10px;line-height:1.7}
 .directory{padding-top:25px}
 .server-profile{padding:0 22px 40px}.server-profile .profile-breadcrumb{padding-block:9px}
 .server-profile .profile-hero{display:flex;flex-direction:column;gap:27px;padding-top:13px;padding-bottom:26px;align-items:stretch}
 .server-profile .profile-title-row h1,.server-profile[data-profile=shorekeeper-mains] .profile-title-row h1{font-size:44px;line-height:1.08}
 .server-profile .profile-headline{font-size:28px}.server-profile .profile-description{font-size:14px;max-width:none}
 .server-profile .profile-cover{transform:none}.server-profile .profile-cover>img{max-height:280px}
 .server-profile .world-nav>.section-wrap{gap:17px;flex-wrap:wrap;min-height:44px}.server-profile .world-nav a{font-size:11px;min-height:40px}
 .server-profile .profile-panel{padding-left:27px}.server-profile .profile-panel:before{font-size:10px;top:16px}.server-profile .profile-panel h2{font-size:30px}
 .server-profile .expectation-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.server-profile .expectation-list article{padding:15px}
 .server-profile .invite-panel{padding:22px}.server-profile .profile-cover-caption{font-size:10px}.server-profile .profile-cover-caption .hand{font-size:22px}
}
@media(max-width:360px){.site-header{padding-inline:12px}.site-header .header-wordmark-title{font-size:23px}.site-header .header-actions{gap:0}.site-header :is(.quick-search,.header-saved,.theme-toggle,.nav-toggle){width:35px;min-width:35px;padding:8px}.site-header .header-brand .brand-mark{width:23px;height:23px}.home-page .hero-art{height:275px}.home-page .hero-art .print-genshin{height:205px}.home-page .hero-art .print-ananta{height:180px}.home-page .hero-art .print-wuwa{top:125px;height:150px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-art .hero-print,.server-profile .profile-cover{transition:none;perspective:none}.home-page .hero-art .hero-print:hover{transform:rotate(var(--photo-rotation))}.server-profile .profile-cover:hover{transform:none}}

/* Translucent folders: native links, authentic community previews, no animation runtime. */
.game-folders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-top:53px}
.game-folder{--folder-tint:#d49d9a;position:relative;display:block;height:270px;min-width:0;isolation:isolate;perspective:900px;color:var(--foreground);text-decoration:none;border-radius:16px;outline-offset:7px;-webkit-tap-highlight-color:transparent}
.folder-back{position:absolute;inset:27px 9px 5px;border:1px solid color-mix(in srgb,var(--folder-tint) 45%,transparent);border-radius:13px;background:linear-gradient(150deg,color-mix(in srgb,var(--folder-tint) 22%,#1f2124),#252629a6);box-shadow:0 15px 28px #0003}
.folder-back:before{content:'';position:absolute;top:-16px;left:-1px;width:42%;height:25px;border:1px solid color-mix(in srgb,var(--folder-tint) 45%,transparent);border-bottom:0;border-radius:10px 15px 0 0;background:color-mix(in srgb,var(--folder-tint) 24%,#1f2124);transform:skewX(9deg);transform-origin:bottom left}
.folder-previews{position:absolute;inset:0 23px 69px;z-index:1;pointer-events:none}
.folder-preview{position:absolute;inset:0;display:block;overflow:hidden;border-radius:8px;background:#252629;border:1px solid #cbc3cc60;box-shadow:0 4px 12px #0005;transform-origin:50% 95%;transform:translateY(9px) rotate(-7deg);transition:transform 420ms cubic-bezier(.2,.75,.25,1);backface-visibility:hidden}
.folder-preview.preview-1{transform:translate(7px,0) rotate(5deg)}
.folder-preview.preview-2{transform:translate(-2px,-9px) rotate(-2deg)}
.folder-preview img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92}
.folder-preview>span{position:absolute;inset:auto 0 0;padding:17px 10px 9px;font:600 10px/1.4 Inter,system-ui,sans-serif;color:#fff;background:linear-gradient(transparent,#181a1de6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-front{position:absolute;inset:91px 0 0;z-index:2;display:flex;align-items:flex-start;flex-direction:column;padding:22px;border:1px solid #55575e;border-radius:15px;background:#24262aee;box-shadow:0 8px 18px #0002;transform-origin:50% 100%;transition:transform 420ms cubic-bezier(.2,.75,.25,1),border-color 240ms ease,box-shadow 240ms ease}
.folder-front:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:none}
.folder-eyebrow{font:600 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:color-mix(in srgb,var(--folder-tint) 65%,#fff);margin-bottom:7px}
.folder-front strong{font:650 clamp(15px,1.3vw,19px)/1.25 Inter,system-ui,sans-serif;letter-spacing:-.4px;color:#fcfcfc}
.folder-count{display:inline-flex;font:500 13px/1.3 Inter,system-ui,sans-serif;color:#e4dfe7;border:1px solid #ffffff25;background:#181a1d30;border-radius:20px;padding:4px 8px;margin-top:9px}
.folder-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:13px;font:600 13px/1.3 Inter,system-ui,sans-serif;letter-spacing:.3px}
.folder-number{display:none;color:#c8c5cd;font-variant-numeric:tabular-nums}.folder-open{display:flex;align-items:center;gap:9px;color:color-mix(in srgb,var(--folder-tint) 65%,#fff)}.folder-open svg{width:16px;height:16px;transition:transform 250ms ease}
.folder-hint{margin:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;line-height:1.6}.folder-hint .hand{font-size:22px;color:var(--primary)}
.game-folder:focus-visible{outline:2px solid var(--ring)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .game-folder:hover .preview-0,.game-folder:focus-visible .preview-0{transform:translate(-12px,-29px) rotate(-12deg)}
 .game-folder:hover .preview-1,.game-folder:focus-visible .preview-1{transform:translate(12px,-45px) rotate(9deg)}
 .game-folder:hover .preview-2,.game-folder:focus-visible .preview-2{transform:translate(0,-63px) rotate(-3deg)}
 .game-folder:hover .folder-front,.game-folder:focus-visible .folder-front{transform:rotateX(-12deg) translateY(3px);border-color:color-mix(in srgb,var(--folder-tint) 75%,#fff);box-shadow:0 12px 24px #0003}
 .game-folder:hover .folder-open svg,.game-folder:focus-visible .folder-open svg{transform:translateX(4px)}
}
html[data-theme=light] .folder-front{background:#faf7f4f2;border-color:color-mix(in srgb,var(--folder-tint) 70%,#675966)}
html[data-theme=light] .folder-front strong{color:#252329}html[data-theme=light] :is(.folder-eyebrow,.folder-open,.folder-number,.folder-count){color:#49444d}html[data-theme=light] .folder-count{border-color:#67596650;background:#fff5}
/* Neutral overlays keep real blossom detail quiet behind reading surfaces. */
.directory-site:before,:root:not([data-theme=light]) .profile-page.directory-site:before{opacity:.57;filter:saturate(.55)}
.directory-site:after{background:linear-gradient(90deg,#181a1dea 0%,#181a1da8 42%,#181a1d60 78%,#181a1d85),linear-gradient(180deg,#181a1d35,#181a1d90 510px,#181A1D 1080px)}
@media(max-width:1000px){.game-folders{gap:18px}.folder-front{padding:19px 16px}.folder-eyebrow{font-size:10px;letter-spacing:.5px}.folder-front strong{font-size:15px}.folder-bottom{font-size:12px}}
@media(max-width:800px){.game-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 22px;padding-top:48px}.game-folder{height:260px}.folder-front{padding:22px}.folder-front strong{font-size:19px}.folder-eyebrow{font-size:11px}.folder-bottom{font-size:13px}.folder-hint{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:460px){.game-folders{gap:34px 14px;padding-top:36px}.game-folder{height:242px}.folder-front{inset:82px 0 0;padding:16px 12px}.folder-previews{inset:7px 15px 59px}.folder-front strong{font-size:14px;letter-spacing:-.3px}.folder-eyebrow{font-size:9px;letter-spacing:.35px}.folder-count{font-size:12px;padding:3px 6px;margin-top:7px}.folder-bottom{font-size:12px;padding-top:12px}.folder-open{gap:4px}.folder-open svg{width:12px;height:12px}.folder-number{display:none}.folder-hint{margin-top:16px;font-size:13px}.folder-hint .hand{font-size:20px}}
@media(prefers-reduced-motion:reduce){.game-folder{perspective:none}.folder-preview,.folder-front,.folder-open svg{transition:none}}

/* Refine the established identity: useful controls take priority over decoration. */
.section-wrap{max-width:1312px}
.site-header{padding-inline:max(36px,calc((100vw - 1240px)/2));gap:38px}
.site-header .header-navigation a{font-size:15px}
.site-header .quick-search{font-size:14px;min-width:310px;min-height:44px}
.site-header .header-saved{font-size:14px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:36px;min-height:535px}
.hero-intro{font-size:17px;line-height:1.75;max-width:44ch}
.hero-search{max-width:100%;min-height:58px;padding:5px 5px 5px 16px}
.hero-search input{font-size:16px}
.hero-search .search-submit{font-size:15px;min-height:46px;padding-inline:20px}
.hero-footnote{font-size:13px;line-height:1.6;gap:16px}
.folder-front{background:#24262afa}
.home-page .hero-art{height:410px}
.hero-kicker,.game-kicker{font-size:11px;letter-spacing:1.5px}
.games-label>.text-link{font-size:14px;min-height:44px}
.community-features>div{padding:24px 10px}
.community-features article{align-items:flex-start;padding-inline:18px;gap:13px}
.community-features article>.icon{width:28px;height:28px;margin-top:2px;filter:none}
.community-features h2{font-size:15px;line-height:1.45}
.community-features p{font-size:14px;line-height:1.65;margin-top:6px}
.section-heading>div>p:last-child,.browse-header p{font-size:16px;line-height:1.75}
.server-card p,.server-grid[data-view=list] .server-card p{font-size:16px;line-height:1.75}
.server-card .card-bottom>a,.server-grid[data-view=list] .card-bottom>a{font-size:14px;min-height:42px}
.server-card .tags li{font-size:12px}
.directory-search input{font-size:16px}
.directory-search .search-submit{font-size:14px;min-height:44px}
.filter-heading-copy .filter-kicker{font-size:11px;letter-spacing:.06em}
.filter-select label{font-size:14px}
.filter-select select,.filter-trigger,.filter-option{font-size:14px;min-height:46px}
.directory-game-heading{font-size:14px}.directory-control-hint{font-size:12px}
.directory-controls .directory-game-tabs [data-directory-game]{font-size:14px;min-height:44px}
.directory-game-tabs .directory-game-count{font-size:12px}
.directory-tools .results-caption,.directory-tools .saved-filter{font-size:14px}
.sort-filter :is(select,.filter-trigger){font-size:14px;min-height:44px}
.directory-controls .directory-tools{flex-wrap:wrap;gap:14px}
.directory-tools-actions{flex:1}
.filter-sidebar .filter-note,.collection-note,.saved-help{font-size:13px}
.site-footer :is(p,a){font-size:14px;line-height:1.75}
.server-profile{max-width:1312px}
.server-profile .profile-description{font-size:16px;line-height:1.75}
.server-profile .profile-actions .world-button{font-size:14px;min-height:46px}
.server-profile .profile-hero-note{font-size:13px}
.server-profile .profile-identity .section-eyebrow{font-size:11px}
/* Photograph belongs to the introduction and fades away before browsing. */
.directory-site:before,:root:not([data-theme=light]) .profile-page.directory-site:before{position:absolute;top:0;bottom:auto;height:760px;opacity:.48;filter:saturate(.5);mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%)}
.directory-site:after{position:absolute;top:0;bottom:auto;height:760px;background:linear-gradient(90deg,#181a1df5 0%,#181a1ddd 31%,#181a1d75 58%,#181a1d30 80%,#181a1d70),linear-gradient(180deg,#181a1d20,#181a1d60 370px,#181A1D 730px)}
html[data-theme=light] .directory-site:after{background:linear-gradient(90deg,#f8f5f4e8,#f8f5f480 70%),linear-gradient(180deg,#f8f5f420,#F8F5F4 730px)}
@media(max-width:1150px){
 .site-header{padding-inline:28px;gap:28px}.site-header .quick-search{min-width:42px;font-size:14px}
 .hero-intro{font-size:16px}.hero{gap:24px}
 .community-features article{padding-inline:13px}.community-features h2{font-size:14px}
}
@media(max-width:900px){
 .community-features>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding-block:24px}
 .community-features article{padding-inline:22px}.community-features article:nth-child(3){border-left:0}
 .server-profile{padding-inline:28px}
}
@media(max-width:760px){
 .site-header{padding-inline:20px;gap:12px}.site-header .quick-search{min-width:40px}
 .hero{grid-template-columns:1fr;gap:24px}.hero-intro{max-width:48ch}.hero-footnote{font-size:13px}
 .hero-search{min-height:56px}.hero-search .search-submit{font-size:14px;padding-inline:16px}
 .home-page .hero-art{height:340px}
 .directory-controls .directory-game-tabs [data-directory-game]{font-size:13px;padding-inline:10px}
 .directory-game-heading{font-size:13px}.directory-control-hint{display:none}
 .directory-site aside.filter-sidebar .filter-heading-copy h3{font-size:16px}
 .js .filter-sidebar [data-filter-toggle]{font-size:14px}
 .directory-tools .sort-filter{max-width:calc(100% - 90px)}
 .server-profile{padding-inline:22px}
 .directory-site:before,:root:not([data-theme=light]) .profile-page.directory-site:before{height:850px;opacity:.38}
 .directory-site:after{height:850px;background:linear-gradient(180deg,#181a1df0 0%,#181a1dc5 37%,#181a1d70 55%,#181A1D 850px)}
 html[data-theme=light] .directory-site:after{background:linear-gradient(180deg,#f8f5f4ee,#f8f5f4a0 55%,#F8F5F4 850px)}
}
@media(max-width:460px){
 .site-header{padding-inline:14px}.site-header .header-actions{gap:0}
 .community-features article{display:block;padding-inline:14px}.community-features article>.icon{margin-bottom:12px}
 .community-features p{font-size:14px}.community-features h2{font-size:14px}
 .hero-search{gap:9px;padding-left:12px}.hero-search .search-submit{padding-inline:12px}
 .hero-kicker{font-size:10px}.hero-footnote{font-size:12px}
 .server-card .card-bottom>a{font-size:14px}
}
@media(max-width:360px){.home-page .hero-art{height:275px}.site-header{padding-inline:12px}}
@media(max-width:380px){.filter-fields{grid-template-columns:1fr}}

/* An opaque outgoing layer remains underneath the opacity-only arrival. */
.directory-site:before,.directory-site:after,:root:not([data-theme=light]) .profile-page.directory-site:before{display:none}
.site-atmosphere{position:absolute;inset:0 0 auto;height:760px;z-index:-1;overflow:hidden;pointer-events:none;isolation:isolate;mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%)}
.scene-layer{position:absolute;inset:0;background-color:#181A1D;background-image:linear-gradient(90deg,#181a1df2 0%,#181a1dd6 30%,#181a1d80 62%,#181a1d65),linear-gradient(180deg,#181a1d55,#181a1d80 55%,#181a1de6),var(--scene-url);background-position:center,center,var(--scene-position,50% 45%);background-size:cover;background-repeat:no-repeat;opacity:1}
.scene-layer[data-scene-base]{background-image:linear-gradient(90deg,#181a1df2 0%,#181a1dd6 30%,#181a1d80 62%,#181a1d65),linear-gradient(180deg,#181a1d55,#181a1d80 55%,#181a1de6),var(--scene-from,var(--scene-url))}
.site-atmosphere[data-scene-mode=category]{position:fixed;height:100vh;height:100svh;mask-image:none;-webkit-mask-image:none}
.site-atmosphere[data-scene-mode=category] .scene-layer{background-image:linear-gradient(90deg,#181a1df0 0%,#181a1dcc 35%,#181a1d88 66%,#181a1d70),linear-gradient(180deg,#181a1d70,#181a1d7a 42%,#181a1ddd),var(--scene-url)}
.site-atmosphere[data-scene-mode=category] .scene-layer[data-scene-base]{background-image:linear-gradient(90deg,#181a1df0 0%,#181a1dcc 35%,#181a1d88 66%,#181a1d70),linear-gradient(180deg,#181a1d70,#181a1d7a 42%,#181a1ddd),var(--scene-from,var(--scene-url))}
html[data-theme=light] .scene-layer,html[data-theme=light] .site-atmosphere[data-scene-mode=category] .scene-layer{background-color:#F8F5F4;background-image:linear-gradient(90deg,#f8f5f4f2,#f8f5f4c9 50%,#f8f5f49c),linear-gradient(180deg,#f8f5f438,#f8f5f4e6),var(--scene-url)}
html[data-theme=light] .scene-layer[data-scene-base],html[data-theme=light] .site-atmosphere[data-scene-mode=category] .scene-layer[data-scene-base]{background-image:linear-gradient(90deg,#f8f5f4f2,#f8f5f4c9 50%,#f8f5f49c),linear-gradient(180deg,#f8f5f438,#f8f5f4e6),var(--scene-from,var(--scene-url))}
@media(max-width:760px){.site-atmosphere{height:850px}.scene-layer{background-position:center,center,var(--scene-mobile-position,50% 45%)}.site-atmosphere[data-scene-mode=category] .scene-layer{background-image:linear-gradient(180deg,#181a1ddd,#181a1db0 40%,#181a1de8),var(--scene-url);background-position:center,var(--scene-mobile-position,50% 45%)}.site-atmosphere[data-scene-mode=category] .scene-layer[data-scene-base]{background-image:linear-gradient(180deg,#181a1ddd,#181a1db0 40%,#181a1de8),var(--scene-from,var(--scene-url))}}

/* Calm surfaces let the butterfly, pink actions and paper artwork carry the identity. */
:root{--background:#19181D;--card:#242228;--card-hover:#2C2931;--panel:#211F25;--surface-raised:#302C35;--foreground:#F5EFF2;--body:#D4CAD1;--muted:#B9AEB7;--muted-foreground:#B9AEB7;--border:#3A353E;--input:#716572;--primary:#DDA8B3;--primary-foreground:#291D23;--primary-soft:#362A32;--blush:#EFC7D0;--ring:#EFC7D0}
html[data-theme=light]{--background:#F8F5F4;--foreground:#29232C;--body:#49414B;--muted:#6B5D69;--muted-foreground:#6B5D69;--card:#FFFCFB;--panel:#F1EAEE;--border:#D1C4CC;--input:#8B7886;--primary:#925565;--primary-foreground:#fff;--primary-soft:#EEDCE4;--blush:#925565;--ring:#925565}
h2,h3{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:650;letter-spacing:-.035em}
.server-profile .profile-panel h2,.server-profile .expectation-list h3,.editorial h2{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:650}
.browse-header h1,.editorial h1{font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:clamp(32px,3.2vw,46px);font-weight:650;line-height:1.15;letter-spacing:-.04em}
.server-profile .profile-title-row h1{font-style:normal}
.section-wrap{max-width:1328px;padding-inline:24px}
.hero{padding-top:48px;padding-bottom:48px;min-height:510px}
.hero-intro{max-width:42ch;font-size:17px;line-height:1.7}
.hero-hand{font-size:29px}.hero-footnote{font-size:12px}
.scene-layer{background-color:var(--background)}
.site-atmosphere[data-scene-mode=intro] .scene-layer{background-image:radial-gradient(ellipse at 83% 14%,#dda8b309,transparent 56%),var(--scene-url);background-size:cover;background-position:center,center top}
.site-atmosphere[data-scene-mode=intro] .scene-layer[data-scene-base]{background-image:radial-gradient(ellipse at 83% 14%,#dda8b309,transparent 56%),var(--scene-from,var(--scene-url))}
.home-page .site-atmosphere{height:660px}
.site-header{background:#1D1B21;border-bottom:1px solid #3a353e80;gap:32px;padding-inline:max(24px,calc((100vw - 1280px)/2))}
.site-header .header-navigation a{font-size:15px}
.header-search{display:flex;align-items:center;min-width:0;width:280px;height:44px;border:1px solid var(--border);border-radius:9px;background:var(--panel);margin:0;overflow:hidden}
.site-header .header-search .quick-search{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;padding:12px;border:0;background:transparent}
.header-search input{flex:1;width:0;min-width:0;padding:0 8px 0 0;border:0;background:transparent;outline:none;color:var(--foreground);font-size:14px;line-height:1.5}
.header-search input::placeholder{color:var(--muted)}
.header-search kbd{margin-right:9px;flex:none;padding:2px 4px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:9px;white-space:nowrap}
.header-search:focus-within{border-color:var(--ring);outline:2px solid var(--ring);outline-offset:3px}
.hero-search-visible .home-page .header-search{width:44px;background:transparent;border-color:transparent}
.hero-search-visible .home-page .header-search input,.hero-search-visible .home-page .header-search kbd{display:none}
.site-header :is(.header-saved,.theme-toggle,.nav-toggle){min-width:44px;min-height:44px;height:44px}
.site-header .theme-toggle{padding:12px;border:0;border-radius:9px;width:44px}
.hero-search .search-submit,.button-primary,.world-primary,.card-bottom .card-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:none;border-color:transparent}
.hero-search .search-submit:hover,.button-primary:hover,.world-primary:not(:disabled):hover,.card-bottom .card-primary:hover{background:var(--blush);color:var(--primary-foreground)}
.game-section{padding-bottom:0}.games-label{margin-bottom:6px}
.games-label h2{font:650 28px/1.3 Inter,sans-serif;letter-spacing:-.035em}
.game-kicker{font-size:11px;color:var(--muted)}
.game-folders{padding-top:42px;gap:24px}.game-folder{height:235px}
.folder-front{inset:118px 0 0;background:#242228fc;border-color:#514752;border-radius:14px;padding:16px}
.folder-front strong{font-size:20px;line-height:1.3}.folder-count{font-size:13px;margin-top:5px;color:var(--muted);padding:0;border:0;background:none}
.folder-bottom{padding-top:10px;font-size:13px}.folder-open{color:var(--body)}
.folder-previews{inset:0 18px 45px}.folder-preview img{object-position:var(--preview-position,50% 30%)}.folder-back{background:#302a334d;border-color:#5b4b5b66;box-shadow:none}
.folder-back:before{background:#302a33;border-color:#5b4b5b66}
/* Quiet colour lives behind browsing, while the simple hero keeps its open canvas. */
.directory-site{--ambient-rose:#b787a42b;--ambient-lavender:#9690bf29}
html[data-theme=light] .directory-site{--ambient-rose:#b787a417;--ambient-lavender:#9690bf19}
.game-section,.directory,.site-footer{position:relative;isolation:isolate}
.game-section:before,.directory:before,.site-footer:before{content:'';position:absolute;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);-webkit-mask-composite:source-in}
.game-section:before{inset:-26px 0 -36px;background:radial-gradient(ellipse 48% 68% at 27% 58%,var(--ambient-rose),transparent 78%),radial-gradient(ellipse 46% 64% at 76% 54%,var(--ambient-lavender),transparent 78%)}
.directory:before{inset:-24px 0 -30px;background:radial-gradient(ellipse 64% 520px at 12% 9%,var(--ambient-rose),transparent 80%),radial-gradient(ellipse 62% 650px at 88% 33%,var(--ambient-lavender),transparent 80%),radial-gradient(ellipse 64% 650px at 12% 66%,var(--ambient-rose),transparent 80%),radial-gradient(ellipse 62% 520px at 88% 92%,var(--ambient-lavender),transparent 80%)}
.site-footer:before{inset:-32px 0 -12px;background:radial-gradient(ellipse 58% 74% at 40% 58%,var(--ambient-rose),transparent 85%)}
.site-footer:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/sakura-lines.svg?v=c332825ad871') right top/860px auto no-repeat;opacity:.2}
.directory{padding-top:64px;padding-bottom:28px;border-top:0}
.directory-page .browse-header{min-height:0;padding-top:36px;padding-bottom:24px}
.directory-page .browse-header .eyebrow{display:none}
.directory-page .directory{padding-top:20px}
.directory-page .directory .section-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.directory .section-heading{margin-bottom:22px}.section-heading h2{font:650 30px/1.3 Inter,sans-serif;letter-spacing:-.04em}
.directory-layout{display:block}.directory .directory-filters{display:block;margin:0 0 24px}
.directory .directory-controls{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;width:100%}
.directory .directory-search{max-width:460px;min-height:48px;padding:4px 4px 4px 13px;border:1px solid var(--input);border-radius:9px;background:var(--panel);margin-bottom:20px}
.home-page .directory-search{display:none}
.directory .directory-search input{font-size:15px}
.directory .directory-game-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 0 18px;border-bottom:1px solid var(--border)}
.directory .directory-game-tabs [data-directory-game]{font-size:14px;min-height:44px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}
.directory .directory-game-tabs [aria-current=true]{border-color:#dda8b340;background:var(--primary-soft);color:var(--primary)}
.directory .directory-game-tabs [data-directory-game]:hover{background:var(--card)}
.game-tab-marker{display:none}.directory-game-count{background:transparent!important;font-size:12px;color:inherit!important}
.directory-controls .directory-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px;margin:0;padding:16px 0 0;min-height:64px;border:0}
.directory-tools .results-caption{margin-right:auto;font-size:14px;min-width:80px}
.toolbar-filters{display:flex;align-items:center;gap:12px;min-width:0}
.toolbar-filters .filter-fields{display:flex;gap:12px;margin:0;padding:0;border:0}
.directory-tools .filter-select{width:185px;min-width:0}
.directory-tools .sort-filter{width:174px}
.directory-tools .filter-select label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.directory-tools .filter-trigger,.directory-tools select{min-height:44px;height:44px;border:1px solid var(--border);border-radius:8px;font-size:13px;padding:10px 12px;background:var(--panel)}
.directory-tools .view-options{display:flex;gap:1px;padding:0;background:transparent;border:0}
.directory-tools .view-options button{width:44px;height:44px}
.directory-tools .reset-filters{font-size:13px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.toolbar-filters [data-filter-toggle]{display:none}
.directory .collection-note{margin-top:22px;font-size:12px;color:var(--muted)}
.directory .server-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.directory-site article.server-card{border:1px solid var(--border);background:var(--card);border-radius:15px;box-shadow:0 4px 12px #0001;overflow:hidden;display:flex;flex-direction:column}
.server-card .card-art{height:auto;aspect-ratio:1.9;overflow:visible;flex:none;min-height:0}.server-card .card-cover{position:absolute;inset:0;height:100%;overflow:hidden;border-radius:14px 14px 0 0}.server-card .card-cover img{height:100%;object-fit:cover}
.server-card .card-content{display:flex;flex:1;flex-direction:column;padding:0 22px 22px}
.server-card .card-identity{display:flex;align-items:flex-end;justify-content:space-between;min-height:28px;margin-top:-26px;margin-bottom:15px;gap:12px;position:relative}
.server-card .server-avatar{width:52px;height:52px;border:3px solid var(--card);border-radius:13px;flex:none}
.server-card .card-meta{font-size:11px;line-height:1.4;color:var(--muted);padding-bottom:2px;text-align:right}
.server-card h3{min-height:0;font:650 22px/1.3 Inter,sans-serif;letter-spacing:-.03em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0}
.server-card p,.server-grid[data-view=list] .server-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0;max-height:5.1em;font-size:15px;line-height:1.7;margin-top:8px;color:var(--muted)}
.server-card .tags{margin-top:18px;margin-bottom:20px;gap:6px;min-height:28px;align-items:flex-start}
.server-card .tags li{font-size:11px;background:none!important;border:1px solid var(--border);color:var(--muted)!important;padding:4px 8px;border-radius:5px}
.server-card .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}
.server-card .card-bottom>a,.server-grid[data-view=list] .card-bottom>a{font-size:13px;min-height:44px}
.server-card .card-bottom>a.card-primary{padding:11px 15px;border-radius:8px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;gap:8px;color:var(--primary-foreground)}
.server-card .card-bottom .card-join{font-size:12px;color:var(--muted);text-decoration:none}
.server-card .save-card{width:44px;height:44px}
.server-grid[data-view=list]{grid-template-columns:1fr}
.server-grid[data-view=list] .server-card{display:grid;grid-template-columns:250px minmax(0,1fr)}
.server-grid[data-view=list] .card-art{height:100%;aspect-ratio:auto}.server-grid[data-view=list] .card-cover{min-height:0;border-radius:14px 0 0 14px}
.server-grid[data-view=list] .card-content{padding:20px 24px}.server-grid[data-view=list] .card-identity{margin:0 0 12px}.server-grid[data-view=list] h3{min-height:0}.server-grid[data-view=list] p{min-height:0;max-height:5.1em}
.site-footer{padding-top:34px;margin-top:28px;padding-bottom:22px;border-top:1px solid var(--border)}
.footer-top{grid-template-columns:2fr 1fr 1fr;gap:36px;padding-bottom:28px}.footer-top>div>p{font-size:14px;margin-top:13px;color:var(--muted)}
.footer-bottom{padding-top:18px;margin-top:0;gap:15px;font-size:11px}.footer-links{gap:10px}
@media(max-width:1150px){.header-search{width:230px}.site-header{gap:24px}.site-header .header-navigation{gap:22px}.directory-tools{gap:10px}.directory-tools .filter-select{width:160px}.directory-tools .sort-filter{width:150px}}
@media(max-width:1000px){.header-search{width:44px;background:transparent;border:0}.header-search input,.header-search kbd{display:none}.directory .server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-tools .results-caption{width:100%}.directory-tools .filter-select{width:175px}.directory-tools .sort-filter{width:165px}}
@media(max-width:760px){
 .section-wrap{padding-inline:22px}.hero{padding-top:34px;padding-bottom:40px}.hero-intro{font-size:16px}.hero-hand{font-size:27px}
 .site-header{padding-inline:16px;gap:8px}.site-header .header-actions{gap:0}.site-header .header-brand{gap:6px}.site-header .header-wordmark-title{font-size:27px}.site-header .header-brand .brand-mark{width:25px}
 .site-header :is(.quick-search,.header-saved,.theme-toggle,.nav-toggle){width:44px;min-width:44px;min-height:44px;padding:12px}
 .header-search{width:44px;flex:none}.header-search:focus-within{outline:none}
 .game-folders{gap:30px 18px}.game-folder{height:225px}.folder-front{padding:12px;inset:100px 0 0}.folder-front strong{font-size:16px}.folder-bottom{font-size:12px;padding-top:8px}.folder-count{font-size:12px}
 .directory{padding-top:48px}.section-heading h2{font-size:27px}.directory .directory-game-tabs{gap:5px}.directory .directory-game-tabs [data-directory-game]{padding-inline:10px;font-size:13px}
 .directory-controls .directory-tools{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding-top:16px}
 .directory-tools .results-caption{width:auto;margin:0;min-width:0;font-size:13px;grid-column:1}.directory-tools .results-caption strong{font-size:15px}
 .toolbar-filters{display:contents}.toolbar-filters [data-filter-toggle]{display:inline-flex!important;align-items:center;justify-content:center;grid-column:2;grid-row:1;min-height:44px;padding:9px 13px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--foreground);font-size:13px}
 .toolbar-filters .filter-fields{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--card);width:100%}
 .js .toolbar-filters[data-expanded=false] .filter-fields{display:none}
 .directory-tools .filter-select{width:auto}.directory-tools .sort-filter{grid-column:1/3;width:100%;max-width:none;grid-row:3}.directory-tools .view-options{grid-column:3;grid-row:3;justify-self:end}
 .directory-tools .reset-filters{grid-column:3;grid-row:1;font-size:12px}.directory-tools .filter-fields .filter-select label{position:static;width:auto;height:auto;clip-path:none;display:block;font-size:12px;margin-bottom:7px}
 .directory .server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server-card .card-content{padding:0 17px 18px}.server-card h3{font-size:20px}.server-card p{font-size:14px}.server-card .card-meta{font-size:10px}
 .server-card .card-bottom{gap:7px}.server-card .card-bottom .card-primary{font-size:12px;padding:10px}.server-card .card-bottom .card-join{font-size:11px}
 .server-grid[data-view=list] .server-card{grid-template-columns:150px minmax(0,1fr)}
 .footer-top{gap:25px;grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.site-footer{margin-top:20px}.footer-bottom{flex-wrap:wrap}
}
@media(max-width:560px){.directory .server-grid{grid-template-columns:1fr}.server-card h3{font-size:22px}.server-card p{font-size:15px}.server-card .card-content{padding-inline:20px}.server-card .card-bottom .card-primary{font-size:13px;padding-inline:16px}.server-card .card-bottom .card-join{font-size:12px}.server-card .card-meta{font-size:11px}.server-grid[data-view=list] .server-card{display:flex}.server-grid[data-view=list] .card-art{height:auto;aspect-ratio:1.9}.server-grid[data-view=list] .card-cover{border-radius:14px 14px 0 0}.server-grid[data-view=list] .card-content{padding:0 20px 20px}.server-grid[data-view=list] .card-identity{margin-top:-26px}}
@media(max-width:380px){.section-wrap{padding-inline:16px}.site-header{padding-inline:10px;gap:4px}.site-header .header-wordmark-title{font-size:23px}.site-header .header-brand .brand-mark{width:21px}.site-header .header-brand{gap:3px}.folder-front{padding:16px 12px}.folder-front strong{font-size:15px}.folder-bottom{font-size:12px}.folder-count{font-size:12px}.game-folders{gap:26px 14px}.toolbar-filters .filter-fields{grid-template-columns:1fr}.header-search{width:44px}}
@media(prefers-reduced-motion:no-preference){.header-search{transition:width 220ms ease,border-color 180ms ease,background-color 180ms ease}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.game-section:before,.directory:before,.site-footer:before,.site-footer:after{display:none}}
.directory .directory-controls{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 8px 28px #00000012}
.directory-controls-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.directory-controls-heading .section-eyebrow{color:var(--primary);font-size:12px}
.directory-controls-heading p{font-size:13px;color:var(--muted);line-height:1.5}
.home-page .directory-search,.directory .directory-search{display:flex;max-width:none;margin-bottom:18px;background:var(--background)}
.directory-controls .directory-tools{gap:10px}
.directory-tools .filter-select{width:165px}
.directory-tools .sort-filter{width:155px}
.directory-tools .saved-filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--body);font-size:13px}
.saved-filter .icon{width:16px;height:16px}
.directory-tools .saved-filter[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
.filter-done{display:none}
.filter-summary{display:flex;align-items:flex-start;gap:12px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin-top:18px;flex:1}
.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:8px;background:var(--primary-soft);color:var(--foreground);font-size:13px;overflow-wrap:anywhere;text-decoration:none}
.filter-chip .icon{width:14px;height:14px;flex:none;color:var(--primary)}
.filter-chip:hover{border-color:var(--primary)}
.filter-summary .reset-filters{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;color:var(--primary);font-size:13px;white-space:nowrap;text-underline-offset:4px}
.directory-site article.server-card{box-shadow:0 6px 20px #00000020,inset 0 1px 0 #ffffff06}
.directory-site article.server-card:focus-within{border-color:var(--primary)}
.server-card p{color:var(--body)}
.server-card .card-bottom>a.card-primary{background:var(--primary);box-shadow:0 2px 6px #0002}
.server-card .card-bottom>a.card-primary:hover{background:var(--blush)}
.server-card .card-bottom .card-join:hover{color:var(--foreground)}
.server-card .tags{margin-top:auto;padding-top:18px}
.server-card .card-bottom{flex-wrap:nowrap}
.server-profile .profile-essentials{display:flex;flex-wrap:wrap;gap:12px 24px;margin:22px 0}
.profile-essentials div{min-width:0}
.profile-essentials dt{font-size:11px;color:var(--muted);margin-bottom:5px}
.profile-essentials dd{margin:0;font-size:13px;color:var(--body);line-height:1.5}
@media(hover:hover) and (pointer:fine){.directory-site article.server-card:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:0 12px 28px #00000030}}
@media(prefers-reduced-motion:no-preference){.directory-site article.server-card{transition:translate 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.filter-chip,.saved-filter,.card-primary{transition:background-color 160ms ease,border-color 160ms ease}}
@media(max-width:1150px) and (min-width:761px){.directory-tools .results-caption{width:100%}.directory-tools .filter-select{width:155px}}
@media(max-width:760px){
 .directory .directory-controls{padding:16px;border-radius:12px}
 .directory-controls-heading{display:block;margin-bottom:14px}.directory-controls-heading p{margin-top:6px}
 .directory .directory-game-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;gap:4px;scrollbar-width:thin}
 .directory .directory-game-tabs [data-directory-game]{flex:none;font-size:13px;padding-inline:10px}
 .directory-controls .directory-tools{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 .directory-tools .saved-filter{grid-row:1;grid-column:2}
 .toolbar-filters [data-filter-toggle]{grid-row:1;grid-column:3}
 .directory-tools .sort-filter{grid-row:2;grid-column:1/3;width:100%}
 .directory-tools .view-options{grid-row:2;grid-column:3}
 .toolbar-filters .filter-fields{grid-row:3;grid-column:1/-1;padding:16px;grid-template-columns:minmax(0,1fr);border-color:var(--input);border-radius:12px}
 .toolbar-filters .filter-fields .filter-select{width:100%}
 .js .filter-done{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-size:14px}
 .filter-summary{flex-wrap:wrap;gap:0 12px}.filter-summary .reset-filters{margin-left:auto}
 .filter-chip{font-size:12px;padding-inline:10px}
 .directory-tools .filter-trigger,.directory-tools select{font-size:14px}
 .server-card .card-bottom>a.card-primary{white-space:nowrap}
}
@media(max-width:560px){.directory-controls .results-caption{font-size:12px}.directory-tools .saved-filter{padding-inline:10px}.directory-controls .directory-search input{font-size:16px}.directory .search-submit{font-size:12px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.directory-site article.server-card{translate:none;transform:none;transition:none}.server-card .card-cover img{scale:1;transform:none}}
@media(max-width:380px){
 .directory-controls .directory-tools{grid-template-columns:minmax(0,1fr) auto}
 .directory-tools .results-caption{grid-row:1;grid-column:1/-1}
 .directory-tools .saved-filter{grid-row:2;grid-column:1}
 .toolbar-filters [data-filter-toggle]{grid-row:2;grid-column:2}
 .directory-tools .sort-filter{grid-row:3;grid-column:1}
 .directory-tools .view-options{grid-row:3;grid-column:2}
 .toolbar-filters .filter-fields{grid-row:4}
 .server-card .card-content{padding-inline:16px}
 .server-card .card-bottom>a.card-primary{padding-inline:12px}
}

.game-section{overflow:clip}
.game-folders{padding-top:58px;padding-bottom:12px;gap:30px;row-gap:64px}
.game-folder{height:255px}
.folder-previews{inset:0 29px 48px}
.folder-preview{border:5px solid #ede4df;border-bottom-width:20px;border-radius:5px;box-shadow:0 5px 15px #0004}
.folder-preview>span{display:none}
.folder-preview.preview-0{transform:translate(-13px,2px) rotate(-13deg)}
.folder-preview.preview-1{transform:translate(15px,-5px) rotate(11deg)}
.folder-preview.preview-2{transform:translate(-6px,-15px) rotate(-7deg)}
.folder-preview.preview-3{transform:translate(5px,-21px) rotate(4deg)}
.folder-front{inset:128px 0 0;box-shadow:0 12px 23px #0003,inset 0 1px #ffffff08}
.folder-front:after{content:'';position:absolute;inset:7px 8px auto;height:1px;background:linear-gradient(90deg,transparent,#cda1b030,transparent);pointer-events:none}
.ambient-effects{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none;contain:strict}
.ambient-mote{position:absolute;width:3px;height:3px;left:2%;top:calc(18% + var(--mote-index)*12%);border-radius:50%;background:#d7afc1;box-shadow:0 0 12px 3px #d7afc120;opacity:.16;animation:ambient-glimmer 4s ease-out both}
.ambient-mote:nth-child(even){left:auto;right:2%;background:#b5afcf;animation-delay:-1s}
.pointer-petal{position:absolute;width:5px;height:8px;border-radius:80% 15% 75% 20%;background:#d4a4b8;box-shadow:0 0 7px #d4a4b820}
.pointer-petal[hidden]{display:none}
html[data-theme=light] .ambient-mote{background:#896881;box-shadow:0 0 10px #89688118}
html[data-theme=light] .pointer-petal{background:#9d607f}
html[data-theme=light] .folder-preview{border-color:#fffaf4;box-shadow:0 5px 15px #4a33422b}
@keyframes ambient-glimmer{0%{opacity:0}35%{opacity:.4}100%{opacity:.16}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .game-folder:hover .preview-0,.game-folder:focus-visible .preview-0{transform:translate(-22px,-15px) rotate(-16deg)}
 .game-folder:hover .preview-1,.game-folder:focus-visible .preview-1{transform:translate(22px,-26px) rotate(15deg)}
 .game-folder:hover .preview-2,.game-folder:focus-visible .preview-2{transform:translate(-13px,-40px) rotate(-10deg)}
 .game-folder:hover .preview-3,.game-folder:focus-visible .preview-3{transform:translate(8px,-53px) rotate(6deg)}
}
@media(max-width:800px){.game-folders{gap:56px 26px}.game-folder{height:262px}.folder-previews{inset:0 26px 45px}.folder-front{inset:132px 0 0;padding:18px}.folder-front strong{font-size:19px}}
@media(max-width:460px){.games-label{flex-direction:column;align-items:flex-start;gap:12px}.games-label .text-link{max-width:none;white-space:nowrap}.game-folders{gap:46px 18px;padding-top:47px}.game-folder{height:248px}.folder-previews{inset:0 22px 67px}.folder-preview{border-width:3px;border-bottom-width:14px}.folder-front{inset:107px 0 0;padding:18px 12px}.folder-front strong{font-size:16px}.folder-bottom{font-size:12px;line-height:1.5}.folder-open{gap:5px}.ambient-mote{opacity:.1;animation:none}}
@media(max-width:380px){.folder-front strong{font-size:15px}.folder-bottom{font-size:11px}.folder-previews{inset-inline:20px}}
@media(hover:none),(pointer:coarse){.pointer-petal{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-effects{display:none}.folder-preview,.folder-front{transition:none}}

/* Keep the canvas stable; animate deliberate chapter changes within a page. */
html{background:#19181D;scroll-behavior:auto}
html[data-theme=light]{background:#fff8f2}
.scenic-site .hero-art{animation:none}
.scenic-site :is(.hero-copy,.games-label,.directory-filters,.directory-tools,.server-card,.browse-header,.game-navigation,.editorial,.not-found,.site-footer),
.profile-page :is(.world-introduction,.theatre-title,.theatre-caption,.triptych-title,.triptych-aside,.strategy-copy,.cityboard-title,.cityboard-ticket,.world-overview,.world-community,.world-gallery,.world-sources,.world-related){backdrop-filter:none;-webkit-backdrop-filter:none}
/* Reading and navigation remain on solid, inexpensive surfaces. */
.scenic-site .site-header,.profile-page .world-nav{backdrop-filter:none;-webkit-backdrop-filter:none}
@supports(view-transition-name:none){
 /* Blending unrelated pages briefly overlaps their artwork and text. */
 @view-transition{navigation:none}
 ::view-transition{pointer-events:none}
 ::view-transition-group(root){animation:none}
 ::view-transition-image-pair(root){isolation:isolate}
 ::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
 ::view-transition-new(root){animation:page-arrive 280ms cubic-bezier(.2,.65,.3,1) both;mix-blend-mode:normal}
 .site-header{view-transition-name:mainscord-navigation}
 ::view-transition-group(mainscord-navigation){animation:none}
 ::view-transition-old(mainscord-navigation){display:none}
 ::view-transition-new(mainscord-navigation){animation:none;mix-blend-mode:normal}
}
@keyframes page-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* A black canvas with restrained sakura at the edges. Reading surfaces stay raised. */
:root:not([data-theme=light]){--background:#050506;--card:#141416;--card-hover:#1C1B1F;--panel:#101012;--surface-raised:#222025;--foreground:#FAF7F9;--body:#DDD6DB;--muted:#B6ADB5;--muted-foreground:#B6ADB5;--border:#353037;--input:#72636F;--primary:#E2A8B6;--primary-foreground:#24151D;--primary-soft:#2D2029;--blush:#F2C7D2;--ring:#F2C7D2}
html:not([data-theme=light]){background:#050506}
:root:not([data-theme=light]) .site-header{background:#080809;border-bottom-color:#ffffff12}
:root:not([data-theme=light]) .folder-front{background:#131315fa;border-color:#3A333C}
:root:not([data-theme=light]) .directory-site{--ambient-rose:#bc7d9c12;--ambient-lavender:#a39bc410}
:root:not([data-theme=light]) .site-atmosphere[data-scene-mode=intro] .scene-layer{background-color:#050506;background-image:none}
:root:not([data-theme=light]) .site-atmosphere[data-scene-mode=category] .scene-layer{background-color:#050506;background-image:linear-gradient(90deg,#050506f5,#050506dd 34%,#050506b8 68%,#050506c9),linear-gradient(180deg,#05050666,#050506b3 58%,#050506f2),var(--scene-url)}
:root:not([data-theme=light]) .site-atmosphere[data-scene-mode=category] .scene-layer[data-scene-base]{background-image:linear-gradient(90deg,#050506f5,#050506dd 34%,#050506b8 68%,#050506c9),linear-gradient(180deg,#05050666,#050506b3 58%,#050506f2),var(--scene-from,var(--scene-url))}
.sakura-edges{display:none}
:root:not([data-theme=light]) .sakura-edges{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:url('/assets/sakura-edges.svg?v=c332825ad871') center top/100% auto repeat-y;opacity:.8;contain:paint}
:root:not([data-theme=light]) .site-footer:after{display:none}
:root:not([data-theme=light]) .hero-search{background:#161518;border-color:#53434E;box-shadow:0 6px 22px #0004,inset 0 1px #ffffff05}
:root:not([data-theme=light]) .hero-search .search-submit{background:linear-gradient(180deg,#F0C6CF,#DDA2B0)}
@media(max-width:760px){:root:not([data-theme=light]) .sakura-edges{background-size:1100px auto;opacity:.45}:root:not([data-theme=light]) .site-atmosphere[data-scene-mode=category] .scene-layer{background-image:linear-gradient(180deg,#050506ed,#050506cb 40%,#050506f5),var(--scene-url)}:root:not([data-theme=light]) .site-atmosphere[data-scene-mode=category] .scene-layer[data-scene-base]{background-image:linear-gradient(180deg,#050506ed,#050506cb 40%,#050506f5),var(--scene-from,var(--scene-url))}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.sakura-edges{display:none!important}}

.ascii-art{position:relative;pointer-events:none;user-select:none;color:var(--primary);overflow:hidden;max-width:100%;contain:layout paint}
.ascii-art canvas{position:absolute;inset:0;width:100%;height:100%}
.ascii-poster{margin:0!important;position:absolute;inset:0;font-family:ui-monospace,Consolas,monospace!important;font-weight:400;line-height:1;letter-spacing:0;white-space:pre;color:inherit!important;text-align:left;opacity:.58}
.ascii-art[data-ascii-ready=true] .ascii-poster{visibility:hidden}
.ascii-search{width:250px;aspect-ratio:41/14.95;margin:0 auto 20px}
.ascii-search .ascii-poster{font-size:10px}
.ascii-saved{width:260px;aspect-ratio:43/19.94;margin:0 auto 20px}
.ascii-saved .ascii-poster{font-size:10px}
.ascii-butterfly{width:390px;aspect-ratio:96/56.48;margin:0 auto 26px;opacity:.8;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%)}
.ascii-butterfly .ascii-poster{font-size:6.75px}
.site-footer .ascii-sakura{position:absolute;right:0;bottom:0;width:440px;aspect-ratio:96/59.8;z-index:-1;opacity:.16;mask-image:radial-gradient(ellipse,#000 18%,transparent 72%)}
.ascii-sakura .ascii-poster{font-size:7.6px}
.empty-state .ascii-art+svg{display:none}
.empty-state h3{font-size:24px;line-height:1.3;margin-top:0}
.empty-state>p{max-width:46ch;margin:12px auto 20px;color:var(--body)}
.empty-state{padding:44px 24px 48px}
.empty-state [data-suggestion]{display:block;margin-bottom:18px}.empty-state [data-suggestion][hidden]{display:none}
.missing-page .not-found{padding-top:58px;padding-bottom:58px}
.missing-page .not-found h1{font-size:clamp(34px,5vw,60px);line-height:1.12;max-width:16ch;margin-inline:auto}
.missing-page .not-found>p:not(.eyebrow){max-width:48ch;margin:20px auto 28px}
.mc-command-empty .ascii-search{width:200px;margin-bottom:12px}
@media(max-width:560px){.ascii-butterfly{width:300px}.ascii-butterfly .ascii-poster{font-size:5.2px}.site-footer .ascii-sakura{width:320px;opacity:.1}.empty-state{padding:32px 18px}.empty-state h3{font-size:22px}.missing-page .not-found{padding-top:40px}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.site-footer .ascii-sakura{display:none}.ascii-art{opacity:1}}

/* Preserve the quiet black canvas. Only the edge ornaments move. */
:root:not([data-theme=light]) .sakura-edges{background:none}
.sakura-edges>svg{position:absolute;top:0;left:50%;width:100%;height:auto;transform:translateX(-50%);overflow:visible}
.sakura-branch{transform-box:view-box;animation:sakura-breathe 19s ease-in-out infinite alternate;transform-origin:0 0}
.sakura-branch-right{transform-origin:100% 48%;animation-duration:23s;animation-delay:-7s;animation-direction:alternate-reverse}
.sakura-drift{transform-box:fill-box;transform-origin:center;animation:sakura-drift 24s linear infinite;animation-delay:calc(var(--petal-index)*-3.7s)}
.sakura-drift:nth-child(even){animation-name:sakura-drift-back;animation-duration:29s}
.sakura-glint{transform-box:fill-box;transform-origin:center;animation:sakura-glint 8s ease-in-out infinite;animation-delay:calc(var(--glint-index)*-1.9s)}
.sakura-edges :is(.sakura-branch,.sakura-drift,.sakura-glint){animation-play-state:paused}
:root[data-ambient-motion=running] .sakura-edges :is(.sakura-branch,.sakura-drift,.sakura-glint){animation-play-state:running}
:root:has([role=dialog],dialog[open]) .sakura-edges :is(.sakura-branch,.sakura-drift,.sakura-glint){animation-play-state:paused}
.collection-heading{display:flex;align-items:center;gap:8px}
.collection-heading .collection-butterfly{width:160px;flex:0 0 160px;margin:-25px 0 -20px;opacity:.62;mask-image:none}
.collection-butterfly .ascii-poster{font-size:2.77px}
/* The collage responds to attention without continuously moving reading content. */
.hero-art .hero-print{transition:translate .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :root[data-ambient-motion=running] .hero-art:hover .print-genshin{translate:0 -6px;box-shadow:0 22px 42px #0007}
 :root[data-ambient-motion=running] .hero-art:hover .print-ananta{translate:-5px -3px}
 :root[data-ambient-motion=running] .hero-art:hover .print-wuwa{translate:6px -4px}
 .brand:hover .brand-mark{transform:rotate(-9deg) scale(1.08)}
}
.brand-mark{transition:transform .35s ease}
@keyframes sakura-breathe{from{transform:rotate(-.65deg)}to{transform:rotate(1.25deg)}}
@keyframes sakura-drift{0%{opacity:0;transform:translate(-16px,-28px) rotate(-15deg)}12%{opacity:.65}70%{opacity:.5}100%{opacity:0;transform:translate(52px,112px) rotate(75deg)}}
@keyframes sakura-drift-back{0%{opacity:0;transform:translate(18px,-24px) rotate(12deg)}16%{opacity:.6}72%{opacity:.45}100%{opacity:0;transform:translate(-42px,130px) rotate(-65deg)}}
@keyframes sakura-glint{0%,100%{opacity:.25;transform:scale(.75)}45%{opacity:.8;transform:scale(1.12)}}
@media(max-width:760px){.sakura-edges>svg{width:1100px;max-width:none}.collection-heading .collection-butterfly{width:120px;flex-basis:120px;margin:-16px 0}.collection-butterfly .ascii-poster{font-size:2.08px}}
@media(max-width:440px){.collection-heading{gap:0}.collection-heading .collection-butterfly{width:96px;flex-basis:96px;margin:-12px -12px}.collection-butterfly .ascii-poster{font-size:1.66px}}
@media(prefers-reduced-motion:reduce){.sakura-edges :is(.sakura-branch,.sakura-drift,.sakura-glint){animation:none!important}.hero-art .hero-print,.brand-mark{transition:none!important;translate:none!important}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.collection-butterfly{display:none}}