:root{--bg:#080d14;--line:#29394b;--muted:#adbed4;--red:#ed4058;--title-font:Bahnschrift,'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;--body-font:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif}
body{font-family:var(--body-font);font-size:15px;line-height:1.6;letter-spacing:.003em;font-kerning:normal;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 73% -5%,#21314660,transparent 55%),radial-gradient(ellipse at 0 70%,#1b17272b,transparent 55%),#080d14;color:#edf2fb}
h1,h2,h3,.brand{font-family:var(--title-font);font-weight:650;font-kerning:normal}h1{letter-spacing:-.035em;line-height:1.08;text-shadow:0 1px 0 #ffffff10,0 6px 24px #0007}h2{letter-spacing:-.02em;line-height:1.2;font-size:24px}h3{letter-spacing:-.012em;line-height:1.3}.brand{font-size:28px;letter-spacing:.26em;font-weight:700;text-shadow:0 2px 15px #0008}.brand span{font-size:14px;margin-left:2px}
header{height:86px;background:linear-gradient(180deg,#111923f5,#090f17f5);border-color:#ffffff0c;box-shadow:0 5px 25px #0002;padding:0 34px;gap:36px}nav{gap:23px}nav a{font-size:14px;font-weight:550;gap:9px;transition:color .18s ease,border-color .18s ease}nav a:hover{color:#fff}nav a.active{border-bottom-width:2px}nav .ui-icon{width:20px;height:20px;flex-shrink:0}.ui-icon{width:20px;height:20px;vertical-align:middle}.preview-tag{font-size:10px;letter-spacing:.11em;border:0;background:#1c2937;color:#c0cfdf;padding:5px 9px;border-radius:5px}
.shell{gap:26px;padding-top:30px}.intro{margin-bottom:27px}.subtitle{font-family:var(--body-font);font-size:20px;font-weight:500;letter-spacing:-.015em;color:#b3c2da}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;color:#aebfd2}.meta{font-size:13px;color:#b0c1d8;line-height:1.6}.muted{color:#b8c6da;line-height:1.7}.notice{border:0;border-radius:7px;color:#aebed2;background:#111b2760;padding:13px 16px;line-height:1.6}
aside,.panel,.card,.god-card{background:linear-gradient(145deg,#17222e,#0d1620 75%);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff05,0 12px 28px #0003}.panel{border-radius:13px;padding:30px}.card,.god-card{border-radius:11px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.god-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff08,0 18px 34px #0006;border-color:#5b4354}.card-body{padding:18px}.card .primary{font-size:12px;padding:9px 12px}.cards{gap:19px;align-items:start}.cards .box-cover{width:62%;max-width:210px;margin:17px auto 0;border:0;box-shadow:0 10px 24px #0008}.card-row{gap:12px}.art{border-bottom-color:#ffffff0c}.detail{gap:38px;align-items:start}.detail .box-cover{width:100%;max-width:370px;box-shadow:0 15px 36px #0007}.box-cover{border-radius:5px!important}.hero-art.box-cover{border-radius:5px;box-shadow:0 24px 55px #0009,0 0 50px #32435924}.verified-features{padding-left:19px;line-height:1.7}.verified-features li{margin:10px 0}
.primary,.secondary,.pill,select,input{font-weight:550;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.primary{background:linear-gradient(180deg,#cf2943,#bf233e);border-color:#ff6a7d70;box-shadow:inset 0 1px 0 #ffffff18,0 5px 14px #a4112c28}.primary:hover{background:linear-gradient(180deg,#da304b,#bd233e);box-shadow:inset 0 1px 0 #ffffff24,0 7px 20px #ad173940}.secondary{background:linear-gradient(180deg,#213043,#172232);border-color:#475b7390;box-shadow:inset 0 1px 0 #ffffff06}.secondary:hover:not(:disabled){background:linear-gradient(180deg,#2b3b50,#1c2b3e);border-color:#8ca3c0}.primary,.secondary{border-radius:7px;min-height:42px}.pill{background:#111c29;border-color:#384a60;padding:8px 23px}.pill:hover{background:#1d2b3c}.pill.active{background:linear-gradient(180deg,#cf2943,#bf233e);border-color:#ff6a7d70;box-shadow:0 4px 12px #b21a3520}.primary:active,.secondary:active{transform:translateY(1px)}button:disabled{opacity:.8;box-shadow:none;background:#1b2735;color:#b2c0d2;border-color:#52617660}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e0ecff;outline-offset:4px;box-shadow:0 0 0 6px #405a7755}
.search-wrap{position:relative}.search-wrap>.ui-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a9bcd5;pointer-events:none}.search-wrap input{padding-left:45px;border-color:#41516a90;box-shadow:inset 0 2px 5px #0003;background:#101b28}.search-wrap input:focus{border-color:#a3bad8}.genre{border-radius:7px;gap:12px;padding:12px 13px;font-size:14px;font-weight:500;align-items:center}.genre span{font-size:14px}.genre .ui-icon{width:18px;height:18px;flex-shrink:0}.genre:hover{background:#1e2b3a70;color:#eef4ff}.genre.active{background:linear-gradient(100deg,#29384b,#202e3f);box-shadow:inset 0 1px 0 #ffffff08;color:#fff}.genre.active .ui-icon{color:#ff6b7e}.sidebar-note{border-color:#ffffff0b;color:#c8d3e3;font-size:12px;line-height:1.7}.toolbar{margin-bottom:23px}select{border-color:#41536a90;background:#111c29}.section-head{margin-bottom:18px}.badge{border:0;background:#243247;color:#d2dff1;font-weight:550;font-size:11px;padding:4px 11px}
.website .shell{padding-top:30px;max-width:1380px}.website .hero-layout{grid-template-columns:1.2fr .8fr;gap:48px}.hero{padding:30px 0 20px}.hero h1{font-size:clamp(44px,5.3vw,74px);letter-spacing:-.04em;max-width:10ch}.hero .subtitle{font-size:22px;margin:23px 0 15px}.hero .muted{max-width:54ch}.hero-actions{gap:13px;margin-top:28px}.feature-row{gap:19px;margin:35px 0 38px}.feature-row .panel{padding:23px}.feature-row h3{font-size:18px}.gods-showcase{margin-top:43px}.gods-lore{color:#c6bda9;font-size:12px}.god-open-label,.god-original{color:#ff9aa9}.god-card-copy{padding:19px}.god-dialog{box-shadow:0 25px 100px #000b;border-color:#586d88}.god-dialog-bar{border:0}.god-dialog h2{font-family:var(--title-font)}
footer{display:block;background:#080e16;border-top-color:#ffffff0b;padding:24px 35px 19px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b7c7dc;font-size:12px}.footer-main>a{color:#ff8598;font-weight:650}.footer-fine{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:13px;color:#90a3bd;font-size:10px;letter-spacing:.02em}.footer-fine small{font-size:10px}.footer-fine a{color:#acbdd2}.footer-status{margin-left:auto;font-size:10px;max-width:none}.credits-copy{max-width:760px}.credits-copy h2{margin-top:26px}.credits-copy h2:first-child{margin-top:0}
@media(max-width:1100px){header{padding:0 23px;gap:25px}nav{gap:12px}nav a{font-size:13px}.shell{padding:24px 22px;gap:22px}.website .hero-layout{gap:30px}.card-body{padding:15px}.card-row{align-items:start}.cards .box-cover{width:67%}}
@media(max-width:740px){header{height:auto;min-height:77px;gap:10px;padding:19px 20px 0}.brand{font-size:25px}nav{width:100%;gap:22px;height:49px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{font-size:12px;gap:7px;min-height:44px}nav .ui-icon{width:17px;height:17px}.shell,.website .shell{padding:25px 20px}.intro{gap:15px;margin-bottom:23px}h1{font-size:32px}.subtitle{font-size:18px}.website .hero-layout{grid-template-columns:1fr;gap:32px}.hero{padding:4px 0 12px}.hero h1{font-size:48px;max-width:10ch}.hero .subtitle{font-size:20px}.hero-art.box-cover{max-width:280px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions a{font-size:13px}.panel{padding:22px}.detail{gap:26px}.detail .box-cover{max-width:290px}.cards .box-cover{width:60%;max-width:210px}.cards{gap:22px}.card-row{flex-direction:row;align-items:center}.addon{grid-template-columns:38% 1fr}.addon .card-body{padding:15px}.addon h3{font-size:17px}.genre{margin:0 4px 0 0;padding:9px 12px;min-height:40px}.genre span{display:inline;font-size:12px}.genre .ui-icon{display:none}.eyebrow{display:block;margin-left:0}.sidebar-note{display:none}aside>.eyebrow{display:none}.toolbar{gap:10px}.pills{gap:5px}.pill{padding:8px 12px}.feature-row{gap:13px;margin:28px 0 32px}.feature-row .panel{padding:20px}.gods-grid{gap:18px}.god-dialog h2{font-size:18px}.god-dialog .secondary{min-height:40px}footer{padding:22px 20px}.footer-main{align-items:start;font-size:11px}.footer-main>span{max-width:190px}.footer-fine{gap:8px 18px;line-height:1.6}.footer-status{width:100%;margin:3px 0 0;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.god-card:hover,.primary:active,.secondary:active{transform:none!important}}

#genres{scrollbar-width:none}#genres::-webkit-scrollbar{display:none}.footer-fine a{display:inline-flex;align-items:center;min-height:24px}
