:root{--bg:#151719;--panel:#1e2124;--panel-2:#24282b;--line:#353a3d;--text:#f5f3eb;--muted:#afb5b8;--lime:#d3f38b;--orange:#f4936b;--shadow:0 16px 44px #0002;color-scheme:dark}
:root[data-theme=light]{--bg:#f4f3ed;--panel:#fffefa;--panel-2:#e9eae1;--line:#d6d9cc;--text:#252b28;--muted:#5b655e;--lime:#d3ef9a;--orange:#b94b29;--shadow:0 16px 44px #303b1710;color-scheme:light}
*{box-sizing:border-box}body{font:16px/1.5 "Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);margin:0}h1,h2,h3,p{margin:0}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69aaa7;outline-offset:4px}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:48px;padding:12px}label{display:block;margin:16px 0 6px;font-weight:600;font-size:14px}::selection{background:#d3ef9a;color:#25301f}.skip-link{position:fixed;top:-90px;right:20px;background:var(--lime);color:#202a19;padding:12px;z-index:90}.skip-link:focus{top:12px}
.site-header{max-width:1360px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:64px;height:94px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;position:relative;gap:1px;align-items:center;font:900 39px/1 Arial,sans-serif;letter-spacing:-4px;margin:0;flex-shrink:0}.brand span{color:var(--orange);font-weight:400}.brand i{width:6px;height:6px;border-radius:50%;background:var(--lime);align-self:flex-start;letter-spacing:0;margin:1px 5px 0 0}.site-header nav{display:flex;gap:34px;font-size:15px;color:var(--muted);font-weight:600}.site-header nav a{min-height:48px;display:flex;align-items:center}.site-header nav a:hover{color:var(--text)}.header-actions{display:flex;gap:20px;align-items:center;margin-inline-start:auto}.icon-button{width:46px;height:46px;background:var(--panel);border:1px solid var(--line);border-radius:50%;font-size:25px}.profile-button{display:flex;align-items:center;gap:11px;font-size:14px;min-height:48px;color:var(--text)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#a0b5a2;color:#20352a;font-size:14px;font-weight:700}.shell{max-width:1360px;margin:0 auto;padding:0 32px}.welcome-line{display:flex;justify-content:space-between;align-items:center;margin:25px 0;font-size:13px;color:var(--muted)}.online-dot{font-size:12px;display:flex;align-items:center;gap:8px}.online-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#9cc66a;box-shadow:0 0 0 4px #9cc66a13}
.hero{height:570px;border-radius:16px;overflow:hidden;position:relative;isolation:isolate;color:#fff7e8;background:#6b7f80;border:1px solid #ffffff14}.hero #hero-world{position:absolute;inset:0}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#151b1bd9,transparent 78%),linear-gradient(0deg,#151b1bdd,transparent 45%)}.hero-copy{position:absolute;right:48px;top:40px;width:445px}.hero .tag{font-size:12px;letter-spacing:0;direction:rtl;background:#26372e8c;border:1px solid #f6fae94f;padding:7px 12px;border-radius:5px;color:#f4f4e8;backdrop-filter:blur(4px)}.hero-kicker{margin-top:22px;color:#e0dfd2;font-size:16px}.hero h1{font:900 clamp(74px,7.5vw,112px)/.84 Impact,"Arial Black",sans-serif;letter-spacing:-1px;margin:17px 0 23px;text-align:right}.hero h1 span{color:#ffb68a}.hero-copy>p:not(.hero-kicker){font-size:16px;line-height:1.75;color:#e2e2d5;margin:0}.hero-buttons{display:flex;gap:12px;margin-top:25px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px;font-size:14px;line-height:1.2;font-weight:700;border-radius:7px;transition:background .16s,transform .16s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--lime);color:#273323}.button.primary:hover{background:#e0ffaa}.button.glass{color:#fff7e8;border:1px solid #e8e8d979;background:#171e224d;backdrop-filter:blur(4px)}.button.outline{border:1px solid var(--line);color:var(--text);background:var(--panel)}.button.subtle{background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.button.full{width:100%;margin-top:18px}.hero-bottom{position:absolute;bottom:24px;right:48px;left:48px;display:flex;gap:25px;font-size:12px;color:#e3e6da}.hero-bottom span{display:inline-flex;align-items:center;gap:7px}.hero-bottom span+span:before{display:none}.hero-bottom i{height:6px;width:6px;background:#cfed99;border-radius:50%}.hero-bottom a{margin-inline-start:auto}.hero-edition{position:absolute;left:34px;top:33px;font-size:11px;letter-spacing:2px;color:#f2efdd;writing-mode:vertical-rl}
section[id]{scroll-margin-top:24px}.catalog-section{margin:55px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px!important;color:var(--muted);font-weight:500;letter-spacing:0!important;margin:0 0 8px!important;direction:inherit}.section-heading h2,h2{font-size:29px;line-height:1.25;letter-spacing:-.6px}.section-description{font-size:14px;color:var(--muted)}.game-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;box-shadow:var(--shadow)}.card-art{height:218px;position:relative;overflow:hidden;background:#6d7978;color:#fff6e7;isolation:isolate}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171c21da,transparent 65%);z-index:-1}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.game-card:hover .card-art img{transform:scale(1.025)}.card-art h3{position:absolute;bottom:14px;right:20px;left:20px;font:900 39px/.95 Impact,"Arial Black",sans-serif;letter-spacing:.5px;text-align:right;text-shadow:0 2px 12px #0005}.card-genre{position:absolute;top:16px;right:17px;background:#152124b8;border:1px solid #f2f3e437;padding:4px 9px;border-radius:4px;font-size:11px;backdrop-filter:blur(6px)}.card-content{padding:20px}.card-content>p{font-size:14px;line-height:1.65;min-height:47px;color:var(--text)}.card-meta{font-size:11px;color:var(--muted);margin:13px 0 17px}.card-actions{display:flex;gap:9px}.card-actions .button{flex:1;gap:8px;padding:12px 10px;font-size:12px;min-height:45px}.deus-banner{display:flex;align-items:center;gap:27px;padding:28px 32px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0 55px}.deus-symbol{width:78px;height:78px;display:grid;place-items:center;border:1px solid #85947c;border-radius:50%;background:radial-gradient(#becf8433,transparent);font:500 39px Georgia,serif;flex-shrink:0}.deus-banner h2{font-size:25px}.deus-banner p:not(.eyebrow){font-size:14px;color:var(--muted);margin:9px 0}.deus-banner small{display:block;font-size:12px;color:var(--muted)}.deus-banner>.button{margin-inline-start:auto}.rooms-section{margin:50px 0}.room-filters{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:0 0 15px}.filter{font-size:13px;min-height:44px;padding:9px 14px;color:var(--muted);border-radius:6px}.filter.active{background:var(--panel-2);color:var(--text)}.room-filters>span{font-size:12px;color:var(--muted);margin-inline-start:auto}.room-list{border-top:1px solid var(--line)}.room{display:grid;grid-template-columns:48px minmax(0,1.5fr) 1fr 1fr 112px;gap:20px;padding:18px 4px;align-items:center;border-bottom:1px solid var(--line)}.room-icon{background:var(--panel-2);color:var(--text);width:44px;height:44px;border-radius:7px;display:grid;place-items:center;font-size:24px}.room-icon.city,.room-icon.roleplay,.room-icon.race{background:#98715430;color:var(--orange)}.room-name{font-size:14px;overflow-wrap:anywhere}.room-name small{display:block;font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:0}.room-detail,.room-detail b{font-size:12px;color:var(--muted)}.room-state{font-size:11px;color:var(--muted)}.room-join{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;min-height:44px;font-size:12px;padding:9px 12px}.room-join:hover{background:var(--lime);color:#273323}.empty{font-size:14px;line-height:1.8;color:var(--muted);padding:36px 16px;white-space:pre-line}
.community-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;margin:50px 0 65px}.board,.leaderboard{padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0}.board .section-heading{margin-bottom:18px}.posts{height:215px;overflow:auto}.post{grid-template-columns:34px 1fr;gap:12px}.post-avatar{width:34px;height:34px;font-size:12px;background:var(--panel-2);border-color:var(--line);color:var(--text)}.post header{font-size:13px;color:var(--text)}.post time{font-size:11px;color:var(--muted)}.post p{font-size:14px;color:var(--text);line-height:1.6}.post-form{border:1px solid var(--line);border-radius:7px;display:flex;margin-top:18px}.post-form input{min-width:0;background:var(--panel-2);font-size:15px;padding:12px;color:var(--text)}.post-form button{min-width:48px;background:var(--lime);color:#273323;font-size:22px}.community-note{font-size:11px;color:var(--muted);margin:9px 0 0}.leaderboard h2{font-size:29px}.leaderboard .muted,.muted{font-size:13px;color:var(--muted);line-height:1.6}.leaderboard .muted{margin:10px 0 18px}.leader{font-size:14px;padding:13px 0;border-bottom:1px solid var(--line)}.leader>span:first-child{color:var(--muted);font-size:12px}.leader strong{font-size:14px;color:var(--text)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0 35px;direction:rtl}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}.footer-brand{font-size:27px}.footer-brand span{font-size:11px;color:var(--muted);letter-spacing:0;margin-left:12px}
dialog{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:34px;max-width:480px;width:calc(100% - 32px);box-shadow:0 25px 100px #0006}dialog::backdrop{background:#101519ba;backdrop-filter:blur(7px)}dialog h2{font-size:28px;margin-bottom:14px}dialog p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.75;margin:12px 0}.dialog-close{width:44px;height:44px;position:absolute;left:6px;top:6px;color:var(--muted);font-size:27px}.dialog-actions{display:flex;gap:10px;margin:20px 0}.dialog-actions .button{padding:12px 14px}.text-button{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid var(--line);color:var(--text)}.form-error{color:#e57c61!important}.toast{font-size:14px;background:#d6edb2;color:#25321e;border-radius:8px;line-height:1.5}.hidden{display:none!important}.game{color:#f3f6e9;--lime:#d3f38b}.game h2{color:#f3f6e9}.game-top{z-index:5}.game-pause{z-index:4}.touch-controls{pointer-events:none}.touch-controls>*{pointer-events:auto}.game-pause>div{background:#1b2528ef;border-color:#7180806b}.game-pause .eyebrow{color:#ced9ca}.game-top button,.chat-toggle{min-height:44px}.touch-device #touch-jump{position:absolute;bottom:190px;right:45px;width:48px;height:48px;border:1px solid #d3eec4;border-radius:50%;background:#152b20bb;font-size:25px}.touch-device #touch-reload,.touch-device #touch-interact{width:48px;height:48px}.game-pause p:not(.eyebrow){font-size:14px}.game-pause .small{font-size:12px!important}
@media(max-width:1100px){.site-header{gap:38px;padding:0 24px}.shell{margin:auto;padding:0 24px}.game-catalog{gap:18px}.card-art{height:190px}.card-content{padding:16px}.card-actions{flex-wrap:wrap}.card-actions .button{padding:11px 8px;font-size:12px}.hero{height:545px}.hero h1{font-size:92px}.deus-banner{gap:20px;padding:25px}.deus-banner p:not(.eyebrow){max-width:430px}.room{grid-template-columns:44px minmax(0,1.3fr) 1fr 100px}.room-state{display:none}}
@media(max-width:800px){.site-header{height:84px;gap:28px}.site-header nav{gap:21px;font-size:14px}.header-actions{gap:10px}.profile-button #profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hero-copy{right:32px;width:395px}.hero h1{font-size:90px}.hero-bottom{right:32px;left:32px}.hero-edition{display:none}.hero-shade{background:linear-gradient(270deg,#151b1be6,transparent 110%),linear-gradient(0deg,#151b1bdd,transparent 50%)}.deus-symbol{display:none}.deus-banner{flex-wrap:wrap;gap:10px}.deus-banner>.button{margin-inline-start:0}.community-grid{grid-template-columns:1fr;gap:24px}.section-description{max-width:200px;font-size:13px}.room-detail{font-size:11px}.board,.leaderboard{padding:24px}.catalog-section{margin:42px 0}.hero{height:550px}.section-heading h2{font-size:27px}}
@media(max-width:560px){.site-header{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto;padding:17px 18px 0;gap:12px}.brand{font-size:34px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-around;gap:0;font-size:14px;border-top:1px solid var(--line);margin-top:3px}.site-header nav a{justify-content:center;flex:1;min-height:45px}.header-actions{grid-row:1;grid-column:2;margin:0}.profile-button{min-height:40px;font-size:13px}.avatar{width:28px;height:28px}.icon-button{width:40px;height:40px;font-size:24px}.shell{padding:0 16px;margin:auto}.welcome-line{font-size:11px;margin:18px 0}.online-dot{font-size:10px}.hero{height:545px;border-radius:11px}.hero-copy{right:25px;left:25px;top:26px;width:auto}.hero img{object-position:46% center}.hero .tag{font-size:10px;padding:6px 9px}.hero-kicker{font-size:14px;margin-top:28px}.hero h1{font-size:85px;margin:20px 0 23px;letter-spacing:-1px}.hero-copy>p:not(.hero-kicker){font-size:14px;line-height:1.8}.hero-buttons{gap:10px;margin-top:23px}.hero-buttons .button{font-size:13px;gap:12px;padding:13px 16px}.hero-bottom{right:25px;left:25px;bottom:22px;gap:13px;font-size:10px;flex-wrap:wrap}.hero-bottom a{display:none}.hero-shade{background:linear-gradient(270deg,#151b1bcf,#151b1b45),linear-gradient(0deg,#151b1bdd,transparent 70%)}.section-heading{align-items:center;gap:12px;margin-bottom:20px}.section-description{display:none}.section-heading h2{font-size:25px}.eyebrow{font-size:11px!important}.game-catalog{grid-template-columns:1fr;gap:20px}.card-art{height:225px}.card-art h3{font-size:44px;right:21px;bottom:17px}.card-content{padding:20px}.card-content>p{font-size:14px;min-height:0}.card-meta{font-size:12px}.card-actions .button{font-size:13px;min-height:47px}.card-actions{flex-wrap:nowrap}.deus-banner{padding:23px;margin:10px 0 40px}.deus-banner h2{font-size:23px}.deus-banner p:not(.eyebrow){font-size:14px}.deus-banner small{font-size:11px}.deus-banner>.button{margin-top:10px}.room-filters{gap:3px}.filter{padding:9px 10px;font-size:12px}.room-filters>span{width:100%;margin-top:6px;font-size:11px}.room{grid-template-columns:37px minmax(0,1fr) 87px;gap:11px;padding:15px 0}.room-icon{width:36px;height:40px;font-size:21px}.room-name{font-size:13px}.room-name small{font-size:10px}.room-detail{grid-column:2;grid-row:2;font-size:11px;margin-top:-4px}.room-join{grid-column:3;grid-row:1 / span 2;padding:8px;font-size:11px}.room-detail b{font-size:11px}.room-state{display:none}.section-heading>.button{font-size:12px;padding:12px;min-height:44px}.community-grid{margin:40px 0;gap:20px}.board,.leaderboard{padding:21px}.board h2,.leaderboard h2{font-size:24px}.posts{height:230px}.post p{font-size:14px}.post-form input{font-size:16px}.community-note{font-size:10px}footer{flex-wrap:wrap;padding:25px 0;gap:15px}footer p,footer>a:last-child{font-size:11px}.footer-brand{font-size:25px}.footer-brand span{font-size:10px}dialog{padding:30px 23px}dialog h2{font-size:25px}.game-pause>div{padding:25px;max-width:calc(100vw - 30px)}.game-pause h2{font-size:28px}.game-pause p:not(.eyebrow){font-size:13px}.game-pause .small{font-size:11px!important}.game-network>span{display:none}.touch-device .game-network button{font-size:12px;min-height:44px;padding:9px}.touch-device #minimap{width:90px;height:90px}.touch-device .objective{top:185px;font-size:11px;width:130px;max-width:130px}.touch-device .game-chat{max-width:155px}.game-notice{max-width:70vw}.touch-device .game-brand{font-size:23px}.touch-device .scoreline{gap:9px}.touch-device .game-top{padding:10px}.touch-device #joystick{left:22px;width:105px;height:105px}.touch-device #touch-fire{right:23px;width:70px;height:70px}.touch-device #touch-reload,.touch-device #touch-interact{right:110px}.touch-device #touch-jump{right:35px}.touch-device .game-bottom{left:18px;right:18px}.touch-device .health b{font-size:28px}.touch-device .ammo-panel b{font-size:28px}.touch-device .status-label{font-size:9px}.touch-device .ammo-panel small{font-size:8px}}
@media(max-width:350px){.hero h1{font-size:73px}.hero-copy{right:21px;left:21px}.hero-buttons .button{padding:12px;font-size:12px}.hero-bottom{right:21px}.hero{height:525px}.profile-button #profile-name{max-width:75px}.game-top .game-brand{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
:root{--hud-surface:#10181bdd}
.agent-panel{position:absolute;left:28px;top:90px;padding:12px 15px;background:var(--hud-surface);border:1px solid #d9f3ce33;border-radius:8px;display:flex;flex-direction:column;gap:4px;direction:rtl;max-width:245px;z-index:3;backdrop-filter:blur(9px)}
.agent-panel b{font-size:10px;letter-spacing:1.2px;color:#d3f38b}.agent-panel span{font-size:10px;color:#e2e9e4}.agent-panel button{font-size:11px;background:#e3a078;color:#1f272a;border-radius:4px;padding:7px 10px;margin-top:5px}
.game.low-health .game-vignette{background:radial-gradient(ellipse at center,transparent 35%,#b9191a66 100%)}
.game-network #game-sound{font-size:10px}.game-network #game-sound[aria-pressed=false]{opacity:.6}
.touch-device .agent-panel{left:15px;top:70px;max-width:160px;padding:8px 10px}.touch-device .agent-panel span{display:none}.touch-device .agent-panel button{padding:6px;font-size:10px}.touch-device .killfeed{top:160px}
@media(max-width:760px){.game-network #game-sound{max-width:38px;overflow:hidden;font-size:8px;padding:5px}.agent-panel{left:15px;top:72px}}
/* Westside: warm neighborhood identity, shared by the actual district viewer. */
:root{--lime:#d9bb83;--orange:#cc8f63;--district-cream:#f0e6d0;--district-ink:#171d1a;--district-muted:#a7aaa0}
body{background:#171a17}.site-header{background:#171a17;border-color:#ffffff12}.brand span{color:#d9bb83}.welcome-line{letter-spacing:1.6px}.hero.district-hero{height:650px;border-radius:2px;background:#6f7b76}.district-hero #hero-world img{object-position:38% 58%;filter:saturate(.88)}.district-hero .hero-shade{background:linear-gradient(270deg,#17201be0 0%,#1b221b91 38%,#171e1512 77%),linear-gradient(0deg,#141e19b3,transparent 38%)}.district-hero .hero-copy{top:52px;right:52px;width:470px}.district-hero .tag{background:transparent;border:1px solid #eadcb863;color:#eadcb8;font-size:11px;border-radius:0;letter-spacing:.5px}.district-hero .hero-kicker{margin-top:24px;font-size:18px;color:#e8e4d6}.district-hero h1{font-family:Impact,'Arial Black',sans-serif;font-size:145px;letter-spacing:-5px;line-height:.79;margin:24px 0 28px;color:#eee5d3}.district-hero h1 span{color:#d3ae74}.district-hero .hero-copy>p:not(.hero-kicker){font-size:17px;line-height:1.7;color:#e5e1d1}.district-hero .hero-buttons{margin-top:26px}.district-hero .button{min-height:51px;border-radius:2px}.district-hero .hero-bottom{right:52px;left:52px;bottom:27px;font-size:11px}.district-hero .hero-edition{letter-spacing:2px;right:auto;left:28px;top:27px;font-size:9px;color:#f2e9d4}.button.primary{background:#dcc08a;color:#20281f}.button.primary:hover{background:#f0d7a5}.avatar{background:#d9bd88}.district-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #c2c3aa24;margin:0 0 46px}.district-features article{padding:30px 30px 30px 0}.district-features article+article{border-right:1px solid #c2c3aa24;padding-right:30px}.district-features article>span{font-size:10px;letter-spacing:2px;color:#b8a17c}.district-features h2{font-size:23px;margin:13px 0 10px;letter-spacing:-.5px}.district-features p{font-size:13px;line-height:1.8;color:#9fa89c;max-width:300px}.district-features a,.district-features button{display:inline-block;padding:0 0 5px;margin-top:17px;border-bottom:1px solid #d1b57b66;font-size:12px;color:#dfc490}.district-card .card-art img{filter:saturate(.8)}.district-roleplay .card-art img{object-position:72% center;transform:scale(1.2)}.district-race .card-art img{object-position:23% center;transform:scale(1.35)}.card-art{border-radius:2px 2px 0 0}.game-card{border-radius:3px;background:#20251f;border-color:#9dac9924}.card-content{background:#20251f}.deus-banner{background:#232a22;border-color:#c3d5a830}.deus-symbol{color:#d9bc87}.room-join{background:#293328;border-color:#64705355}.room-join:hover{background:#d9bc87}.district-street{display:none;position:absolute;left:28px;bottom:142px;z-index:2;color:#e9dfc7;font-size:9px;letter-spacing:2px;text-shadow:0 2px 5px #000}.district-street span{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:27px;letter-spacing:1px;margin-top:5px}.district-game .district-street{display:block}.district-game .game-vignette{background:radial-gradient(ellipse at center,transparent 54%,#1e241d6e)}.district-game #minimap{border-radius:50%;border:4px solid #ece4ce99;box-shadow:0 4px 22px #1520187a;bottom:26px;top:auto;left:28px;right:auto;width:115px;height:115px}.district-game .game-bottom{left:166px}.district-game .objective{top:110px;color:#ede5d4;border-right:2px solid #dec190;padding-right:12px;background:#243129ab;backdrop-filter:blur(5px)}.district-game .game-brand span{color:#d5b47e}.district-game .health b,.district-game .ammo-panel b{text-shadow:2px 3px 0 #19231b;font-family:Impact,'Arial Black',sans-serif}.district-game .health>div>i{background:#a7c39a}.district-game .agent-panel{background:#1d2b22ca;border-color:#c7c19e44}.game-network #game-quality{padding:6px 8px;max-width:92px;font-size:10px;background:#1c2721c9;border-color:#d4ceab40;color:#e8e1cc;border-radius:3px}.district-game .game-chat{bottom:168px}.district-game .game-top{background:linear-gradient(#172018a1,transparent)}
/* Public model viewer: a single WebGL canvas, no lobby/session requests. */
.district-page{overflow:hidden;background:#20291e}.district-page>.site-header,.district-page>.shell,.district-page>.skip-link{display:none}.district-viewer{position:fixed;inset:0;overflow:hidden;background:#adbfbc;color:#eee6d3;direction:rtl;isolation:isolate}.district-canvas,.district-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.district-lens{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#1723197a,transparent 21%,transparent 68%,#142219bb),linear-gradient(270deg,#19271d70,transparent 52%);z-index:1}.district-header{position:absolute;left:38px;right:38px;top:28px;z-index:3;display:flex;justify-content:space-between;align-items:center;direction:ltr}.district-mark{font-weight:900;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:25px}.district-mark span{font-family:Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.8;border-left:1px solid #eeead55c;padding-left:24px}.district-back{font-size:12px;padding:12px 17px;border:1px solid #eee5ce6b;background:#24322666;backdrop-filter:blur(8px)}.district-title{position:absolute;right:5%;top:21%;z-index:2;text-shadow:0 3px 15px #21312344;pointer-events:none}.district-overline{font-size:9px;letter-spacing:2.5px;color:#e1c995}.district-title h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(58px,6.7vw,102px);line-height:.96;letter-spacing:-2px;margin:24px 0 20px;text-align:right;font-weight:400}.district-title h1 em{font-style:normal;color:#dec391}.district-title p{font-size:16px;color:#ede6d4}.district-location{position:absolute;left:40px;bottom:124px;z-index:2;text-align:left;display:grid;gap:8px;text-shadow:0 2px 6px #0008}.district-location>span{font-size:10px;letter-spacing:3px;color:#e4c98f}.district-location b{font-family:Impact,'Arial Black',sans-serif;font-size:28px;letter-spacing:1px}.district-location small{font-size:11px;color:#dadfd2}.district-dock{position:absolute;z-index:3;bottom:25px;left:36px;right:36px;margin:0;padding:16px 20px;background:#1c2a22d9;border:1px solid #ebe0bd44;backdrop-filter:blur(14px);display:flex;align-items:center;gap:20px;direction:rtl}.district-view-modes{display:flex;gap:3px;align-items:center;flex-shrink:0}.district-view-modes button{padding:12px 15px;color:#b9c3b6;font-size:12px;border:1px solid transparent}.district-view-modes button.selected{background:#dfc696;color:#233020}.district-view-modes button:hover{border-color:#dac89c66}.district-view-modes .district-pause{min-width:42px;border-color:#d5d6bb44}.district-dock p{margin:0;font-size:11px;line-height:1.7;color:#b9c7b6;flex:1}.district-dock .district-quality{margin:0;font-size:10px;white-space:nowrap;color:#c2ceb9}.district-quality select{padding:8px;font-size:11px;background:#24372b;border-color:#adbb9d55;color:#e7e4cc;margin-right:7px}.district-fps{font:10px monospace;min-width:42px;color:#b7c5b0}.district-dock .district-play{font-size:12px;white-space:nowrap;color:#e5cd9a;letter-spacing:0;border-right:1px solid #d9d5b549;padding-right:17px}.district-loading{position:absolute;inset:0;z-index:4;background:#1b2c24f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;padding:24px}.district-loading b{font-size:24px;color:#e8d4ab}.district-loading>span:not(.district-loader){font-size:13px;color:#bacbb6}.district-loader{width:44px;height:44px;border:2px solid #c1c7a32e;border-top-color:#e1c38a;border-radius:50%;animation:district-spin 1s linear infinite}.district-retry{border:1px solid #dac89c88;padding:12px 24px;color:#e5c797}.district-walk-controls{position:absolute;z-index:3;left:36px;bottom:135px;text-align:center}.district-walk-controls button{width:46px;height:46px;border:1px solid #e3d7b764;background:#253f31a6;margin:3px;border-radius:4px;font-size:22px;touch-action:none}.district-viewer[data-mode=walk] .district-location{bottom:auto;top:112px}.district-viewer[data-mode=walk] .district-lens{background:linear-gradient(#17231955,transparent 15%,transparent 80%,#17231966)}@keyframes district-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.district-dock .district-help{display:none}.district-title{top:24%}.district-dock{gap:12px}.district-dock .district-play{margin-right:auto}.district-hero .hero-copy{right:35px}.district-hero .hero-bottom{right:35px;left:35px}.district-features p{font-size:12px}}
@media(max-width:760px){.hero.district-hero{height:620px}.district-hero .hero-copy{right:26px;left:26px;top:43px;width:auto}.district-hero h1{font-size:128px;margin:24px 0;letter-spacing:-4px}.district-hero .hero-kicker{font-size:15px}.district-hero .hero-copy>p:not(.hero-kicker){font-size:15px}.district-hero .hero-edition{left:18px;top:17px;font-size:7px}.district-hero .hero-bottom{right:26px;left:20px;bottom:23px;font-size:10px;gap:9px}.district-hero .hero-bottom span+span:before{display:none}.district-hero .hero-buttons{gap:8px}.district-hero .hero-buttons .button{font-size:12px;padding:13px 14px}.district-features{display:block;margin-bottom:33px}.district-features article,.district-features article+article{padding:22px 0;border-right:0;border-bottom:1px solid #c2c3aa20}.district-features article:last-child{border-bottom:0}.district-features h2{font-size:22px}.district-features p{max-width:none}.district-features a,.district-features button{margin-top:10px}.district-header{left:19px;right:19px;top:19px}.district-mark{font-size:28px;gap:12px}.district-mark span{font-size:7px;letter-spacing:1px;padding-left:12px}.district-back{padding:10px;font-size:10px}.district-title{right:23px;left:23px;top:22%}.district-overline{font-size:7px;letter-spacing:1.8px}.district-title h1{font-size:66px;letter-spacing:-1px;margin:20px 0}.district-title p{font-size:12px;max-width:230px;line-height:1.8}.district-dock{left:14px;right:14px;bottom:14px;padding:11px;flex-wrap:wrap;gap:10px}.district-view-modes{flex:1;gap:1px}.district-view-modes button{padding:11px 12px;font-size:11px}.district-dock .district-quality{order:3;font-size:9px}.district-quality select{font-size:10px;padding:6px}.district-fps{order:4;margin-right:auto;font-size:9px}.district-dock .district-play{order:5;font-size:10px;border:0;padding:0;margin:0}.district-location{left:22px;bottom:150px}.district-location b{font-size:22px}.district-location small{font-size:9px}.district-location>span{font-size:8px}.district-walk-controls{left:18px;bottom:150px}.district-street{left:17px;bottom:155px;font-size:8px}.district-street span{font-size:19px}.district-game #minimap{left:17px;bottom:52px;width:92px;height:92px}.district-game .game-bottom{left:122px;right:14px;bottom:48px}.district-game .game-chat{bottom:193px}.district-game .objective{top:182px}.game-network #game-quality{max-width:65px;font-size:9px;padding:5px}.district-game .game-top{padding:11px}.district-game .agent-panel{top:72px}.district-game.touch-device #minimap{bottom:173px;width:73px;height:73px}.district-game.touch-device .district-street{display:none}.district-game.touch-device .game-bottom{left:15px;bottom:14px}.district-game.touch-device .game-chat{display:none}}
@media(prefers-reduced-motion:reduce){.district-loader{animation:none}.district-viewer .district-title{transition:none}}
.district-canvas canvas:focus-visible{outline:2px solid #e0c78a;outline-offset:-3px}

/* Coastal collection: clear water, pale sand and a readable local radar. */
.coast-hero h1{font-size:clamp(58px,7.4vw,102px);letter-spacing:-3px;line-height:.94}.coast-hero .hero-copy{width:540px}.coast-hero .hero-copy>p:not(.hero-kicker){max-width:470px}.coast-hero #hero-world img{object-position:50% 60%;filter:saturate(.97)}.coast-hero .hero-shade{background:linear-gradient(270deg,#15322ae0,#17352b7a 42%,transparent 82%),linear-gradient(0deg,#142a25b0,transparent 36%)}.coast-viewer .district-lens{background:linear-gradient(#132e3455,transparent 22%,transparent 68%,#152e32aa)}.coast-viewer .district-overline{color:#d1e0ca}.coast-viewer .district-title h1 em{color:#eddbb5}.coast-viewer .district-dock{background:#173338d9;border-color:#dbe5d94a}.coast-viewer .district-title h1{font-size:clamp(55px,6.3vw,96px)}.coast-viewer .district-loading{background:#173438f5}.coast-viewer .district-location>span{color:#ccded2}
@media(max-width:760px){.coast-hero .hero-copy{width:auto}.coast-hero h1{font-size:clamp(53px,11vw,80px);letter-spacing:-2px;line-height:1.04}.coast-viewer .district-title h1{font-size:clamp(47px,9.6vw,66px)}.coast-viewer .district-title p{max-width:280px}}

/* Hebrew portal — a shared visual system for the lobby and welcome film. */
:root {
  --bg:#101614; --panel:#19221e; --panel-2:#232e28; --line:#ffffff16;
  --text:#f2f5ec; --muted:#a8b7ac; --lime:#cefb79; --orange:#cefb79;
  --shadow:0 18px 45px #00000012; --portal-font:"Segoe UI",Arial,sans-serif;
}
:root[data-theme=light] {
  --bg:#f2f4ee; --panel:#ffffff; --panel-2:#e4ebe0; --line:#26382a20;
  --text:#17261e; --muted:#516557; --lime:#c4f475; --orange:#325928;
}
html { scroll-behavior:smooth; scrollbar-color:#536b58 var(--bg); }
html[data-intro-open=true] { overflow:hidden; }
body { background:var(--bg); font-family:var(--portal-font); color:var(--text); }
::selection { background:var(--lime); color:#182519; }
.site-header { max-width:1488px; height:100px; padding:0 48px; gap:60px; background:transparent; border:0; }
.brand { font-size:40px; letter-spacing:-4px; }
.brand span { color:var(--lime); }
.brand i { position:static; align-self:flex-start; margin:2px 4px 0 0; }
[data-theme=light] .brand span { color:#528129; }
.site-header nav { font-size:14px; gap:30px; }
.site-header nav a { position:relative; }
.site-header nav a:after { content:""; position:absolute; right:0; bottom:3px; height:2px; width:0; background:var(--lime); transition:width .2s; }
.site-header nav a:hover:after { width:100%; }
.header-actions { gap:16px; }
.icon-button { width:42px; height:42px; min-height:42px; border:0; background:transparent; color:var(--muted); }
.profile-button { padding:6px 8px 6px 16px; border-radius:40px; background:var(--panel); gap:9px; }
.profile-button .avatar { background:var(--lime); color:#21311e; width:32px; height:32px; }
.intro-replay { display:flex; align-items:center; gap:7px; min-height:44px; font-size:13px; color:var(--muted); }
.intro-replay span { font-size:20px; }
.shell { max-width:1488px; padding:0 48px; margin:0 auto; }
.welcome-line { margin:16px 0 24px; letter-spacing:0; font-size:12px; }
.welcome-line b { font-weight:400; }
.welcome-divider { margin:0 12px; opacity:.4; }
.online-dot { font-size:12px; }
.online-dot:before { background:#c5ee8e; box-shadow:0 0 0 4px #c5ee8e0d; }
.hero.district-hero { height:650px; border-radius:24px; border:0; background:#243c37; }
.coast-hero #hero-world img { object-position:50% 60%; filter:saturate(1.12); }
.coast-hero .hero-shade { background:linear-gradient(270deg,#0d201deb 0%,#142f28c2 32%,#122b2533 75%),linear-gradient(0deg,#0e211ee0,transparent 42%); }
.district-hero .hero-copy { top:64px; right:64px; width:calc(100% - 128px); max-width:670px; }
.district-hero .tag { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:0; border-radius:30px; color:#e6f5df; background:#d0f8bd14; font-size:12px; letter-spacing:0; }
.tag i { width:6px; height:6px; background:#ccf789; border-radius:50%; }
.district-hero .hero-kicker { margin-top:26px; font-size:16px; color:#d4e1d6; }
/* Segoe/Arial Black lack Hebrew on Windows; use their complete Bold faces. */
.district-hero h1 { font-family:var(--portal-font); font-size:clamp(48px,5.5vw,82px); font-weight:700; line-height:1.08; letter-spacing:-3px; margin:15px 0 23px; color:#fffef5; }
.district-hero h1 span { color:#cefb79; }
.district-hero .hero-copy>p:not(.hero-kicker) { max-width:470px; font-size:16px; line-height:1.85; color:#d3dfd6; }
.district-hero .hero-buttons { margin-top:30px; gap:12px; }
.button { min-height:50px; border-radius:12px; padding:14px 23px; font-size:14px; }
.button.primary { background:var(--lime); color:#172a15; border:0; box-shadow:none; }
.button.primary:hover { background:#dfffaa; }
.district-hero .button { min-height:54px; border-radius:12px; }
.button.glass { border:1px solid #ffffff32; color:#f3f8ef; background:#17312870; }
.button.outline,.button.subtle { background:var(--panel-2); color:var(--text); border:0; }
.play-circle { border:1px solid #ffffff66; border-radius:50%; width:23px; height:23px; display:grid; place-items:center; font-size:13px; padding-left:2px; }
.district-hero .hero-bottom { right:64px; left:64px; bottom:29px; padding-top:20px; border-top:1px solid #ffffff22; gap:28px; font-size:11px; color:#dbe8dc; align-items:center; }
.hero-bottom b { font:500 23px/1 Arial,sans-serif; color:#f0f7ea; margin-left:4px; }
.hero-bottom a { display:flex; align-items:center; gap:20px; }
.hero-bottom a span { font-size:22px; color:#cefb79; }
.district-hero .hero-edition { writing-mode:horizontal-tb; direction:rtl; display:flex; gap:12px; align-items:center; top:auto; bottom:126px; right:auto; left:42px; font-size:11px; letter-spacing:0; color:#e3eddf; }
.hero-edition>span { font:300 57px/1 Arial,sans-serif; }
.hero-edition p { line-height:1.7; }
.district-features { border:0; margin:36px 0 85px; gap:40px; }
.district-features article,.district-features article+article { padding:0; border:0; }
.district-features article>span { display:flex; gap:14px; align-items:center; color:var(--muted); font-size:12px; letter-spacing:0; }
.district-features article>span b { font:12px Arial,sans-serif; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--panel-2); color:var(--text); }
.district-features h2 { font-size:23px; margin:17px 0 8px; }
.district-features p { font-size:14px; line-height:1.7; color:var(--muted); max-width:none; }
.district-features a,.district-features button { font-size:13px; font-weight:600; color:var(--text); border:0; padding:8px 0; margin-top:10px; min-height:40px; }
.district-features a span,.district-features button span { margin-right:18px; color:var(--orange); }
section[id] { scroll-margin-top:24px; }
.catalog-section { margin:0 0 72px; }
.section-heading { gap:24px; margin-bottom:28px; }
.section-heading h2 { font-size:clamp(29px,3.1vw,42px); font-weight:700; letter-spacing:-1.3px; }
.heading-dot { color:var(--orange); }
.eyebrow { font-size:12px!important; color:var(--muted); margin:0 0 9px!important; }
.section-description { font-size:13px; line-height:1.8; }
.game-catalog { gap:26px; }
.game-card { border:0; border-radius:17px; background:var(--panel); box-shadow:none; transition:transform .25s,box-shadow .25s; }
.game-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.card-art { height:225px; border-radius:17px 17px 0 0; }
.card-art:after { background:linear-gradient(0deg,#0e221de8,transparent 85%); }
.card-art img,.district-card .card-art img { filter:saturate(1.06); transform:none; }
.card-art h3 { font-family:var(--portal-font); font-weight:700; font-size:34px; line-height:1.1; letter-spacing:-1px; right:24px; bottom:22px; color:#fcfff5; }
.card-genre { top:18px; right:20px; padding:5px 10px; background:#142a24b8; color:#f6ffec; border:0; border-radius:6px; font-size:11px; }
.card-content { padding:23px; background:var(--panel); }
.card-content>p { font-size:14px; line-height:1.75; min-height:50px; color:var(--text); }
.card-meta { font-size:11px; margin:15px 0 19px; }
.card-actions { gap:8px; }
.card-actions .button { min-height:45px; font-size:12px; border-radius:9px; padding:12px 9px; }
.game-card:not(.featured) .button.primary { background:var(--panel-2); color:var(--text); }
.game-card:not(.featured) .button.primary:hover { background:var(--lime); color:#172a15; }
.card-actions .button.subtle { background:transparent; box-shadow:inset 0 0 0 1px var(--line); }
.deus-banner { position:relative; overflow:hidden; background:var(--panel); border:0; border-radius:20px; padding:36px 40px; gap:26px; margin:0 0 85px; }
.deus-banner:after { content:""; position:absolute; width:260px; height:260px; right:-100px; top:-90px; border-radius:50%; border:1px solid #bade9430; pointer-events:none; }
.deus-symbol { border:0; border-radius:22px; color:#cdf389; background:#273a2b; width:72px; height:80px; font:italic 500 45px Georgia,serif; }
.deus-banner h2 { font-size:26px; letter-spacing:-.8px; }
.deus-banner p:not(.eyebrow) { max-width:680px; font-size:14px; line-height:1.8; }
.deus-banner small { font-size:11px; }
.deus-banner>.button { flex-shrink:0; }
.rooms-section { margin:0 0 80px; }
.room-filters { margin-bottom:20px; gap:8px; }
.filter { border-radius:30px; font-size:13px; padding:10px 16px; }
.filter.active { background:var(--lime); color:#203019; }
.room-list { border-top:0; }
.room { padding:20px 8px; border-bottom:1px solid var(--line); }
.room-icon { border-radius:12px; background:var(--panel); }
.room-icon.city,.room-icon.roleplay,.room-icon.race { background:var(--panel-2); color:var(--orange); }
.room-name { font-size:15px; }
.room-name small { font-size:11px; }
.room-join { background:var(--panel-2); border:0; border-radius:9px; font-size:12px; }
.room-join:hover { background:var(--lime); }
.community-grid { gap:30px; margin:0 0 80px; }
.board,.leaderboard { border:0; border-radius:20px; padding:32px; background:var(--panel); }
.board .section-heading h2,.leaderboard h2 { font-size:27px; letter-spacing:-.7px; }
.post-form { border:0; border-radius:12px; }
.post-form input { padding:14px; }
.post-avatar { border:0; }
.posts { scrollbar-color:#68785a transparent; }
.leader { border-color:var(--line); }
.leader strong { color:var(--text); }
.leaderboard .muted { font-size:12px; }
.shell>footer { padding:30px 0 40px; margin:0; }
.shell>footer p { color:var(--muted); font-size:12px; }
.shell>footer p a { margin-right:14px; }
.shell>footer>a:last-child { font-size:12px; color:var(--muted); }
.footer-brand { font-size:31px; }
dialog:not(.welcome-intro) { background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:22px; padding:36px; }
dialog p:not(.eyebrow) { color:var(--muted); }
dialog h2 { font-size:29px; letter-spacing:-.7px; }
dialog input,dialog select { border-radius:10px; }
dialog .dialog-close { color:var(--muted); width:44px; height:44px; top:8px; left:8px; }
.toast { background:var(--lime); color:#172a15; border-radius:12px; }
.district-title h1,.coast-viewer .district-title h1 { font-family:var(--portal-font); font-size:clamp(45px,5.6vw,84px); font-weight:700; letter-spacing:-2.5px; line-height:1.1; text-align:right; }
.district-title h1 em { font-style:normal; }
.district-overline,.district-mark span,.district-location>span { letter-spacing:0; }
.district-location b,.district-street span { font-family:var(--portal-font); font-size:25px; letter-spacing:-.5px; }
.district-street,.game-brand span,.status-label,.agent-panel b { letter-spacing:0; }
.game-brand span { direction:rtl; display:inline-block; font-size:12px; }
.game { color:#f2f5ec; color-scheme:dark; }
.game .game-pause h2 { color:#f2f5ec; }

/* One short entrance, no media download or audio permission required. */
.welcome-intro { inset:0; margin:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; padding:0; border:0; border-radius:0; background:#0b1914; color:#f5f9ef; overflow:auto; }
.welcome-intro::backdrop { background:#0b1914; backdrop-filter:none; }
.welcome-intro[open] { display:flex; flex-direction:column; isolation:isolate; }
.intro-scenery { position:absolute; inset:0; overflow:hidden; z-index:-1; pointer-events:none; }
.intro-scenery img { width:100%; height:100%; object-fit:cover; object-position:50% 60%; opacity:.28; filter:saturate(.65); }
.intro-scenery:after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 50%,#192c1400 0%,#091713b0 90%),linear-gradient(0deg,#071712e6,transparent 50%,#0d1d1599); }
.intro-grid { position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#d4f1b412 25%); }
.intro-top,.intro-bottom { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 48px; font-size:12px; }
.intro-top { min-height:92px; }
.intro-caption { color:#c3d4c2; }
.intro-skip { min-height:44px; padding:10px 16px; display:flex; gap:20px; align-items:center; border:1px solid #def2d733; border-radius:30px; color:#e1ecd9; font-size:12px; }
.intro-skip:hover { background:#d1ebbe18; }
.intro-content { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:25px; text-align:center; }
.intro-content .intro-overline { color:#d3efc2; font-size:12px; margin:0 0 8px; }
.intro-wordmark { position:relative; display:flex; align-items:center; justify-content:center; font:900 clamp(100px,20vw,280px)/1 Arial,sans-serif; letter-spacing:-.1em; padding-right:.1em; margin:0 0 24px; }
.intro-wordmark i { color:#cefb79; font-weight:400; font-style:normal; margin:0 .03em; }
.intro-wordmark b { font-size:12px; letter-spacing:0; position:absolute; right:-10px; top:19%; color:#c4d6bd; }
.intro-content h2 { font-size:clamp(23px,3vw,38px); font-weight:650; letter-spacing:-1px; line-height:1.3; color:#f1f7e8; }
.welcome-intro .intro-content #intro-description { color:#b7cbb8; font-size:15px; line-height:1.8; margin:16px 0 27px; }
.intro-content .button { min-width:180px; min-height:54px; gap:45px; border-radius:12px; }
.intro-bottom { padding:24px 48px 30px; min-height:80px; color:#9aaf9d; font-size:11px; }
.intro-chapters { display:flex; align-items:center; gap:20px; color:#c4d3bc; }
.intro-chapters i { width:4px; height:4px; background:#cefb79; border-radius:50%; }
.welcome-intro[open] .intro-scenery img { animation:intro-pan 2.8s ease-out both; }
.welcome-intro[open] .intro-wordmark { animation:intro-mark 1.15s cubic-bezier(.2,.75,.2,1) both; }
.welcome-intro[open] .intro-content h2 { animation:intro-copy 1s .12s ease-out both; }
.welcome-intro[open] .intro-chapters { animation:intro-copy 1s .25s ease-out both; }
@keyframes intro-pan { from { transform:scale(1.08); opacity:.12; } to { transform:scale(1); opacity:.28; } }
@keyframes intro-mark { from { opacity:0; transform:translateY(22px) scale(.92); letter-spacing:.02em; } to { opacity:1; transform:none; letter-spacing:-.1em; } }
@keyframes intro-copy { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@media(min-width:1500px) { .shell { padding:0 48px; } }
@media(max-width:1100px) {
  .site-header { gap:34px; padding:0 30px; }
  .site-header nav { gap:22px; }
  .shell { padding:0 30px; margin:0 auto; }
  .district-hero .hero-copy { right:40px; max-width:610px; width:calc(100% - 80px); }
  .district-hero h1 { font-size:66px; }
  .district-hero .hero-bottom { right:40px; left:40px; }
  .district-hero .hero-edition { display:none; }
  .game-catalog { gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card-content>p { min-height:49px; }
  .deus-banner { flex-wrap:wrap; }
  .deus-banner>div:nth-child(2) { flex:1; min-width:230px; }
  .deus-banner>.button { margin:0 98px 0 0; }
}
@media(max-width:760px) {
  .site-header { display:flex; height:auto; min-height:116px; padding:16px 20px 0; gap:10px 18px; flex-wrap:wrap; }
  .site-header nav { display:flex; order:3; flex:0 0 100%; justify-content:space-between; gap:20px; font-size:13px; border:0; border-bottom:1px solid var(--line); margin:0; }
  .site-header nav a { min-height:44px; }
  .brand { font-size:34px; }
  .header-actions { gap:8px; margin-inline-start:auto; }
  .profile-button { padding:4px; background:none; }
  .profile-button #profile-name { display:none; }
  .profile-button .avatar { width:34px; height:34px; }
  .intro-replay { font-size:12px; gap:5px; }
  .icon-button { width:38px; font-size:24px; }
  .shell { padding:0 18px; }
  .welcome-line { margin:7px 2px 20px; font-size:11px; gap:12px; }
  .welcome-line b,.welcome-divider { display:none; }
  .online-dot { font-size:10px; gap:7px; }
  .hero.district-hero { height:585px; border-radius:19px; }
  .coast-hero #hero-world img { object-position:35% 50%; }
  .coast-hero .hero-shade { background:linear-gradient(270deg,#132c26e8,#132c2675),linear-gradient(0deg,#11261fe8,transparent 50%); }
  .district-hero .hero-copy { top:32px; right:25px; left:25px; width:auto; }
  .district-hero .tag { font-size:10px; padding:8px 10px; }
  .district-hero .hero-kicker { font-size:14px; margin-top:35px; }
  .district-hero h1 { font-size:clamp(35px,9.8vw,68px); letter-spacing:-1.8px; line-height:1.14; margin:13px 0 22px; }
  .district-hero .hero-copy>p:not(.hero-kicker) { font-size:14px; line-height:1.9; max-width:340px; }
  .district-hero .hero-copy>p br { display:none; }
  .district-hero .hero-buttons { gap:8px; margin-top:28px; flex-wrap:wrap; }
  .district-hero .hero-buttons .button { padding:13px 16px; font-size:12px; min-height:50px; gap:13px; border-radius:10px; }
  .district-hero .hero-bottom { right:25px; left:25px; bottom:24px; padding-top:19px; font-size:10px; gap:19px; flex-wrap:wrap; }
  .hero-bottom b { font-size:21px; }
  .hero-bottom a { display:none; }
  .district-features { display:grid; grid-template-columns:1fr; gap:25px; margin:33px 6px 58px; }
  .district-features article,.district-features article+article { position:relative; padding:0 47px 0 0; border:0; }
  .district-features article>span b { position:absolute; top:0; right:0; }
  .district-features article>span { font-size:11px; }
  .district-features h2 { font-size:21px; margin:9px 0 5px; }
  .district-features p { font-size:13px; }
  .district-features a,.district-features button { margin-top:3px; font-size:12px; }
  .catalog-section { margin-bottom:45px; }
  .section-heading { align-items:flex-start; margin-bottom:24px; }
  .section-heading h2 { font-size:30px; line-height:1.2; letter-spacing:-1px; }
  .section-heading .section-description { display:none; }
  .game-catalog { grid-template-columns:1fr; gap:23px; }
  .card-art { height:226px; }
  .card-art h3 { font-size:34px; }
  .card-content { padding:22px; }
  .card-content>p { min-height:0; font-size:14px; }
  .card-actions .button { min-height:47px; font-size:13px; }
  .deus-banner { padding:26px; gap:19px; margin-bottom:55px; }
  .deus-symbol { width:48px; height:55px; border-radius:15px; font-size:32px; }
  .deus-banner>div:nth-child(2) { min-width:0; flex:auto; width:100%; }
  .deus-banner h2 { font-size:24px; }
  .deus-banner>.button { margin:0; font-size:13px; }
  .rooms-section { margin-bottom:55px; }
  .rooms-section .section-heading h2 { font-size:27px; }
  .section-heading>.button { min-height:44px; padding:12px; font-size:12px; }
  .room-filters { gap:2px; }
  .filter { font-size:12px; padding:9px 12px; }
  .room-filters>span { font-size:11px; width:100%; margin-top:10px; }
  .room { grid-template-columns:36px minmax(0,1fr) 83px; padding:18px 0; gap:10px; }
  .room-name { font-size:13px; }
  .room-detail { grid-row:2; }
  .room-join { font-size:11px; }
  .community-grid { grid-template-columns:1fr; gap:22px; margin-bottom:45px; }
  .board,.leaderboard { padding:25px; }
  .board .section-heading h2,.leaderboard h2 { font-size:25px; }
  .shell>footer { gap:18px; }
  .shell>footer p { order:3; width:100%; font-size:11px; }
  .shell>footer p a { margin-right:8px; }
  dialog:not(.welcome-intro) { padding:32px 23px; }
  .district-title h1,.coast-viewer .district-title h1 { font-size:46px; letter-spacing:-1.5px; }
  .district-location b,.district-street span { font-size:20px; }
  .intro-top,.intro-bottom { padding:18px 23px; gap:14px; }
  .intro-caption { max-width:135px; font-size:11px; }
  .intro-skip { font-size:11px; padding:9px 13px; gap:10px; }
  .intro-content { padding:30px 23px; }
  .intro-content .intro-overline { font-size:11px; }
  .intro-wordmark { font-size:30vw; margin:18px 0 30px; }
  .intro-content h2 { font-size:25px; max-width:310px; }
  .welcome-intro .intro-content #intro-description { font-size:13px; }
  .intro-bottom { flex-wrap:wrap; font-size:10px; padding-bottom:calc(22px + env(safe-area-inset-bottom)); }
  .intro-chapters { order:-1; width:100%; justify-content:center; margin-bottom:15px; gap:23px; }
}
@media(max-width:360px) { .intro-replay { font-size:11px; } .site-header { padding:0 16px; } .hero.district-hero { height:600px; } .district-hero .hero-copy { right:20px; left:20px; } .district-hero .hero-buttons .button { padding:12px; gap:9px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation:none!important; transition:none!important; } }