body{background:radial-gradient(ellipse at 20% 0%,#373247,#1b1c2b 45%,#12141f);--accent:#e4a5c3;--text-dim:#b8b0c7}
.portal{max-width:1320px}.site-header{border-bottom:1px solid #ffffff12;padding-bottom:24px}.brand h1{letter-spacing:.1em}.brand-icon{font-size:28px}.seo-intro{padding:22px 0 12px;margin:0;background:none;border:0}.seo-intro-title{font-size:20px}.seo-intro-text{font-size:14px;max-width:800px;line-height:1.8}
.experience-entrances{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 32px}
.experience-card{position:relative;display:flex;align-items:center;gap:22px;text-align:left;background:#25253399;border:1px solid #6d627855;border-radius:20px;color:#eee5f1;padding:26px;cursor:pointer;min-height:150px;font-family:inherit;transition:background .2s,border-color .2s}
.experience-card[aria-pressed=true]{border-color:#d2a6c5;background:linear-gradient(120deg,#403144,#282636);box-shadow:inset 0 0 0 1px #d2a6c522}
.entrance-type{font:500 58px Georgia,serif;letter-spacing:-3px;color:#a7a0b2}.entrance-3d .entrance-type{color:#e7bad1}.entrance-content{display:flex;flex-direction:column;gap:9px}.entrance-kicker{font-size:10px;letter-spacing:.2em;color:#baa6bd}.entrance-content strong{font-size:24px;letter-spacing:.06em;font-weight:600}.entrance-content>span:last-child{font-size:13px;color:#c0b6cb;line-height:1.6}.entrance-arrow{font-size:24px;margin-left:auto;color:#d5bbd1}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.catalog-heading h2{font-size:20px;font-weight:600;letter-spacing:.06em}.catalog-heading>span{font:12px system-ui;letter-spacing:.16em;color:#baadbe}.filter-bar{margin-bottom:22px}.filter-pill{font-size:13px}.filter-pill.active{background:#daa2c52b;border-color:#c99dba}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{border-radius:16px;background:#232432;border:1px solid #ffffff12;box-shadow:none}.card-cover{height:145px;filter:saturate(.65)}.cover-icon{font-size:46px}.card-name{font-size:18px}.card-desc{font-size:13px;line-height:1.75}.cover-edition{position:absolute;top:12px;right:12px;padding:4px 8px;border:1px solid #ffffff35;background:#11152299;border-radius:5px;font:600 11px system-ui;letter-spacing:.08em;color:#f5eafa}.cover-badge{display:none}.card-body{padding:20px}.card-play{font-size:13px;color:#eac2d8;border-top-color:#ffffff0b}.tag{font-size:11px}.game-card:hover{border-color:#b89cb84d;transform:translateY(-3px)}
html[data-experience=2d] .card-cover{filter:saturate(.45)}html[data-experience=2d] .entrance-2d[aria-pressed=true]{background:linear-gradient(130deg,#303543,#242834);border-color:#a6bdcf}
.root-experience{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.root-experience button{display:flex;flex-direction:column;gap:8px;padding:18px;background:#ffffff05;border:1px solid #ffffff1a;color:#dfd5e8;border-radius:12px;text-align:left;cursor:pointer;font-family:inherit}.root-experience button[aria-pressed=true]{background:#c59bb327;border-color:#d6aac4}.root-experience strong{font-size:19px}.root-experience span{font-size:12px;color:#c5b6cd}.lang-card{max-width:740px;background:#242431bf;border-color:#ffffff18}.lang-brand{font-size:34px}
button:focus-visible,a:focus-visible{outline:2px solid #f6d6a7;outline-offset:4px}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-card{padding:22px;gap:16px}.entrance-type{font-size:44px}.entrance-content strong{font-size:21px}}
@media(max-width:700px){.experience-entrances{grid-template-columns:1fr;gap:12px;margin:16px 0 24px}.experience-card{padding:20px;min-height:118px}.entrance-type{font-size:44px}.entrance-content strong{font-size:21px}.entrance-content>span:last-child{font-size:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-cover{height:115px}.card-body{padding:14px}.card-name{font-size:16px}.card-desc{font-size:12px}.seo-intro-title{font-size:18px}.seo-intro-text{font-size:13px}.root-experience strong{font-size:17px}.lang-brand{font-size:29px}}
@media(max-width:360px){.game-grid{grid-template-columns:1fr}.entrance-content strong{font-size:19px}.entrance-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Mode selection is navigation, not a second hero section. */
.experience-entrances{gap:12px;margin:14px 0 20px}
.experience-card{min-height:88px;padding:16px 20px;gap:14px;border-radius:14px}
.entrance-type{font-size:36px}.entrance-content strong{font-size:19px;letter-spacing:0}
.site-header{padding-bottom:16px}.seo-intro{padding:14px 0 6px}
@media(max-width:700px){
 .experience-entrances{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}
 .experience-card{min-height:72px;padding:10px;gap:8px}
 .entrance-type{font-size:24px;letter-spacing:-1px}.entrance-content strong{font-size:15px}
 .entrance-arrow{display:none}.catalog-heading{margin-bottom:12px}.filter-bar{margin-bottom:14px}
 .card-body{padding:12px}.site-footer{padding-top:24px}
}