/* SudoGame — castle at dusk, reference 2026-10-24. */
:root{--bg:#080b12;--panel:#10131e;--muted:#aab0c2;--purple:#a991ef;--line:rgba(182,180,216,.16)}
body{background:#080b12;color:#f8f8fc}body[data-route="home"].discord-visible{padding-bottom:0}
.header{height:70px;padding:0 max(28px,calc((100% - 1200px)/2));gap:28px;position:absolute;background:rgba(8,11,20,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #d2d8fc0c}
.header .brand{gap:10px;font-size:20px;letter-spacing:-.6px;flex-shrink:0}.header .brand img{width:70px;height:44px}.brand-name b{color:#8d6bd8}.header nav{gap:25px;margin-right:auto}.header nav a{font-size:12px;font-weight:500;color:#e0dfeb}.header nav a.active:after{bottom:14px;background:#c1a4f5}.header-actions{gap:12px;margin-left:auto}.header-search{max-width:none;width:240px;height:37px;border-radius:7px;border-color:#8586a033;background:#090b16a6}.header-search input{font-size:11px;color:#e3e5ef}.header-search input::placeholder{color:#85859b}.header-search svg{color:#f0edf9}.header-discord,.menu-toggle{width:36px;height:36px;background:#0b0c15c2;border-color:#8e8aab25;border-radius:7px}.header-discord svg{width:21px;height:21px}.menu-toggle{display:flex}.account-link{background:linear-gradient(120deg,#51429a,#5140ac);border:1px solid #7d69d640;box-shadow:0 5px 24px #4c3b9028;padding:9px 16px;border-radius:7px;font-size:11px}.account-link svg.signin-user{display:block;color:#e4d6ff}
.header nav.open{display:flex;position:absolute;right:max(24px,calc((100vw - 1200px)/2));left:auto;top:62px;height:auto;width:230px;margin:0;padding:15px;flex-direction:column;align-items:stretch;gap:0;background:rgba(14,16,29,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #a292d333;border-radius:12px;box-shadow:0 20px 60px #0007}.header nav.open a{padding:12px;height:auto;font-size:13px}.header nav.open a.active:after{bottom:7px;left:12px;right:75%}
.btn{border-radius:8px;border-color:#9b9bbd3b;background:#090c17bd;font-weight:600}.btn.primary{background:linear-gradient(110deg,#6750ad,#493a98);border-color:#8b72c64a;box-shadow:0 8px 30px #463c7b42;color:white}.btn.primary:hover{background:linear-gradient(110deg,#7d63c3,#5f4bb5);box-shadow:0 10px 30px #6754ba38}.btn:hover{background:#242237;border-color:#a192ca77}
.new-home{background:#080b12}.portal-hero{min-height:625px;padding:124px 0 38px;isolation:isolate}.portal-scene{inset:-8px;background-image:linear-gradient(0deg,#080b1299,transparent 16%,#080b1208),linear-gradient(90deg,#070b1370 0%,#070b1355 29%,#070b1308 60%),url('/sudogame/design/0105a80e34da980ebd1c/assets/castle-dusk.e4d408eda03f.webp');background-size:cover;background-position:center 55%;filter:saturate(.76) brightness(.83)}.portal-hero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 10%,#04070c30 25%,transparent 70%)}.portal-inner{width:calc(100% - 64px);max-width:1200px;grid-template-columns:1fr 1.15fr;gap:58px;align-items:start;z-index:2}.portal-copy{padding-left:40px;text-shadow:0 2px 20px #0009}.portal-copy .eyebrow{font-size:10px;font-weight:500;letter-spacing:2.6px;color:#c5afff;margin:8px 0 14px}.portal-copy h1{font-size:51px;line-height:1.06;letter-spacing:-1.8px;font-weight:800;margin:0 0 20px;max-width:none;white-space:nowrap}.portal-copy h1 em{color:#9475db;background:linear-gradient(#bba0ef,#8066cb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-description{font-size:16px;line-height:1.65;color:#c1c1d2;margin:0 0 24px}.portal-copy .actions{flex-wrap:nowrap;gap:15px}.portal-copy .btn{min-height:50px;padding:13px 18px;font-size:13px;gap:10px;white-space:nowrap}.portal-copy .btn svg{width:20px;height:20px}.portal-copy .btn svg:last-child{width:17px}.portal-features{grid-template-columns:repeat(4,1fr);max-width:450px;margin:30px 0 22px;gap:0}.portal-features>div{font-size:12px;font-weight:400;color:#e4e3ee;gap:9px;border-right:1px solid #cac4e315}.portal-features>div:last-child{border:0}.portal-features svg,.portal-features>div:nth-child(n) svg{width:30px;height:30px;color:#b6a1ed;filter:none;stroke-width:1.6}.platform-links{gap:16px;margin:0;padding:16px 0 0;border-top:1px solid #d2cce915;max-width:470px;flex-wrap:nowrap}.platform-links a{font-size:9px;color:#e1e1ea;gap:5px;white-space:nowrap}.platform-links svg{width:14px;height:14px}
.portal-product{padding-top:84px;padding-right:0;width:100%;perspective:1200px}.product-mock{border:1px solid #b2a4b84d;border-radius:15px;background:linear-gradient(145deg,#11131a,#080b11);padding:10px;transform:rotateY(-7deg) rotateZ(-3deg);box-shadow:0 2px 0 #b8b2c724 inset,4px 8px 0 -3px #07090e,0 24px 60px #0009;transition:box-shadow .3s}.mock-top{font-size:8px;gap:8px;padding:1px 6px 10px;border-color:#a6a2ba12}.mock-brand{display:flex;align-items:center;gap:3px;min-width:100px}.mock-brand img{width:28px;height:22px;object-fit:contain}.mock-top strong{font-size:8px}.mock-top strong span{color:#b098e9}.mock-search{font-size:8px;background:#090c13;border-color:#89809638;padding:5px 8px;margin-left:4px;border-radius:5px}.mock-controls{font-size:10px;letter-spacing:4px;color:#e0dce8}.mock-layout{grid-template-columns:98px minmax(0,1fr);gap:10px;padding-top:10px}.mock-nav{gap:4px}.mock-nav a{font-size:9px;font-weight:400;padding:7px 6px;gap:7px;color:#c4c6d2;border:0}.mock-nav a.selected{background:linear-gradient(90deg,#8c79b529,#48445c15);border:0}.mock-nav svg{width:13px;height:13px}.mock-nav .mock-profile{padding:0;gap:5px;margin-top:auto;font-size:8px;border:0;color:#e6e4ee;line-height:1.5}.mock-profile img{width:24px;height:24px}.mock-profile small{font-size:6px;display:flex;gap:3px;align-items:center;color:#9299ab}.mock-banner{height:150px;padding:14px 12px;border-color:#c2b8d21a;border-radius:7px;background-size:cover}.mock-banner>a{padding-right:45px}.mock-banner h3{font-size:18px;line-height:1.2;letter-spacing:-.5px;margin:7px 0 0}.mock-banner small{display:none}.mock-banner span{font-size:6px;letter-spacing:1.2px;font-weight:500}.mock-slider-controls{right:8px;bottom:14px;gap:4px}.mock-slider-controls button{width:23px;height:23px;border-radius:5px;background:#0b0f18ae;border-color:#8e8b9b54}.mock-slider-controls button:hover{background:#514476}.mock-games{gap:7px;margin:8px 0}.mock-games button{aspect-ratio:.75;padding:0;display:block;isolation:isolate;border-color:#9895ad16;border-radius:5px;background:#0b1116;min-width:0}.mock-games button:after{display:none}.mock-games .game-cover{position:relative;inset:auto;height:auto;aspect-ratio:1.23;z-index:0;border-bottom:0}.mock-games b{font-size:9px;padding:6px 6px 0;line-height:1.3;white-space:nowrap}.mock-games .mini-status{font-size:7px;margin:4px 4px 6px;padding:2px;height:auto;min-height:13px;line-height:1.3;gap:3px}.mock-games .mini-status.available{color:#00deb0;background:#00382c7a;border-radius:3px;width:max-content;padding:2px 4px}.mini-status svg{width:9px;height:9px}.mock-launch-row{display:grid;grid-template-columns:1fr .65fr;gap:9px;margin-top:10px}.mock-version{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #aba1cc22;border-radius:6px;background:#0d111b;font-size:9px;color:#d3d3e1}.mock-play{margin:0;justify-content:center;font-size:11px;gap:7px;background:linear-gradient(110deg,#6452b6,#4f3fa4);padding:9px;border-radius:6px;box-shadow:0 4px 16px #5147952b}.mock-play svg{width:14px;height:14px;margin:0!important}.mock-play:hover{background:#7562c4}
.home-lower{position:relative;isolation:isolate;padding-bottom:50px;background:linear-gradient(#080b12bb,#080b12e8)}.home-lower:before{content:'';position:absolute;z-index:-1;inset:-10px 0 0;background:linear-gradient(#080b12a8,#080b12c9),url('/sudogame/design/0105a80e34da980ebd1c/assets/castle-dusk.e4d408eda03f.webp') center bottom/cover;filter:blur(8px);opacity:.65}.catalog-section{width:calc(100% - 64px);max-width:1200px;padding:12px 0 24px;margin:0 auto}.catalog-section .section-head{gap:20px;margin-bottom:14px}.catalog-section .section-head>div{max-width:none;display:flex;align-items:baseline;gap:24px}.catalog-section h2{font-size:25px;letter-spacing:-.8px;margin:0}.catalog-section .section-head p:not(.eyebrow){font-size:10px;color:#acb2c4}.catalog-section .section-head>a{font-size:11px;color:#bba4ed}.catalog-grid.with-more{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.catalog-grid .game-card{border-radius:8px;border-color:#a5a1c027;background:#0b0e15;box-shadow:none}.catalog-grid .game-card.available{border-color:#9896b232;box-shadow:none}.catalog-grid .game-card:hover{transform:translateY(-3px);border-color:var(--game-accent)}.catalog-grid .game-cover{aspect-ratio:2.65;border-bottom:0}.catalog-grid .game-card-body{padding:10px 13px;background:linear-gradient(#0b0f16,#080b12);border:0}.catalog-grid .game-card h3{font-size:14px;letter-spacing:-.2px;line-height:1.2;margin:0}.catalog-grid .game-card p{font-size:9px;line-height:1.4;color:#989fb1;margin-top:2px}.catalog-grid .game-card-bottom{margin-top:5px;min-height:25px}.catalog-grid .game-status{font-size:10px;gap:5px;color:#9ea3b9}.catalog-grid .game-status.available{padding:3px 5px;border:0;border-radius:4px;color:#00dba8;background:#003c2b73}.catalog-grid .card-arrow{border-radius:5px;width:28px;height:28px;background:#19182799;border-color:#a79cce24}.catalog-grid .card-arrow svg{width:15px}.catalog-grid .more-card{display:flex;min-height:0;border-radius:8px;padding:20px 15px;background-image:linear-gradient(#070b15a0,#080b12e0),url('/sudogame/design/0105a80e34da980ebd1c/assets/castle-dusk.e4d408eda03f.webp');border-color:#b099de3b}.more-card>span{font-size:50px;color:#eee8ff;filter:none}.more-card h3{font-size:14px;line-height:1.3;margin-top:7px}.more-card .card-arrow{bottom:11px;right:11px}
.home-discord-slot{max-width:1200px;width:calc(100% - 64px);padding:0;margin:0 auto}.home-discord-slot:has(.discord-dock[hidden]){display:none}.home-discord-slot .discord-dock{position:relative;inset:auto;transform:none;width:100%;margin:0;min-height:110px;border-radius:9px;border-color:#9c8bb33d;grid-template-columns:60px minmax(0,1fr) 220px;gap:22px;padding:20px 24px;box-shadow:none;background-image:linear-gradient(90deg,#080d18ee 0%,#080d18bf 35%,#080d1815 65%,#080d18ed 82%),url('/sudogame/design/0105a80e34da980ebd1c/assets/discord-fast.e3306e51fa50.webp');background-position:center 58%;background-size:cover;animation:none}.home-discord-slot .dock-discord-mark{width:57px;height:57px;display:grid;place-items:center;border-radius:15px;background:#544093}.home-discord-slot .dock-discord-mark svg{width:42px;height:42px;color:#faf8ff}.home-discord-slot .dock-eyebrow{display:none}.home-discord-slot .dock-copy h2{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}.home-discord-slot .dock-copy p{font-size:12px;line-height:1.6;color:#b7bed0;margin:0}.home-discord-slot .dock-action .btn{width:100%;min-height:43px;font-size:12px;background:linear-gradient(110deg,#322c58,#28223e);border-color:#71668e40;box-shadow:none}.home-discord-slot .dock-note{font-size:10px;margin-top:7px;color:#b5bbcc;justify-content:center}.home-discord-slot .dock-close{right:3px;top:3px;opacity:.55}.home-discord-slot .dock-close:hover{opacity:1}.discord-dock[hidden]{display:none!important}
footer{background:#080b12;border-top:1px solid #989bb018;padding-top:32px;padding-bottom:30px}footer .brand img{width:53px}footer .brand{font-size:18px}footer p,footer div,footer small{color:#929aac}.page{background:radial-gradient(ellipse at 80% 0,#67518b17,transparent 50%),#090c15}.page-title,.page .section,.account-shell{max-width:1200px}.panel,.stat,.sidebar,.download-panel,.auth-panel{border-color:#9c93b62b;background:linear-gradient(135deg,#171724,#10131d)}.page-title h1{letter-spacing:-1.4px}.os-tab.active{background:#6c589d28;border-color:#a58acf80}.page .btn.primary{box-shadow:0 5px 24px #6a589e20}.account-page{background-image:linear-gradient(#080c15c9,#080c15f7),url('/sudogame/design/0105a80e34da980ebd1c/assets/castle-dusk.e4d408eda03f.webp')!important}
@media(min-width:2125px){.portal-hero{min-height:680px;padding-top:145px}.portal-inner{max-width:1320px;gap:72px}.portal-copy{padding-left:38px}.portal-copy h1{font-size:58px}.portal-copy .eyebrow{font-size:11px}.portal-description{font-size:18px}.portal-product{padding-top:74px}.mock-banner{height:176px}.mock-games button{aspect-ratio:.82}.catalog-section,.home-discord-slot{max-width:1320px}.header{padding:0 max(32px,calc((100% - 1320px)/2))}}
@media(max-width:1562.5px){.header{gap:20px;padding:0 28px}.header nav{gap:17px}.header nav a{font-size:11px}.header-search{width:180px}.header-actions{gap:9px}.header .brand{font-size:18px}.header .brand img{width:57px}.portal-inner{gap:28px;grid-template-columns:.95fr 1.05fr}.portal-copy{padding-left:10px}.portal-copy h1{font-size:44px}.portal-description{font-size:14px}.portal-copy .btn{font-size:11px;padding:12px 14px}.portal-features>div{font-size:11px}.platform-links{gap:12px}.platform-links a{font-size:8px}.portal-product{padding-top:88px}.mock-layout{grid-template-columns:86px 1fr;gap:8px}.mock-nav a{font-size:8px}.mock-banner{height:142px}.mock-games b{font-size:8px}.mock-games .mini-status{font-size:6px}.catalog-section .section-head>div{gap:16px}.catalog-section .section-head p:not(.eyebrow){font-size:9px}.home-discord-slot .dock-copy h2{font-size:19px}.home-discord-slot .dock-copy p{font-size:11px}}
@media(max-width:1312.5px){.header nav{display:none}.header-search{width:210px}.header{gap:20px}.portal-hero{min-height:570px;padding-top:120px}.portal-copy h1{font-size:38px}.portal-copy .btn{padding:10px;font-size:10px;min-height:45px}.portal-copy .btn svg{width:15px}.portal-description{font-size:13px}.portal-features>div{font-size:10px}.portal-features svg{width:26px!important;height:26px!important}.platform-links{gap:9px;flex-wrap:wrap}.portal-product{padding-top:94px}.mock-layout{grid-template-columns:76px 1fr}.mock-top strong{font-size:7px}.mock-brand{min-width:87px}.mock-search{font-size:7px}.mock-controls{font-size:8px}.mock-nav a{font-size:7px;padding:6px 3px;gap:4px}.mock-nav svg{width:11px}.mock-banner{height:125px;padding:12px 9px}.mock-banner h3{font-size:15px}.mock-banner span{font-size:5px;letter-spacing:1px}.mock-games{gap:5px}.mock-games b{font-size:7px;padding-left:4px}.mock-games .mini-status{font-size:5px;gap:2px;margin-left:3px;white-space:nowrap}.mock-launch-row{gap:6px}.mock-version{font-size:7px;padding:6px}.mock-play{font-size:9px;padding:7px}.catalog-section h2{font-size:22px}.catalog-section .section-head>div{display:block}.catalog-section .section-head p:not(.eyebrow){margin-top:5px}.catalog-grid.with-more{gap:11px}.catalog-grid .game-card-body{padding:9px}.catalog-grid .game-card h3{font-size:13px}.catalog-grid .game-status{font-size:9px}.home-discord-slot .discord-dock{grid-template-columns:50px 1fr 180px;gap:15px;padding:20px}.home-discord-slot .dock-copy h2{font-size:17px}.home-discord-slot .dock-copy p{font-size:10px}.home-discord-slot .dock-discord-mark{width:48px;height:48px}.home-discord-slot .dock-action .btn{font-size:11px;padding:10px}}
@media(max-width:950px){.header{height:68px;padding:0 20px;gap:10px}.header .brand{font-size:16px;gap:6px}.header .brand img{width:49px;height:35px}.header-search{display:none}.header-actions{gap:8px}.header-discord{display:none}.account-link{font-size:10px;padding:8px 11px}.header nav.open{right:18px;left:18px;width:auto;top:62px}.header nav.open a{font-size:14px}.portal-hero{padding:110px 0 34px;min-height:0}.portal-inner{width:calc(100% - 40px);display:flex;flex-direction:column;gap:24px}.portal-copy{padding:0;max-width:530px;margin:0 auto;text-align:left}.portal-copy .eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 14px}.portal-copy h1{font-size:clamp(32px,8.3vw,48px);white-space:normal;letter-spacing:-1.3px;line-height:1.1;margin-bottom:19px}.portal-description{text-align:left;font-size:13px;line-height:1.7;margin-bottom:22px}.portal-copy .actions{justify-content:start;gap:9px;flex-wrap:wrap}.portal-copy .btn{font-size:11px;padding:12px 15px;min-height:46px}.portal-features{margin:27px 0 22px;max-width:none}.portal-features>div{font-size:10px}.platform-links{justify-content:start;gap:14px;flex-wrap:wrap;padding-top:15px}.platform-links a{font-size:9px}.portal-scene{background-image:linear-gradient(0deg,#080b12 0%,#080b1255 45%,#080b1280),linear-gradient(90deg,#080b1255,#080b1266),url('/sudogame/design/0105a80e34da980ebd1c/assets/castle-dusk.e4d408eda03f.webp');background-position:42% center;filter:saturate(.75) brightness(.75)}.portal-product{width:100%;max-width:540px;padding:8px 3px 10px;margin:auto}.product-mock{transform:rotateZ(-1deg);border-radius:11px;padding:8px;box-shadow:0 15px 45px #0009;border-color:#aab0c63b}.mock-top{gap:5px;padding-bottom:8px}.mock-brand{min-width:87px}.mock-top strong{font-size:7px}.mock-brand img{width:22px;height:19px}.mock-controls{font-size:8px;letter-spacing:3px}.mock-search{font-size:7px;padding:5px;margin-left:2px}.mock-layout{grid-template-columns:77px 1fr;padding-top:8px;gap:7px}.mock-nav a{padding:7px 3px;font-size:7px}.mock-nav .mock-profile{font-size:6px;gap:4px;padding:0}.mock-profile img{width:19px;height:19px}.mock-profile small{font-size:5px}.mock-banner{height:128px;padding:12px 9px}.mock-banner h3{font-size:16px;margin-top:6px}.mock-banner span{font-size:5px;letter-spacing:.8px}.mock-slider-controls{bottom:12px;right:6px}.mock-slider-controls button{width:20px;height:20px}.mock-games{gap:5px;margin:7px 0}.mock-games b{font-size:7px;padding:5px 4px 0}.mock-games button{aspect-ratio:.65}.mock-games .game-cover{aspect-ratio:1}.mock-games .mini-status{font-size:5px;margin:4px 3px;padding:2px 0}.mock-games .mini-status.available{padding:2px}.mock-launch-row{margin-top:7px}.mock-version{font-size:6px;padding:6px}.mock-play{font-size:9px;padding:7px}.home-lower{padding-bottom:30px}.catalog-section{width:calc(100% - 40px);padding:22px 0}.catalog-section .section-head{gap:15px;align-items:start}.catalog-section .section-head>div{max-width:72%;display:block}.catalog-section h2{font-size:23px;margin-bottom:7px}.catalog-section .section-head p:not(.eyebrow){font-size:9px;line-height:1.6;max-width:230px}.catalog-section .section-head>a{font-size:9px;max-width:90px;white-space:normal;gap:5px}.catalog-section .section-head>a svg{width:17px}.catalog-grid.with-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-grid .game-cover{aspect-ratio:1.8}.catalog-grid .game-card-body{padding:11px}.catalog-grid .game-card h3{font-size:14px}.catalog-grid .game-card p{font-size:9px}.catalog-grid .game-status{font-size:9px}.catalog-grid .more-card{display:none}.home-discord-slot{width:calc(100% - 40px)}.home-discord-slot .discord-dock{grid-template-columns:40px 1fr;gap:13px;padding:22px 17px;min-height:0;background-image:linear-gradient(90deg,#080d18e8,#080d18a6),url('/sudogame/design/0105a80e34da980ebd1c/assets/discord-fast.e3306e51fa50.webp');background-position:65% center}.home-discord-slot .dock-discord-mark{width:40px;height:40px;border-radius:12px;align-self:start}.home-discord-slot .dock-discord-mark svg{width:30px;height:30px}.home-discord-slot .dock-copy h2{font-size:17px;line-height:1.3;margin-bottom:6px;max-width:230px}.home-discord-slot .dock-copy p{display:block;font-size:11px;line-height:1.6}.home-discord-slot .dock-copy p br{display:none}.home-discord-slot .dock-action{grid-column:1/-1;margin-top:1px}.home-discord-slot .dock-action .btn{font-size:12px;min-height:42px}.home-discord-slot .desktop-label{display:inline}.home-discord-slot .mobile-label{display:none}.home-discord-slot .dock-note{display:none}.home-discord-slot .dock-close{width:24px;height:24px}.page-title h1{font-size:34px}footer{padding:28px 20px}footer .brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-mock{transform:none}.portal-scene{transition:none}.game-card,.btn{transition:none}}

/* A real image keeps the large scene eager-loaded and its aspect ratio intact. */
.portal-hero>.portal-scene{width:calc(100% + 16px);height:calc(100% + 16px);object-fit:cover;object-position:center 55%;background:none;filter:saturate(.78) brightness(.65)}
.portal-hero:after{background:linear-gradient(0deg,#080b1280,transparent 18%),linear-gradient(90deg,#060a1240 0%,#060a1230 32%,transparent 65%)}
@media(max-width:950px){.portal-hero>.portal-scene{object-position:42% center;filter:saturate(.72) brightness(.42)}}

/* The canvas and fallback share one image coordinate system and parallax transform. */
.living-scene{overflow:hidden;pointer-events:none}
.living-scene>img,.living-scene>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.living-scene>img{object-fit:cover;object-position:center 55%}
.living-scene>canvas{opacity:0}
.living-scene.scene-ready>canvas{opacity:1}
.portal-hero>.ambient-layers .ambient-water{display:none}
.scene-motion-toggle{position:absolute;right:24px;bottom:14px;z-index:4;width:33px;height:33px;display:grid;place-items:center;border:1px solid #b4a2ce30;border-radius:50%;background:#0b0e19a6;backdrop-filter:blur(12px);color:#d1c5e9;transition:background .2s}
.scene-motion-toggle:hover{background:#39304a}
.scene-motion-toggle svg{grid-area:1/1;width:15px;height:15px}
.scene-motion-toggle[aria-pressed="true"] svg:last-child,.scene-motion-toggle[aria-pressed="false"] svg:first-child{display:none}
.scene-motion-toggle:disabled{opacity:.5;cursor:default}
.scene-motion-off .ambient-layers *{animation-play-state:paused!important}
.scene-motion-off .portal-scene{transform:none;transition:none}
@media(max-width:950px){.living-scene>img{object-position:center 55%}.scene-motion-toggle{right:15px;bottom:7px;width:29px;height:29px}}

/* Explicit user control can enable motion even when the system defaults to reduce. */
.scene-motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:105px;height:32px;padding:0 11px;border-radius:8px;font-size:10px;line-height:1;background:#0b0e19db;color:#ece7f7}
.scene-motion-toggle svg{grid-area:auto;flex-shrink:0}
.scene-motion-off .scene-motion-toggle{background:#4c3c7cdc;border-color:#b5a1e85c}
@media(max-width:950px){.scene-motion-toggle{min-width:102px;bottom:6px;font-size:9px;height:29px}.scene-motion-toggle svg{width:13px;height:13px}}
.scene-motion-toggle[aria-pressed="true"] svg:nth-of-type(2),.scene-motion-toggle[aria-pressed="false"] svg:nth-of-type(1){display:none}

/* Keep the painting still: movement belongs only to the separate scene layers. */
.portal-hero>.living-scene{transform:none!important;transition:none;will-change:auto}

/* Static presentation: no animated backgrounds, transitions or scrolling. */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.ambient-layers,.motes,.living-scene>canvas,.scene-motion-toggle{display:none!important}
.portal-scene,.world-card .world-art{transform:none!important;will-change:auto!important}

/* SudoGame: illustrated realm and live HTML server spotlight, reference 27 Oct. */
:root{--purple:#9382ff}
body[data-route="home"]{background:#090e18 url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-fast.4846e3c33dcb.webp') center top/cover no-repeat}
.new-home{background:linear-gradient(90deg,#0307110a,#03071112);min-height:calc(100vh - 100px)}
.header{background:#080d19d9}.brand-name b{color:#7661ff}
.portal-hero{padding:132px 0 40px;min-height:615px}
.portal-hero>.living-scene{inset:0;filter:none;background:none;opacity:1;z-index:-1}
.living-scene>img{object-position:center top;opacity:0}
.portal-hero:after{background:linear-gradient(90deg,transparent 6%,#04091495 19%,#04091463 38%,transparent 65%)}
.portal-inner{max-width:1200px;grid-template-columns:.9fr 1.6fr;gap:48px;align-items:end}
.portal-copy{padding-left:0}.portal-copy h1{font-size:49px;letter-spacing:-1.8px;line-height:1.05}.portal-copy h1 em{background:linear-gradient(#a293ff,#6650ef);background-clip:text;-webkit-background-clip:text}.portal-copy .eyebrow{color:#d3d7eb;font-size:9px;letter-spacing:2.4px}.portal-description{font-size:15px;line-height:1.6;color:#cbd0e4}.portal-copy .btn{font-size:12px;padding:12px 15px;min-height:48px}.portal-copy .primary,.realm-connect{background:linear-gradient(120deg,#5140d2,#5744f6);box-shadow:0 0 22px #5744fa50;border:1px solid #8b7cff35}.portal-features{margin:27px 0 20px}.portal-features svg,.portal-features>div:nth-child(n) svg{color:#9782ff}.portal-features>div{font-size:11px}.platform-links{margin-top:22px;gap:15px}.platform-links a{font-size:9px}
.portal-product{padding:0 0 0;perspective:none;min-width:0}
.server-spotlight{overflow:hidden;border:1px solid #a59bff7d;border-radius:19px;background:linear-gradient(0deg,#070c16 0%,#0a101ce8 30%,#0b101b20 100%),url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-fast.4846e3c33dcb.webp') 85% 29%/auto 225%;box-shadow:0 15px 50px #0007,0 0 0 4px #9382ff08;padding:0 15px 16px;color:#f9f9ff}
.spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 4px 17px;border-bottom:1px solid #9eade12b;font-size:12px}.spotlight-top>span{display:flex;align-items:center;gap:10px}.realm-ring{width:16px;height:16px;border:1px solid #12d9bb;border-radius:50%;box-shadow:0 0 13px #00e5c860;display:grid;place-items:center}.realm-ring:after{content:'';width:8px;height:8px;border-radius:50%;background:#19dbc2}.realm-status{font-size:9px;color:#c4cad8;background:#090e1b99;padding:7px 9px;border-radius:8px}.realm-status svg{width:12px;height:12px}
.spotlight-main{display:flex;align-items:center;gap:15px;padding:35px 6px 24px;min-height:175px}.realm-game-icon{width:98px;height:100px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(150deg,#293940a8,#101824dc);border:1px solid #9aa0c940;border-radius:12px;box-shadow:0 5px 15px #0004}.realm-game-icon svg{width:68px;height:68px;stroke:#9cbe79;stroke-width:1.2;filter:drop-shadow(0 7px 10px #0009)}.realm-info{flex:1;min-width:0}.realm-info h2{font-size:27px;letter-spacing:-.8px;margin:0 0 7px}.realm-info p{font-size:13px;color:#e0e3ed;margin:0 0 13px}.realm-meta{display:flex;gap:7px;flex-wrap:wrap}.realm-meta span{display:flex;gap:6px;align-items:center;font-size:9px;background:#121828b8;border:1px solid #a69cda26;border-radius:7px;padding:8px;color:#cfd5e9;white-space:nowrap}.realm-meta svg{width:16px;height:16px;color:#a894ff}.realm-connect{font-size:11px;padding:12px;align-self:end;white-space:nowrap;min-height:40px}.realm-connect svg{width:17px;height:17px}.realm-settings{width:36px;height:40px;border:1px solid #a0a8d237;border-radius:7px;display:grid;place-items:center;align-self:end;background:#0b1024c7}.realm-settings svg{width:17px;height:17px}
.realm-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.realm-shortcuts>a{display:flex;align-items:center;gap:10px;padding:15px 11px;background:linear-gradient(120deg,#1b2332e8,#171c2aef);border:1px solid #a9b2d418;border-radius:9px;min-width:0}.realm-shortcuts>a>svg:first-child{width:28px;height:28px;color:#9c85ff;flex-shrink:0;filter:drop-shadow(0 0 6px #805dff80)}.realm-shortcuts>a>svg:last-child{width:13px;height:13px;margin-left:auto;flex-shrink:0}.realm-shortcuts span{min-width:0}.realm-shortcuts b{display:block;font-size:10px;font-weight:500}.realm-shortcuts small{display:block;font-size:8px;color:#b1bbcf;margin-top:5px;line-height:1.4}.realm-shortcuts a:hover,.realm-settings:hover{border-color:#a08aff99;background:#282342}
.home-lower{background:transparent;max-width:1260px;margin:auto;padding:0 30px 38px}.home-lower:before{display:none}.catalog-section{width:100%;padding:13px 0 20px;background:#080e19de}.catalog-section .section-head{margin-bottom:12px}.catalog-section h2{font-size:23px}.catalog-section .section-head>div{gap:20px}.catalog-section .section-head p:not(.eyebrow){font-size:9px}.catalog-grid.with-more{gap:12px}.game-card{border-color:#8a9ac136;background:#0a111ee8;border-radius:10px}.catalog-section .game-cover{aspect-ratio:2.65}.catalog-section .game-card-body{padding:11px}.catalog-section .game-card h3{font-size:14px}.catalog-section .game-card p{font-size:9px}.catalog-section .game-card-bottom{margin-top:7px}.game-status.available{background:#003d39a8;color:#15e0c3}.more-card{border-color:#a18aef50;background:linear-gradient(#10152577,#0c1022cc),url('/sudogame/design/0105a80e34da980ebd1c/assets/server-modded.8e873a04884a.webp') center/cover}.home-discord-slot{width:100%;max-width:none;background:#0a101bdd}.home-discord-slot .discord-dock{min-height:105px;border-color:#9187db79;border-radius:10px;grid-template-columns:60px 1fr 225px;gap:20px;padding:19px 22px;background-image:linear-gradient(90deg,#080d18f2,#080d18ea 33%,#080d1820 64%,#080d18eb 83%),url('/sudogame/design/0105a80e34da980ebd1c/assets/discord-fast.e3306e51fa50.webp')}.home-discord-slot .dock-discord-mark{background:linear-gradient(130deg,#5946e6,#4734c6)}.home-discord-slot .dock-action .btn{background:linear-gradient(120deg,#4132a8,#5140d8);border-color:#a08cff40}.home-discord-slot .dock-copy h2{font-size:20px}.home-discord-slot .dock-copy p{font-size:12px}
@media(min-width:1875px){.portal-inner{max-width:1260px;grid-template-columns:430px 1fr;gap:48px}.portal-copy{padding-left:36px}.portal-hero{min-height:615px}.portal-product{padding-top:100px}.home-lower{max-width:1260px}.portal-copy h1{font-size:49px}}
@media(max-width:1375px){.portal-inner{gap:24px;grid-template-columns:1fr 1.25fr}.portal-copy h1{font-size:39px}.portal-description{font-size:13px}.portal-copy .actions{gap:8px}.portal-copy .btn{font-size:10px;padding:11px}.realm-game-icon{width:65px;height:78px}.realm-game-icon svg{width:48px;height:48px}.spotlight-main{gap:10px;flex-wrap:wrap;padding:25px 4px 17px}.realm-info h2{font-size:25px}.realm-connect{margin-left:auto}.realm-shortcuts{gap:6px}.realm-shortcuts>a{padding:12px 8px;gap:6px}.realm-shortcuts>a>svg:first-child{width:21px;height:21px}.realm-shortcuts small{font-size:7px}.realm-shortcuts b{font-size:9px}.realm-shortcuts>a>svg:last-child{display:none}.portal-hero{padding-top:125px;min-height:580px}.platform-links{gap:10px}.platform-links a{font-size:8px}}
@media(max-width:950px){body[data-route="home"]{background-size:auto 1000px;background-position:40% top}.portal-hero{padding:110px 0 30px;min-height:0}.portal-inner{width:calc(100% - 36px);grid-template-columns:1fr;gap:30px}.portal-copy{max-width:500px;padding:0}.portal-copy h1{font-size:40px;text-align:left;white-space:normal}.portal-copy .eyebrow{margin-top:0}.portal-description{text-align:left;font-size:14px}.portal-copy .actions{justify-content:start}.portal-copy .btn{font-size:12px;padding:12px 15px}.portal-features{margin:25px 0 19px}.portal-features>div{font-size:10px}.platform-links{justify-content:start;gap:12px;flex-wrap:wrap}.platform-links a{font-size:9px}.portal-product{max-width:520px;width:100%;padding:0;margin:auto}.spotlight-top{font-size:11px}.realm-status{font-size:8px}.spotlight-main{flex-wrap:wrap;padding-top:27px}.realm-game-icon{width:72px;height:82px}.realm-info h2{font-size:26px}.realm-shortcuts{grid-template-columns:1fr}.realm-shortcuts>a{padding:11px 13px;gap:12px}.realm-shortcuts b{font-size:12px}.realm-shortcuts small{font-size:10px}.realm-shortcuts>a>svg:first-child{width:26px;height:26px}.realm-shortcuts>a>svg:last-child{display:block}.home-lower{padding:0 18px 30px}.catalog-section{padding:17px 0}.catalog-section .section-head>div{display:block}.catalog-section .section-head p:not(.eyebrow){font-size:10px;margin-top:8px}.catalog-section h2{font-size:23px}.catalog-grid.with-more{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section .game-cover{aspect-ratio:2}.home-discord-slot .discord-dock{grid-template-columns:44px 1fr;padding:18px;gap:13px}.home-discord-slot .dock-discord-mark{width:44px;height:44px}.home-discord-slot .dock-discord-mark svg{width:31px;height:31px}.home-discord-slot .dock-copy h2{font-size:17px}.home-discord-slot .dock-copy p{font-size:11px}.home-discord-slot .dock-action{grid-column:1/-1}.home-discord-slot .dock-action .btn{width:100%;font-size:12px}.home-discord-slot .dock-note{font-size:9px}}
@media(max-width:475px){.portal-copy h1{font-size:35px}.portal-copy .btn{font-size:10px}.spotlight-top{font-size:10px}.realm-status{font-size:7px}.realm-settings{display:none}.realm-shortcuts small{font-size:9px}}

body[data-route="home"]{background-size:cover}.realm-game-icon img{width:88%;height:88%;object-fit:contain}.portal-copy h1 em{color:#8878ff;background:none;-webkit-text-fill-color:currentColor}.realm-connect{background:linear-gradient(120deg,#5140d2,#5744f6)!important;box-shadow:0 0 20px #5744fa3a!important}.home-discord-slot .dock-close{opacity:.8}.realm-shortcuts b{font-size:11px}.realm-shortcuts small{font-size:9px}
@media(max-width:950px){body[data-route="home"]{background-size:auto 1000px}.realm-shortcuts b{font-size:12px}.realm-shortcuts small{font-size:10px}}

.auth-retry[hidden]{display:none!important}.auth-note{line-height:1.65}.auth-retry{margin-bottom:15px;font-size:12px}

@media(max-width:950px){body[data-route="home"]{background-image:url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-mobile.677c3553f0f7.webp')}.server-spotlight{background-image:linear-gradient(0deg,#070c16,#0a101cd9 50%,#0b101b30),url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-mobile.677c3553f0f7.webp')}.header,.discord-dock{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Interface scale: 125%. */
html{zoom:1.25}
@media(min-width:761px){body[data-route="home"]{background-image:url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-fast.4846e3c33dcb.webp')}.server-spotlight{background-image:linear-gradient(0deg,#070c16,#0a101cd9 50%,#0b101b30),url('/sudogame/design/0105a80e34da980ebd1c/assets/realm-fast.4846e3c33dcb.webp')}}

/* Blend the UI into a single continuous scene rather than pasted image crops. */
.server-spotlight{
 background:linear-gradient(180deg,rgba(9,15,26,.37) 0%,rgba(8,14,24,.65) 43%,rgba(7,12,21,.96) 100%);
 border-color:rgba(173,158,223,.35);
 box-shadow:0 14px 36px rgba(0,0,0,.26),inset 0 1px 0 rgba(223,218,255,.06);
}
.spotlight-top{border-bottom-color:rgba(179,189,217,.12)}
.catalog-section{position:relative;isolation:isolate;background:transparent}
.catalog-section::before{
 content:'';position:absolute;inset:-36px -58px -32px;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 50% 56%,rgba(5,11,20,.94) 0%,rgba(5,11,20,.86) 43%,rgba(5,11,20,.45) 63%,transparent 78%);
}
.catalog-section .section-head{text-shadow:0 2px 10px #02060c,0 1px 3px #02060c}
.home-discord-slot{background:transparent}
.new-home{overflow-x:clip}

/* Use the window width rather than a narrow fixed canvas. Scale stays 125%. */
.header{padding-left:24px;padding-right:24px}
.header nav.open{right:24px}
.portal-inner{width:calc(100% - 48px);max-width:none}
.portal-copy{padding-left:0}
.portal-product{max-width:none;width:100%;padding-right:0}
.home-lower{width:100%;max-width:none;padding-left:24px;padding-right:24px}
.section{width:calc(100% - 48px);max-width:none}
.home-lower>.catalog-section,.home-lower>.home-discord-slot{width:100%;max-width:none}
.page-title{width:calc(100% - 48px);max-width:none;margin-left:auto;margin-right:auto}
@media(min-width:951px){.portal-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);gap:32px}.portal-product{padding-top:70px}}
@media(max-width:950px){.header{padding-left:18px;padding-right:18px}.portal-inner,.section,.page-title{width:calc(100% - 36px)}.home-lower{padding-left:18px;padding-right:18px}.home-lower>.section{width:100%}.portal-product{max-width:none}.portal-inner{grid-template-columns:1fr}}