:root{color-scheme:dark;--bg: #05070e;--bg-2: #0b1020;--panel: #101626;--panel-2: #161c2d;--ink: #f3e7c5;--text: #eef3fb;--muted: #b8c3d9;--fog: #d6deea;--gold: #c9a86a;--blue: #6ca7ff;--lamp: #8fd7d2;--red: #8e3e46;--plum: #7d6aa8;--line: rgba(184, 195, 217, .16);--line-gold: rgba(201, 168, 106, .42);--line-fog: rgba(143, 215, 210, .28);--shadow: 0 18px 60px rgba(0, 0, 0, .42);--shadow-panel: 0 24px 80px rgba(0, 0, 0, .48);--glow-gold: 0 0 28px rgba(201, 168, 106, .28);--glow-cyan: 0 0 34px rgba(143, 215, 210, .2);--motion-fast: .12s ease;--motion-standard: .22s ease;--motion-slow: .3s ease;--font-display: Georgia, "Times New Roman", "Noto Serif TC", serif;--font-body: Inter, "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--card-inset: clamp(20px, 2vw, 28px);font-family:Inter,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#080a12f5,#0c0c11fa),radial-gradient(circle at 14% 10%,rgba(215,180,106,.08),transparent 32%),radial-gradient(circle at 92% 0%,rgba(140,230,176,.06),transparent 28%)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:#080a12e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button,.nav-icon-button,.icon-button,.feedback-trigger{border:1px solid var(--line);color:var(--text);background:#111522c2;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.brand-button:active,.nav-icon-button:active,.icon-button:active,.feedback-trigger:active,.primary-button:active,.secondary-button:active,.ghost-button:active,.scene-action:active,.game-card:active{transform:translateY(1px) scale(.99)}.brand-button{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 10px;border-radius:8px;text-align:left}.brand-button .brand-lockup{pointer-events:none}.brand-lockup{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;width:min(720px,100%)}.brand-lockup.compact{grid-template-columns:38px minmax(0,1fr);gap:9px;width:auto}.brand-lockup-mark{width:86px;height:86px;color:var(--gold);filter:drop-shadow(0 0 18px rgba(201,168,106,.34)) drop-shadow(0 0 28px rgba(143,215,210,.12))}.brand-lockup.compact .brand-lockup-mark{width:38px;height:38px}.brand-lockup-mark circle,.brand-lockup-mark path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-lockup-copy{display:grid;min-width:0}.brand-lockup-copy small{margin-bottom:6px;color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.brand-lockup-copy strong{display:block;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,7vw,104px);font-weight:900;line-height:.84;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;background:linear-gradient(180deg,#fff2c8,#d9bd78 42%,#8b6a31);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px rgba(0,0,0,.85))}.brand-lockup.compact .brand-lockup-copy strong{font-size:18px;line-height:1;letter-spacing:0;text-transform:none}.brand-lockup-copy em{display:block;margin-top:10px;color:var(--fog);font-size:clamp(12px,1.35vw,16px);font-style:normal;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.brand-lockup.compact .brand-lockup-copy em{margin-top:2px;color:var(--fog);font-size:11px;letter-spacing:.03em;text-transform:none}.brand-lockup:not(.compact) .brand-lockup-copy em:after{content:"";display:block;width:min(420px,90%);height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,var(--gold),var(--lamp),transparent)}.brand-button strong,.brand-button small{display:block}.brand-button small{max-width:220px;color:var(--muted);font-size:12px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#111522;background:var(--gold);font-weight:800}.topnav{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:70vw;padding-bottom:2px;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topbar-actions{display:flex;align-items:center;gap:8px}.language-switcher{display:inline-flex;align-items:center;gap:2px;min-height:38px;padding:3px;border:1px solid rgba(184,195,217,.18);border-radius:8px;background:#05070e8f}.language-switcher button{min-width:42px;min-height:30px;border:0;border-radius:6px;color:var(--fog);background:transparent;font-size:12px;font-weight:900}.language-switcher button.active{color:#080a10;background:linear-gradient(180deg,#f1d792,var(--gold))}.nav-icon-button,.icon-button,.feedback-trigger{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px}.nav-icon-button{display:inline-flex;width:auto;min-width:42px;padding:0 11px;gap:7px;white-space:nowrap}.nav-icon-button span{font-size:12px;font-weight:700}.nav-icon-button.active{color:#10131b;background:var(--lamp);border-color:var(--lamp)}main{min-height:calc(100vh - 64px)}.landing-screen{position:relative;display:grid;align-items:center;min-height:calc(100vh - 64px);overflow:hidden;padding:clamp(28px,6vw,78px)}.pwa-landing{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(20px,4vw,54px)}.landing-visual{position:absolute;inset:0;overflow:hidden}.landing-visual img{width:100%;height:100%;object-fit:cover;opacity:.72}.fog-band{position:absolute;left:-10%;width:120%;height:120px;background:linear-gradient(90deg,transparent,rgba(200,208,223,.22),transparent);filter:blur(24px);transform:skewY(-4deg)}.fog-band.one{bottom:18%;animation:drift 13s linear infinite}.fog-band.two{bottom:31%;opacity:.42;animation:drift 18s linear infinite reverse}@keyframes drift{0%{transform:translate(-8%) skewY(-4deg)}to{transform:translate(8%) skewY(-4deg)}}.landing-copy{position:relative;z-index:1;max-width:760px}.pwa-install-card{position:relative;z-index:1;display:grid;gap:16px;padding:18px;border:1px solid rgba(140,230,176,.28);border-radius:8px;background:#0d1119db;box-shadow:var(--shadow)}.pwa-icon-preview{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(244,231,192,.18);border-radius:18px;background:#f4e7c014}.pwa-icon-preview img{width:58px;height:58px;border-radius:14px}.install-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.install-steps li{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:34px;color:var(--text)}.install-steps svg{color:var(--lamp)}.pwa-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pwa-feature-grid span{min-height:34px;padding:8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#6ca7ff14;font-size:12px;font-weight:800}.eyebrow,.route-subtitle,.muted{color:var(--muted)}.eyebrow{margin:0 0 14px;color:var(--lamp);font-size:14px;font-weight:700;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0 0 16px;color:var(--ink);font-size:clamp(40px,7vw,86px);line-height:.96}h2{margin:0;color:var(--ink);font-size:17px}.lead{max-width:560px;margin:0 0 24px;color:var(--text);font-size:20px}.landing-actions,.choice-row{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:8px;border:1px solid transparent;font-weight:700;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.primary-button{color:#0d1117;background:var(--gold);border-color:#ffffff14}.primary-button.full{width:100%}.primary-button.small{min-height:36px;padding:8px 12px}.secondary-button{color:var(--text);background:#6ca7ff29;border-color:#6ca7ff6b}.ghost-button{color:var(--text);background:#11152294;border-color:var(--line)}.marketing-shell{background:radial-gradient(circle at 50% 0%,rgba(143,215,210,.08),transparent 30%),linear-gradient(180deg,#05070e,#080c18 48%,#05070e)}.marketing-topbar{position:fixed;inset:0 0 auto;z-index:80;border-bottom-color:#c9a86a38;background:linear-gradient(90deg,#05070ee0,#0b1020b8),#05070ed1}.marketing-nav{max-width:min(68vw,780px)}.marketing-nav .nav-icon-button{min-width:auto;color:var(--fog);text-transform:uppercase;letter-spacing:.08em}.marketing-nav .nav-icon-button.active{color:#090b12;background:linear-gradient(180deg,#f2d894,var(--gold));box-shadow:var(--glow-gold)}.marketing-menu-toggle{display:none}.marketing-page{width:100%;overflow:hidden;background:linear-gradient(180deg,#05070e00,#05070e 38%),#05070e}.ma-hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:clamp(112px,12vw,154px) clamp(18px,7vw,104px) clamp(70px,9vw,108px);overflow:hidden}.ma-hero-art,.ma-hero-art img,.ma-hero-vignette{position:absolute;inset:0}.ma-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(1.04) contrast(1.05) brightness(.82)}.ma-hero-vignette{background:linear-gradient(90deg,#05070efa,#05070ec7,#05070e47 68%,#05070ebd),linear-gradient(0deg,#05070e,#05070ea3 23%,#05070e24 55%,#05070e7a)}.ma-hero-content{position:relative;z-index:1;display:grid;gap:18px;width:min(760px,100%)}.ma-hero-v2{isolation:isolate}.ma-hero-v2:before,.ma-hero-v2:after{position:absolute;inset:auto -12% 10%;z-index:1;height:160px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,rgba(184,195,217,.22),rgba(143,215,210,.16),transparent);filter:blur(26px);opacity:.6;transform:skewY(-5deg);animation:drift 18s linear infinite}.ma-hero-v2:after{bottom:29%;opacity:.32;animation-direction:reverse;animation-duration:24s}.ma-hero-v2 .brand-lockup{margin-bottom:2px}.ma-hero-support{display:grid;gap:8px;max-width:560px;margin-top:2px}.ma-hero-support span{min-height:34px;padding:8px 11px;border-left:2px solid rgba(201,168,106,.58);color:#eef3fbdb;background:linear-gradient(90deg,#c9a86a1f,#05070e00);font-size:13px;font-weight:800}.ma-logo{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;width:min(720px,100%)}.ma-logo.compact{grid-template-columns:58px minmax(0,1fr);justify-content:center;width:min(520px,100%);margin-inline:auto}.ma-logo-orbit{width:88px;height:88px;color:var(--gold);filter:drop-shadow(0 0 18px rgba(201,168,106,.32))}.ma-logo.compact .ma-logo-orbit{width:58px;height:58px}.ma-logo-orbit circle,.ma-logo-orbit path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ma-logo-title{display:block;margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,7.8vw,112px);line-height:.82;letter-spacing:0;text-transform:uppercase;text-wrap:balance;background:linear-gradient(180deg,#fff2c8,#c9a86a 56%,#7f6333);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 26px rgba(0,0,0,.85))}.ma-logo.compact .ma-logo-title{font-size:clamp(30px,5vw,48px)}.ma-logo-subtitle{display:block;margin-top:10px;color:var(--fog);font-size:clamp(12px,1.35vw,16px);font-weight:900;letter-spacing:.22em;text-transform:uppercase}.ma-logo-subtitle:after{content:"";display:block;width:min(420px,90%);height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,var(--gold),var(--lamp),transparent)}.ma-hero-kicker,.ma-eyebrow{margin:0;color:var(--lamp);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ma-hero-slogan{max-width:680px;margin:4px 0 0;color:var(--ink);font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1.06;text-wrap:balance}.ma-hero-copy{max-width:620px;margin:0;color:var(--fog);font-size:clamp(16px,1.8vw,20px);line-height:1.62}.ma-hero-actions,.ma-store-buttons,.ma-community-links{display:flex;flex-wrap:wrap;gap:10px}.ma-button,.ma-store-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:6px;font-weight:900;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}.ma-button{gap:8px;padding:12px 18px}.ma-button.primary{color:#080a10;background:linear-gradient(180deg,#f1d792,var(--gold));border-color:#ffffff24;box-shadow:var(--glow-gold)}.ma-button.secondary{color:var(--text);background:linear-gradient(180deg,#8fd7d229,#0a101cd1);border-color:#8fd7d275;box-shadow:var(--glow-cyan)}.ma-button.ghost{color:var(--fog);background:#070b16b8;border-color:#b8c3d938}.ma-button:hover,.ma-store-button:hover{transform:translateY(-1px)}.ma-platforms,.ma-status-bar{display:flex;flex-wrap:wrap;gap:9px}.ma-platforms span,.ma-status-bar span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 10px;border:1px solid rgba(184,195,217,.18);border-radius:4px;color:var(--fog);background:#060a14ad;font-size:12px;font-weight:900;text-transform:uppercase}.ma-platforms svg{color:var(--gold)}.ma-scroll-cue{position:absolute;right:clamp(18px,4vw,56px);bottom:28px;z-index:1;color:#b8c3d9c7;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}.ma-status-bar{justify-content:center;padding:12px 18px;border-block:1px solid rgba(201,168,106,.2);background:linear-gradient(90deg,#c9a86a14,#8fd7d214),#080c18eb}.ma-section{position:relative;padding:clamp(68px,8vw,118px) clamp(18px,6vw,88px);background:radial-gradient(circle at 12% 8%,rgba(143,215,210,.07),transparent 30%),linear-gradient(180deg,#05070e,#080c18)}.ma-section-heading{display:grid;gap:14px;max-width:820px;margin-bottom:clamp(24px,4vw,42px)}.ma-section-lead{max-width:760px;margin:-18px 0 clamp(24px,4vw,42px);color:var(--fog);font-size:clamp(15px,1.45vw,18px);line-height:1.7}.ma-section-heading.wide{max-width:980px}.ma-section-heading h2,.ma-narrative-lead h2,.ma-world-copy h2,.ma-register h2,.ma-trailer-copy h2{margin:0;color:var(--ink);font-size:clamp(34px,5vw,68px);line-height:1.02;text-wrap:balance}.ma-section-heading p,.ma-narrative-lead p,.ma-world-copy p,.ma-register p,.ma-trailer-copy p,.ma-card p,.ma-shot-card p,.ma-faq-item p{color:var(--muted);line-height:1.62}.ma-feature-grid,.ma-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ma-card,.ma-shot-card,.ma-world-map,.ma-trailer-frame,.ma-phone-frame{border:1px solid rgba(201,168,106,.24);border-radius:8px;background:linear-gradient(180deg,#161c2dd1,#060912eb),#060912db;box-shadow:var(--shadow-panel)}.ma-card{display:grid;gap:12px;min-width:0;padding:var(--card-inset)}button.ma-card{width:100%;color:inherit;text-align:left}.ma-story-hook{background:radial-gradient(circle at 82% 16%,rgba(143,215,210,.08),transparent 30%),linear-gradient(180deg,#05070e,#0b1020)}.ma-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-story-card{min-height:0;align-content:start;overflow:hidden;padding:0}.ma-story-card:before{content:"";width:58px;height:1px;margin:0 var(--card-inset);background:linear-gradient(90deg,var(--gold),transparent)}.ma-story-card img,.ma-feature-card img,.ma-narrative-card img,.ma-launch-story-card img,.ma-character-ui-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:saturate(1.05) brightness(.82)}.ma-story-card span{margin-inline:var(--card-inset);color:#c9a86aa3;font-family:Georgia,Times New Roman,serif;font-size:46px;line-height:.9}.ma-story-card h3,.ma-story-card p{margin-inline:var(--card-inset)}.ma-story-card p{margin-bottom:var(--card-inset)}.ma-feature-card{min-height:0;align-content:start;overflow:hidden;padding:0}.ma-feature-card svg,.ma-feature-card h3,.ma-feature-card p{margin-inline:var(--card-inset)}.ma-feature-card svg{margin-top:var(--card-inset);color:var(--gold)}.ma-feature-card p{margin-bottom:var(--card-inset)}.ma-card h3,.ma-shot-card h3{margin:0;color:var(--ink);font-size:20px;line-height:1.18}.ma-card p,.ma-shot-card p{margin:0}.ma-narrative-premise{display:grid;gap:clamp(22px,4vw,38px);background:radial-gradient(circle at 74% 24%,rgba(143,215,210,.11),transparent 28%),radial-gradient(circle at 14% 66%,rgba(201,168,106,.1),transparent 30%),linear-gradient(180deg,#05070e,#0b1020)}.ma-narrative-lead{display:grid;gap:14px;width:min(980px,100%)}.ma-narrative-lead p:last-child{max-width:760px;margin:0;color:var(--fog);font-size:clamp(16px,1.7vw,20px);line-height:1.72}.ma-narrative-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-narrative-card{position:relative;min-height:0;align-content:start;overflow:hidden;padding:0}.ma-narrative-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(201,168,106,.12),transparent 36%),radial-gradient(circle at 82% 18%,rgba(143,215,210,.1),transparent 30%);opacity:.86}.ma-narrative-card>*{position:relative;z-index:1}.ma-narrative-card>span{width:fit-content;margin:var(--card-inset) var(--card-inset) 0;padding:6px 9px;border:1px solid rgba(143,215,210,.26);border-radius:4px;color:var(--lamp);background:#05070e7a;font-size:11px;font-weight:900;text-transform:uppercase}.ma-narrative-card>strong{margin-inline:var(--card-inset);color:#c9a86ab3;font-family:Georgia,Times New Roman,serif;font-size:52px;line-height:.9}.ma-narrative-card h3,.ma-narrative-card p{margin-inline:var(--card-inset)}.ma-narrative-card p{margin-bottom:var(--card-inset)}.ma-narrative-proof{display:flex;flex-wrap:wrap;gap:10px}.ma-narrative-proof span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid rgba(201,168,106,.25);border-radius:6px;color:var(--ink);background:#05070e8a;font-size:13px;font-weight:900}.ma-narrative-proof svg{color:var(--gold)}.ma-lore-depth{display:grid;gap:clamp(22px,4vw,42px);background:radial-gradient(circle at 14% 18%,rgba(201,168,106,.1),transparent 28%),radial-gradient(circle at 86% 10%,rgba(143,215,210,.08),transparent 34%),linear-gradient(180deg,#080c18,#05070e)}.ma-lore-depth-lead{display:grid;gap:14px;width:min(980px,100%)}.ma-lore-depth-lead h2{max-width:920px;margin:0;color:var(--ink);font-size:clamp(34px,5vw,62px);line-height:1.04}.ma-lore-depth-lead p:last-child{max-width:820px;margin:0;color:var(--fog);font-size:clamp(16px,1.7vw,20px);line-height:1.74}.ma-lore-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ma-lore-card{align-content:start;overflow:hidden;padding:0}.ma-lore-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(1.05) brightness(.82)}.ma-lore-card span,.ma-lore-card h3,.ma-lore-card p,.ma-lore-card small{margin-inline:var(--card-inset)}.ma-lore-card span{width:fit-content;margin-top:16px;padding:6px 8px;border:1px solid rgba(143,215,210,.24);border-radius:4px;color:var(--lamp);background:#05070e7a;font-size:11px;font-weight:900;text-transform:uppercase}.ma-lore-card small{margin-bottom:var(--card-inset);color:#c9a86ad1;font-size:12px;font-weight:900;text-transform:uppercase}.ma-gameplay-depth{background:radial-gradient(circle at 78% 18%,rgba(142,62,70,.12),transparent 32%),linear-gradient(180deg,#05070e,#0b1020)}.ma-gameplay-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ma-gameplay-system-card{grid-template-columns:minmax(230px,.82fr) minmax(0,1fr);gap:0;overflow:hidden;padding:0}.ma-gameplay-system-card img{width:100%;height:100%;min-height:320px;object-fit:cover;filter:saturate(1.05) brightness(.82)}.ma-system-card-copy{display:grid;gap:12px;align-content:start;padding:20px}.ma-system-card-copy span{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--lamp);font-size:12px;font-weight:900;text-transform:uppercase}.ma-system-card-copy span svg{color:var(--gold)}.ma-system-card-copy ul{display:grid;gap:8px;margin:2px 0 0;padding:0;list-style:none}.ma-system-card-copy li{position:relative;padding-left:16px;color:#d6deeadb;font-size:13.5px;line-height:1.5}.ma-system-card-copy li:before{position:absolute;top:.72em;left:0;width:6px;height:6px;border-radius:999px;background:var(--gold);content:""}.ma-nightly-loop{background:linear-gradient(180deg,#080c18,#05070e),radial-gradient(circle at 12% 24%,rgba(143,215,210,.1),transparent 32%)}.ma-long-term-rpg{background:radial-gradient(circle at 18% 14%,rgba(143,215,210,.1),transparent 28%),radial-gradient(circle at 82% 22%,rgba(201,168,106,.12),transparent 32%),linear-gradient(180deg,#05070e,#0b1020 56%,#05070e)}.ma-long-term-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ma-long-term-card{position:relative;min-height:260px;align-content:start;overflow:hidden;background:linear-gradient(135deg,rgba(201,168,106,.12),transparent 34%),radial-gradient(circle at 88% 16%,rgba(143,215,210,.1),transparent 34%),linear-gradient(180deg,#161c2dd1,#060912f0)}.ma-long-term-card:after{position:absolute;inset:auto var(--card-inset) 0;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(201,168,106,.44),rgba(143,215,210,.24),transparent)}.ma-long-term-card svg{color:var(--gold);filter:drop-shadow(0 0 16px rgba(201,168,106,.26))}.ma-long-term-card span{width:fit-content;padding:6px 9px;border:1px solid rgba(143,215,210,.24);border-radius:4px;color:var(--lamp);background:#05070e7a;font-size:11px;font-weight:900;text-transform:uppercase}.ma-app-screens{overflow:hidden;background:radial-gradient(circle at 14% 16%,rgba(143,215,210,.12),transparent 28%),radial-gradient(circle at 78% 8%,rgba(201,168,106,.16),transparent 30%),linear-gradient(180deg,#0b1020,#05070e)}.ma-app-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ma-app-screen-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:16px;min-width:0;padding:16px;border:1px solid rgba(201,168,106,.26);border-radius:8px;background:linear-gradient(135deg,rgba(201,168,106,.11),transparent 34%),linear-gradient(180deg,#12192ae0,#05070ef5);box-shadow:var(--shadow-panel)}.ma-app-screen-card:before{position:absolute;inset:0;pointer-events:none;border-radius:inherit;content:"";background:linear-gradient(90deg,transparent,rgba(143,215,210,.13),transparent),radial-gradient(circle at 50% 0,rgba(201,168,106,.2),transparent 28%);opacity:.72}.ma-app-screen-device{position:relative;width:min(100%,320px);margin-inline:auto;overflow:hidden;aspect-ratio:9 / 16;padding:10px;border:1px solid rgba(201,168,106,.54);border-radius:24px;background:linear-gradient(180deg,rgba(201,168,106,.18),transparent 12%),#02040a;box-shadow:inset 0 0 0 1px #ffefc614,0 26px 70px #00000070,0 0 34px #8fd7d21a}.ma-app-screen-device img{display:block;width:100%;height:100%;border-radius:16px;object-fit:cover;object-position:top center;filter:saturate(1.04) brightness(.92)}.ma-app-screen-speaker{position:absolute;top:8px;left:50%;z-index:2;width:58px;height:4px;border-radius:999px;background:#f3e7c542;transform:translate(-50%)}.ma-app-screen-copy{position:relative;z-index:1;display:grid;gap:9px;align-content:start;min-width:0}.ma-app-screen-copy span{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.ma-app-screen-copy span svg{color:var(--gold)}.ma-app-screen-copy h3{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(21px,1.8vw,30px);line-height:1.12}.ma-app-screen-copy p{margin:0;color:#d6deeadb;font-size:14.5px;line-height:1.64}.ma-loop-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ma-loop-step{position:relative;display:grid;gap:10px;align-content:start;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(201,168,106,.24);border-radius:8px;background:linear-gradient(180deg,#161c2dbd,#060912e6),#060912d6;box-shadow:var(--shadow-panel)}.ma-loop-step img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;filter:saturate(1.06) brightness(.84)}.ma-loop-step span{margin:var(--card-inset) var(--card-inset) 0;color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.ma-loop-step strong{margin-inline:var(--card-inset);color:#c9a86a8a;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5vw,70px);line-height:.86}.ma-loop-step h3{margin:0 var(--card-inset);color:var(--ink);font-size:clamp(20px,1.7vw,27px);line-height:1.12}.ma-loop-step p{margin:0 var(--card-inset) var(--card-inset);color:#d6deeadb;font-size:14.5px;line-height:1.64}.ma-showcase{background:linear-gradient(180deg,#080c18,#05070e),radial-gradient(circle at 70% 10%,rgba(142,62,70,.1),transparent 32%)}.ma-showcase-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:clamp(22px,5vw,58px);align-items:center}.ma-phone-frame{position:sticky;top:96px;overflow:hidden;aspect-ratio:9 / 16;padding:14px;border-radius:30px;border-color:#c9a86a7a;background:linear-gradient(180deg,#11182a,#03050a)}.ma-phone-frame img{width:100%;height:100%;border-radius:20px;object-fit:cover;filter:saturate(1.06) brightness(.88)}.ma-phone-speaker{position:absolute;top:12px;left:50%;z-index:2;width:72px;height:5px;border-radius:999px;background:#b8c3d938;transform:translate(-50%)}.ma-phone-hud{position:absolute;inset:28px 26px auto;display:flex;justify-content:space-between;gap:8px}.ma-phone-hud span{padding:6px 8px;border:1px solid rgba(201,168,106,.28);border-radius:5px;color:var(--ink);background:#05070eb8;font-size:11px;font-weight:900}.ma-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ma-shot-card{display:grid;overflow:hidden}.ma-shot-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:saturate(1.04) brightness(.88)}.ma-shot-card div{display:grid;gap:7px;padding:var(--card-inset)}.ma-world-teaser{background:linear-gradient(180deg,#05070e,#080c18),radial-gradient(circle at 12% 20%,rgba(142,62,70,.12),transparent 30%)}.ma-world-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ma-world-card{position:relative;min-height:420px;align-content:end;overflow:hidden;padding:0;border-color:#c9a86a47}.ma-world-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) brightness(.72);transition:transform var(--motion-slow),filter var(--motion-slow)}.ma-world-card:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(0deg,rgba(5,7,14,.98) 0%,rgba(5,7,14,.62) 44%,transparent 74%),linear-gradient(90deg,rgba(5,7,14,.5),transparent)}.ma-world-card span,.ma-world-card h3,.ma-world-card p{position:relative;z-index:1;margin-inline:var(--card-inset)}.ma-world-card span{width:fit-content;margin-bottom:8px;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:.9}.ma-world-card h3{margin-bottom:8px}.ma-world-card p{margin-bottom:var(--card-inset)}.ma-world-card:hover img{transform:scale(1.04);filter:saturate(1.08) brightness(.84)}.ma-world,.ma-trailer{display:grid;grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr);align-items:center;gap:clamp(24px,5vw,66px)}.ma-world-copy,.ma-trailer-copy,.ma-register{display:grid;gap:16px}.ma-world-map,.ma-trailer-frame{overflow:hidden}.ma-world-map img,.ma-trailer-frame img{display:block;width:100%;height:auto;filter:saturate(1.04) brightness(.9)}.ma-character-card{overflow:hidden;padding:0}.ma-character-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 18%;filter:saturate(1.02) brightness(.92)}.ma-character-card div{display:grid;gap:8px;padding:var(--card-inset)}.ma-trailer-frame{position:relative}.ma-play-button{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(201,168,106,.64);border-radius:999px;color:#080a10;background:linear-gradient(180deg,#f1d792,var(--gold));box-shadow:var(--glow-gold);transform:translate(-50%,-50%)}.ma-motion-teaser{display:grid;grid-template-columns:minmax(320px,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(24px,5vw,66px);background:radial-gradient(circle at 18% 24%,rgba(143,215,210,.1),transparent 32%),linear-gradient(180deg,#080c18,#05070e)}.ma-motion-frame{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(201,168,106,.34);border-radius:8px;background:#05070e;box-shadow:var(--shadow-panel)}.ma-motion-trigger{width:100%;padding:0;color:inherit;text-align:left;cursor:pointer}.ma-motion-trigger:hover .ma-play-button{transform:translate(-50%,-50%) scale(1.04)}.ma-motion-frame img,.ma-trailer-video{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(1.08) contrast(1.05) brightness(.72);animation:trailer-slow-push 9s ease-in-out infinite alternate}.ma-trailer-video{background:linear-gradient(135deg,#c9a86a1a,#05070ef2),#05070e}.ma-motion-frame:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(0deg,rgba(5,7,14,.92),transparent 44%,rgba(5,7,14,.38)),radial-gradient(circle at 50% 42%,transparent 0 24%,rgba(5,7,14,.4) 64%)}.motion-fog{position:absolute;left:-15%;width:130%;height:92px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(216,224,244,.28),rgba(143,215,210,.18),transparent);filter:blur(18px);opacity:.7;transform:skewY(-4deg);animation:motion-fog-drift 7.6s linear infinite}.motion-fog.one{bottom:24%}.motion-fog.two{bottom:42%;opacity:.42;animation-duration:10.8s;animation-direction:reverse}.motion-title-cards{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;gap:8px}.motion-title-cards span{width:fit-content;max-width:100%;padding:8px 11px;border:1px solid rgba(201,168,106,.32);border-radius:4px;color:var(--ink);background:#05070ead;font-size:13px;font-weight:900;text-transform:uppercase;opacity:0;transform:translateY(10px);animation:trailer-card-in 7.2s ease-in-out infinite}.ma-trailer-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(18px,4vw,48px)}.ma-trailer-modal-backdrop{position:absolute;inset:0;border:0;background:radial-gradient(circle at 50% 34%,rgba(143,215,210,.14),transparent 30%),#02040adb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ma-trailer-modal-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(16px,3vw,30px);width:min(1160px,100%);max-height:min(820px,92svh);overflow:hidden;padding:clamp(14px,2vw,22px);border:1px solid rgba(201,168,106,.38);border-radius:10px;background:linear-gradient(135deg,rgba(201,168,106,.12),transparent 34%),linear-gradient(180deg,#0f1422f5,#05070efa);box-shadow:0 32px 120px #000000b8,var(--glow-cyan)}.ma-trailer-modal-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(201,168,106,.38);border-radius:999px;color:var(--ink);background:#05070eb8}.ma-trailer-modal-frame{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(143,215,210,.18);border-radius:8px;background:#02040a}.ma-trailer-modal-frame video{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(1.05) brightness(.78)}.ma-trailer-modal-pending{position:absolute;left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);display:grid;gap:8px;max-width:560px;padding:14px 16px;border:1px solid rgba(201,168,106,.28);border-radius:6px;background:#05070ead;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ma-trailer-modal-pending span{color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.ma-trailer-modal-pending strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(22px,3vw,36px);line-height:1.08}.ma-trailer-modal-copy{display:grid;align-content:end;gap:14px;padding:28px 48px 10px 0}.ma-trailer-modal-copy h2,.ma-trailer-modal-copy p{margin:0}.ma-trailer-modal-copy h2{color:var(--ink);font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:1.05}.ma-trailer-modal-copy p:last-child{color:var(--fog);line-height:1.72}.motion-title-cards span:nth-child(2){animation-delay:1.2s}.motion-title-cards span:nth-child(3){animation-delay:2.4s}.ma-motion-frame .ma-play-button{z-index:3}.ma-register{justify-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(201,168,106,.16),transparent 36%),linear-gradient(180deg,#0b1020,#05070e)}.ma-register>p{max-width:560px;margin:0}.ma-register-form{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:10px;align-items:end;width:min(680px,100%);margin-top:6px}.ma-register-form label{text-align:left}.ma-register-form label span{color:var(--lamp);font-size:12px;font-weight:900;text-transform:uppercase}.ma-register-form input{min-height:52px;border-color:#c9a86a52;border-radius:6px;background:#05070eb8;font-weight:800}.ma-form-status{max-width:680px;margin:0;font-weight:900}.ma-form-status.success{color:var(--lamp)}.ma-form-status.error{color:#ffb4b4}.ma-store-buttons{justify-content:center;margin-top:8px}.ma-store-button{display:grid;gap:2px;min-width:170px;padding:11px 18px;color:var(--ink);background:#080c18db;border-color:#b8c3d938}.ma-store-button span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.ma-store-button strong{font-size:18px}.ma-store-button.beta{color:#080a10;background:linear-gradient(180deg,#f1d792,var(--gold))}.ma-store-button.beta span{color:#05070eb8}.ma-community-links{justify-content:center}.ma-community-links a,.ma-footer a{color:var(--fog);font-size:13px;font-weight:900;text-transform:uppercase;text-decoration:none}.ma-faq-list{display:grid;gap:10px;max-width:920px}.ma-faq-item{padding:0}.ma-faq-item summary{cursor:pointer;padding:14px var(--card-inset);color:var(--ink);font-size:18px;font-weight:900}.ma-faq-item p{margin:0;padding:0 var(--card-inset) var(--card-inset)}.ma-chronicle,.ma-launch-story{background:radial-gradient(circle at 78% 18%,rgba(201,168,106,.1),transparent 30%),linear-gradient(180deg,#05070e,#0b1020)}.ma-chronicle-grid,.ma-launch-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ma-chronicle-card,.ma-launch-story-card{min-height:0;align-content:end;overflow:hidden;padding:0}.ma-chronicle-card svg,.ma-launch-story-card svg{margin:var(--card-inset) var(--card-inset) 0;color:var(--lamp)}.ma-chronicle-card span,.ma-launch-story-card span{margin-inline:var(--card-inset);color:#c9a86aa3;font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:.9}.ma-launch-story-card h3,.ma-launch-story-card p{margin-inline:var(--card-inset)}.ma-launch-story-card p{margin-bottom:var(--card-inset)}.ma-character-detail-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:end;gap:clamp(24px,5vw,72px);min-height:720px;padding:clamp(120px,13vw,180px) clamp(18px,7vw,104px) clamp(58px,8vw,96px);background:radial-gradient(circle at 70% 26%,rgba(143,215,210,.1),transparent 28%),linear-gradient(180deg,#05070e1a,#05070e 78%),url(/assets/brand/key-visuals/midnight-atlas-hero-key.webp) center / cover}.ma-character-detail-copy{display:grid;gap:14px;min-width:0}.ma-character-detail-copy h1,.ma-character-lore-copy h2{margin:0;color:var(--ink);font-size:clamp(44px,6vw,88px);line-height:.96}.ma-character-detail-copy p,.ma-character-lore-copy p{max-width:760px;color:var(--fog);font-size:clamp(16px,1.7vw,20px);line-height:1.68}.ma-character-detail-hero>img{width:min(420px,100%);max-height:min(620px,72svh);object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 20%,rgba(143,215,210,.12),transparent 38%),#05070e6b;justify-self:center;border:1px solid rgba(201,168,106,.34);border-radius:8px;box-shadow:var(--shadow-panel)}.ma-back-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:34px;border:1px solid rgba(184,195,217,.18);border-radius:6px;color:var(--fog);background:#05070e94;font-weight:900}.ma-back-link svg{transform:rotate(180deg)}.ma-character-lore{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,66px);align-items:start}.ma-character-lore-copy{display:grid;gap:16px;min-width:0;max-width:100%}.ma-character-lore-copy p{min-width:0;overflow-wrap:anywhere}.ma-character-hooks{display:flex;flex-wrap:wrap;gap:8px}.ma-character-hooks span{min-height:34px;padding:8px 10px;border:1px solid rgba(143,215,210,.26);border-radius:6px;color:var(--lamp);background:#05070e85;font-size:12px;font-weight:900}.ma-character-ui-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-character-ui-card{overflow:hidden;padding:0}.ma-character-ui-card h3,.ma-character-ui-card p{margin-inline:var(--card-inset)}.ma-character-ui-card p{margin-bottom:var(--card-inset)}.ma-character-ui-card img.ma-character-portrait-image{aspect-ratio:4 / 3;object-fit:contain;object-position:center top;padding:12px 12px 0;background:radial-gradient(circle at 50% 16%,rgba(143,215,210,.12),transparent 34%),linear-gradient(180deg,#0a0f1ddb,#05070ef0)}.ma-character-story{background:radial-gradient(circle at 82% 18%,rgba(201,168,106,.1),transparent 28%),linear-gradient(180deg,#080c18,#05070e)}.ma-character-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-character-story-card{position:relative;min-height:250px;align-content:start;overflow:hidden;background:linear-gradient(135deg,rgba(201,168,106,.1),transparent 34%),linear-gradient(180deg,#161c2dc7,#060912eb)}.ma-character-story-card:after{position:absolute;inset:auto var(--card-inset) 0;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(143,215,210,.3),transparent)}.ma-character-story-card span{width:fit-content;padding:6px 9px;border:1px solid rgba(143,215,210,.24);border-radius:4px;color:var(--lamp);background:#05070e7a;font-size:11px;font-weight:900;text-transform:uppercase}.marketing-subpage{min-height:calc(100svh - 64px)}.app-only-route{display:grid;place-items:center;min-height:calc(100svh - 64px);padding:clamp(96px,12vw,152px) clamp(18px,6vw,88px);background:radial-gradient(circle at 50% 20%,rgba(143,215,210,.12),transparent 32%),linear-gradient(180deg,#05070e,#080c18)}.app-only-panel{display:grid;justify-items:start;gap:16px;width:min(760px,100%);padding:clamp(32px,6vw,58px);border:1px solid rgba(201,168,106,.24);border-radius:8px;background:linear-gradient(135deg,rgba(201,168,106,.1),transparent 40%),#080c18e0;box-shadow:var(--shadow-panel)}.app-only-panel>svg{color:var(--gold)}.app-only-panel h1{max-width:680px;margin:0;color:var(--ink);font-size:clamp(34px,5vw,62px);line-height:1.02}.app-only-panel p:not(.ma-eyebrow){max-width:640px;color:var(--fog);font-size:clamp(15px,1.55vw,18px);line-height:1.7}.ma-subpage-hero{position:relative;display:grid;gap:16px;min-height:450px;align-content:end;padding:clamp(130px,14vw,190px) clamp(18px,7vw,104px) clamp(58px,8vw,96px);overflow:hidden;background:linear-gradient(90deg,#05070efa,#05070ebd,#05070efa),url(/assets/brand/key-visuals/midnight-atlas-hero-key.webp) center / cover}.ma-subpage-hero:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(0deg,#05070e 0%,transparent 32%),radial-gradient(circle at 70% 20%,rgba(143,215,210,.12),transparent 34%)}.ma-subpage-hero>*{position:relative;z-index:1;width:min(940px,100%)}.ma-subpage-hero h1{max-width:920px;margin:0;color:var(--ink);font-size:clamp(40px,6vw,84px);line-height:.96;text-wrap:balance}.ma-subpage-hero>p:last-child{max-width:720px;margin:0;color:var(--fog);font-size:clamp(16px,1.8vw,20px);line-height:1.62}.ma-form-hint{color:var(--muted);font-size:13px}.standalone{padding-top:clamp(48px,6vw,82px)}.ma-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px clamp(18px,6vw,88px);border-top:1px solid rgba(201,168,106,.2);background:#05070e}.ma-footer div{display:grid;gap:3px}.ma-footer strong{color:var(--ink)}.ma-footer span{color:var(--muted);font-size:13px}.ma-footer nav{display:flex;flex-wrap:wrap;gap:12px}.ma-mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(201,168,106,.24);background:#05070eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.official-site{overflow:hidden;background:linear-gradient(180deg,#05070c1a,#05070cfa 38%),linear-gradient(90deg,#8ce6b00d,#c86b6b0a)}.official-hero{position:relative;display:grid;align-items:center;min-height:min(760px,calc(100vh - 150px));padding:clamp(36px,6vw,82px) clamp(18px,6vw,86px) clamp(28px,5vw,62px);overflow:hidden}.official-hero-art,.official-hero-art img,.official-hero-shade{position:absolute;inset:0}.official-hero-art img{width:100%;height:100%;object-fit:cover;object-position:56% center;filter:saturate(1.04) contrast(1.04) brightness(.86)}.official-hero-shade{background:linear-gradient(90deg,#05070cf5,#05070cc7,#05070c47 68%,#05070cc2),linear-gradient(0deg,rgba(5,7,12,.98) 0%,transparent 32%,rgba(5,7,12,.34) 100%)}.official-hero-content{position:relative;z-index:1;display:grid;gap:15px;max-width:860px;text-shadow:0 2px 24px rgba(0,0,0,.66)}.official-hero h1{max-width:980px;margin:0;font-size:clamp(42px,7.4vw,88px)}.hero-lead{max-width:700px;margin:0;color:#f3f6fb;font-size:clamp(16px,1.8vw,21px);line-height:1.58}.hero-actions{margin-top:4px}.hero-button{min-height:48px;padding-inline:18px}.availability-strip{display:flex;flex-wrap:wrap;gap:10px;max-width:760px}.availability-strip span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid rgba(244,231,192,.18);border-radius:6px;color:var(--ink);background:#080a128f;font-size:13px;font-weight:800}.availability-strip svg{color:var(--lamp)}.site-section{position:relative;padding:clamp(54px,8vw,104px) clamp(18px,6vw,86px)}.story-band,.install-panel{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);align-items:center;gap:clamp(24px,5vw,70px)}.story-band{padding-top:clamp(26px,4vw,48px);background:linear-gradient(180deg,#05070cfa,#0b0e17f0),linear-gradient(90deg,#d7b46a14,#6ca7ff0f)}.section-copy,.section-heading,.install-copy{display:grid;gap:16px;min-width:0}.section-copy h2,.section-heading h2,.install-copy h2{max-width:760px;color:var(--ink);font-size:clamp(30px,4.6vw,58px);line-height:1.02}.section-copy p,.install-copy p{max-width:690px;margin:0;color:var(--text);font-size:16px;line-height:1.75}.story-frame{min-width:0;margin:0}.story-frame picture,.media-card{display:block;overflow:hidden;border:1px solid rgba(244,231,192,.2);border-radius:8px;background:#080a12b3;box-shadow:var(--shadow)}.story-frame img,.media-card img{display:block;width:100%;height:auto}.story-frame figcaption{margin-top:10px;color:var(--muted);font-size:12px}.pillars-band{background:linear-gradient(180deg,#0b0e17f5,#07090ffa),linear-gradient(90deg,#8ce6b00f,#c86b6b0d)}.section-heading{max-width:860px;margin-bottom:clamp(22px,4vw,38px)}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pillar-card{display:grid;align-content:start;gap:12px;min-height:230px;padding:18px;border:1px solid rgba(216,224,244,.16);border-radius:8px;background:linear-gradient(180deg,#151821db,#0a0d14eb)}.pillar-card svg{color:var(--gold)}.pillar-card h3,.media-card h3,.pwa-install-card h3{margin:0;color:var(--ink);font-size:18px;line-height:1.25}.pillar-card p,.media-card p{margin:0;color:var(--muted);line-height:1.6}.media-band{background:#070910}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-card{display:grid;grid-template-rows:auto 1fr}.media-card div{display:grid;gap:8px;padding:14px}.install-band{background:linear-gradient(180deg,#070910fa,#0a0b11),linear-gradient(90deg,#d7b46a14,#8ce6b00f)}.install-panel{align-items:stretch}.install-copy{align-content:center}.game-shell{min-height:100dvh;background:radial-gradient(circle at 22% 0%,rgba(201,168,106,.12),transparent 30%),radial-gradient(circle at 84% 12%,rgba(143,215,210,.11),transparent 28%),linear-gradient(180deg,#05070e,#0b1020 42%,#05070e)}.game-topbar{border-bottom-color:#c9a86a42;background:#05070ed6}.game-topbar .brand-mark{border-color:#c9a86a8f;color:#05070e;background:linear-gradient(135deg,#f1ddaa,#c9a86a);box-shadow:var(--glow-gold)}.mobile-rpg-route{display:block;min-height:calc(100dvh - 66px);padding:clamp(12px,2vw,22px);background:linear-gradient(180deg,#05070e14,#05070edb),radial-gradient(circle at 50% 0%,rgba(143,215,210,.08),transparent 36%)}.mobile-rpg-chrome{display:grid;gap:14px;width:min(1240px,100%);margin:0 auto}.mobile-rpg-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(201,168,106,.26);border-radius:16px;background:linear-gradient(135deg,#12182ae0,#05070ec2),#05070ed1;box-shadow:var(--shadow-panel)}.mobile-rpg-titlebar h1{margin:0;color:var(--ink);font-size:24px;letter-spacing:0}.mobile-rpg-titlebar span{color:var(--muted);font-size:13px}.mobile-rpg-status-cluster{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mobile-rpg-status-cluster>span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid rgba(201,168,106,.24);border-radius:999px;color:var(--ink);background:#05070e94;font-size:12px;font-weight:800}.mobile-rpg-stage{position:relative}.ma-game-frame{position:relative;min-height:560px;padding:8px;overflow:hidden;border:1px solid rgba(201,168,106,.4);border-radius:22px;background:linear-gradient(135deg,rgba(201,168,106,.14),transparent 36%),linear-gradient(180deg,#12182aeb,#05070ef5);box-shadow:var(--shadow-panel),inset 0 0 0 1px #8fd7d214}.ma-game-frame:before{position:absolute;inset:8px;z-index:1;border:1px solid rgba(238,231,213,.08);border-radius:16px;pointer-events:none;content:""}.ma-game-frame .game-canvas-host{position:relative;z-index:0;height:min(68dvh,760px);min-height:540px;border:0;border-radius:16px;box-shadow:none}.app-title-screen{position:relative;display:grid;align-items:end;min-height:min(68dvh,760px);overflow:hidden;border-radius:16px;background:#05070e}.app-title-screen picture,.app-title-screen img,.app-title-vignette{position:absolute;inset:0}.app-title-screen img{width:100%;height:100%;object-fit:cover;object-position:60% center}.app-title-vignette{background:linear-gradient(90deg,#05070ef5,#05070e7a),linear-gradient(0deg,rgba(5,7,14,.96),transparent 62%)}.app-title-panel{position:relative;z-index:2;display:grid;gap:14px;width:min(560px,calc(100% - 28px));margin:0 0 28px 28px;padding:18px;border:1px solid rgba(201,168,106,.38);border-radius:18px;background:linear-gradient(135deg,#12182adb,#05070ecc),#05070ed1;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-title-panel h2{max-width:440px;margin:0;color:var(--ink);font-size:clamp(28px,4vw,48px);line-height:.98}.app-title-panel p{max-width:470px;margin:0;color:var(--muted);line-height:1.55}.app-title-actions{display:flex;flex-wrap:wrap;gap:10px}.in-game-menu-shell{position:absolute;inset:18px;z-index:11;display:grid;align-content:center;gap:14px;padding:18px;border:1px solid rgba(201,168,106,.46);border-radius:18px;background:radial-gradient(circle at 78% 10%,rgba(143,215,210,.12),transparent 34%),linear-gradient(135deg,#12182af5,#05070ef2);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.in-game-menu-shell>header,.in-game-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.in-game-menu-shell h2{margin:0;color:var(--ink);font-size:32px}.in-game-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.in-game-menu-grid article{display:grid;gap:8px;min-height:136px;padding:14px;border:1px solid rgba(184,195,217,.16);border-radius:14px;background:linear-gradient(135deg,#c9a86a1a,#182033db),#12182ad1}.in-game-menu-grid svg{color:var(--gold)}.in-game-menu-grid h3,.in-game-menu-grid p{margin:0}.in-game-menu-grid h3{color:var(--ink)}.in-game-menu-grid p{color:var(--muted);line-height:1.45}.mobile-rpg-bottom-sheet{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px;align-items:start}.mobile-rpg-bottom-sheet .objective-guide{min-height:104px}.mobile-rpg-quick-actions{display:grid;grid-template-columns:1fr .58fr .58fr;gap:8px}.mobile-rpg-city-state,.mobile-rpg-bottom-sheet .journey-panel{background:linear-gradient(135deg,#c9a86a14,#12182ad6),#05070e9e}.game-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:14px;padding:14px}.game-main{display:grid;grid-template-rows:minmax(360px,calc(100vh - 310px)) auto;gap:12px;min-width:0}.game-canvas-host{min-height:360px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#070910;box-shadow:var(--shadow)}.game-canvas-host canvas{display:block;width:100%;height:100%}.rpg-stage-shell{position:relative;min-height:480px;overflow:hidden;border-radius:8px}.rpg-stage-shell .game-canvas-host{height:min(76vh,760px);min-height:480px}.game-route.mobile-rpg-route{display:block;grid-template-columns:none;gap:0;padding:clamp(12px,2vw,22px)}.rpg-stage-shell.ma-game-frame{min-height:560px;border-radius:22px}.rpg-stage-shell.ma-game-frame .game-canvas-host{height:min(68dvh,760px);min-height:540px;border:0;border-radius:16px;box-shadow:none}.challenge-overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:#05070cbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.challenge-panel{display:grid;gap:14px;width:min(940px,100%);max-height:100%;overflow:auto;padding:16px;border:1px solid rgba(215,180,106,.54);border-radius:8px;background:linear-gradient(135deg,#14131cfa,#0c0e16fa),#111522f5;box-shadow:var(--shadow)}.challenge-header,.challenge-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,#05070e00,#05070ef0 34%)}.challenge-header h2{font-size:24px}.challenge-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.challenge-meter{display:grid;gap:6px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#080a128f}.challenge-meter span{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.challenge-meter div{height:9px;overflow:hidden;border-radius:999px;background:#f4e7c01f}.challenge-meter i{display:block;height:100%;border-radius:inherit}.challenge-meter.danger i{background:var(--red)}.challenge-meter.success i{background:var(--lamp)}.challenge-meter.focus i{background:var(--gold)}.challenge-board{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px}.template-beast-card,.challenge-log{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#080a129e}.template-beast-card{display:grid;place-items:center;text-align:center}.template-beast-card p,.challenge-log p{margin:6px 0 0;color:var(--muted);line-height:1.45}.beast-eye{display:block;width:96px;height:70px;margin-bottom:10px;border:2px solid rgba(200,208,223,.52);border-radius:50% 50% 44% 44%;background:linear-gradient(135deg,#c8d0df2e,#c8d0df05),radial-gradient(circle at 50% 52%,var(--blue) 0 12px,transparent 13px)}.challenge-result{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;font-weight:800}.challenge-result.success{color:#10131b;background:var(--lamp)}.challenge-result.danger{color:#10131b;background:var(--red)}.repair-hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.repair-card{display:grid;gap:8px;min-height:138px;padding:12px;border:1px solid rgba(244,231,192,.24);border-radius:8px;color:var(--text);text-align:left;background:#151821eb}.repair-card span{color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.repair-card strong{color:var(--ink);line-height:1.2}.repair-card small{color:var(--muted)}.repair-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px #d7b46a33}.challenge-panel{border-radius:18px;background:radial-gradient(circle at 50% 12%,rgba(143,215,210,.12),transparent 28%),linear-gradient(135deg,#12182afa,#05070efa);box-shadow:var(--shadow-panel)}.challenge-header h2{color:var(--ink);letter-spacing:0}.challenge-meter,.template-beast-card,.challenge-log,.repair-card{border-color:#c9a86a38;border-radius:14px;background:linear-gradient(135deg,#c9a86a14,#182033b8),#05070e9e}.beast-eye{box-shadow:0 0 38px #8fd7d233,inset 0 0 24px #8fd7d229;animation:fog-breathe 2.6s ease-in-out infinite}.repair-card{transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.repair-card:not(:disabled):hover,.repair-card.selected{transform:translateY(-4px)}.repair-card.selected{box-shadow:0 0 0 2px #c9a86a4d,0 18px 44px #00000052}.challenge-reward-screen{display:grid;gap:12px;padding:16px;border:1px solid rgba(201,168,106,.42);border-radius:16px;background:radial-gradient(circle at 16% 18%,rgba(143,215,210,.18),transparent 32%),linear-gradient(135deg,#c9a86a24,#12182adb);box-shadow:var(--glow-gold)}.challenge-reward-screen h3{margin:0;color:var(--ink);font-size:24px}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reward-grid span{min-height:56px;padding:12px;border:1px solid rgba(143,215,210,.24);border-radius:12px;color:var(--ink);background:#05070e85;font-weight:800}.game-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.playable-route{grid-template-columns:minmax(0,1fr) minmax(330px,420px);gap:16px}.playable-route .game-main{grid-template-rows:auto}.playable-route .objective-guide{min-height:66px;padding:10px 12px;border-color:#d7b46a3d;background:#0d1119c7}.playable-route .objective-step{min-height:20px;margin-bottom:3px;font-size:11px}.playable-route .objective-guide h1{margin-bottom:2px;font-size:18px;line-height:1.2}.playable-route .objective-guide p{max-width:720px;font-size:13px;line-height:1.35}.playable-route .primary-button.large{min-height:38px;padding:8px 12px;font-size:13px}.game-shell:has(.portrait-app-route){background:#05070e}.game-shell:has(.portrait-app-route) .game-topbar{display:none}.portrait-app-route{min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 0,rgba(201,168,106,.15),transparent 28%),radial-gradient(circle at 12% 22%,rgba(143,215,210,.08),transparent 32%),linear-gradient(180deg,#05070e,#0b1020 52%,#05070e)}.portrait-app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;width:min(100%,480px);min-height:100svh;margin-inline:auto;padding:14px;border:1px solid rgba(201,168,106,.34);background:linear-gradient(180deg,#0a0f1bf5,#03050afa),radial-gradient(circle at 50% 10%,rgba(201,168,106,.13),transparent 34%);box-shadow:inset 0 0 0 1px #ffefc60d,0 0 80px #00000075}.portrait-app-topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:4px}.portrait-app-brand{display:grid;gap:2px;color:var(--ink);font-family:var(--font-display);text-shadow:0 0 18px rgba(243,231,197,.18)}.portrait-app-brand span{font-size:clamp(28px,10vw,44px);line-height:.96}.portrait-app-brand small{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.22em}.portrait-app-resource-row{display:flex;flex-wrap:wrap;gap:8px}.portrait-app-resource{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 9px;border:1px solid rgba(201,168,106,.22);border-radius:5px;color:var(--ink);background:#05070e9e;font-size:12px;font-weight:900}.portrait-app-resource svg{color:var(--gold)}.portrait-app-stage{display:grid;gap:14px;min-height:0}.portrait-app-copy-panel{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid rgba(201,168,106,.24);border-radius:8px;background:linear-gradient(135deg,rgba(201,168,106,.09),transparent 34%),#080d18c7}.portrait-app-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.portrait-app-kicker svg{color:var(--gold)}.portrait-app-copy-panel h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,8vw,42px);line-height:1.04}.portrait-app-copy-panel p{margin:0;color:#d6deeae0;font-size:14px;line-height:1.62}.portrait-app-copy-panel ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.portrait-app-copy-panel li{position:relative;padding-left:15px;color:#b8c3d9db;font-size:12.5px;line-height:1.45}.portrait-app-copy-panel li:before{position:absolute;top:.68em;left:0;width:5px;height:5px;border-radius:999px;background:var(--gold);content:""}.portrait-app-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.portrait-app-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid rgba(243,231,197,.38);border-radius:6px;color:#fff4cf;background:linear-gradient(180deg,#c9a86a4d,#5b421bd1),#c9a86a3d;box-shadow:var(--glow-gold);font-weight:900}.portrait-app-actions .secondary{color:var(--muted);background:#05070ea3;box-shadow:none}.portrait-app-phone{position:relative;justify-self:center;width:min(100%,320px);min-height:0;overflow:hidden;aspect-ratio:9 / 16;padding:10px;border:1px solid rgba(201,168,106,.58);border-radius:24px;background:linear-gradient(180deg,rgba(201,168,106,.2),transparent 13%),#02040a;box-shadow:inset 0 0 0 1px #ffefc614,0 24px 70px #0000006b}.portrait-app-phone img{display:block;width:100%;height:100%;border-radius:16px;object-fit:cover;object-position:top center}.portrait-app-phone-speaker{position:absolute;top:8px;left:50%;z-index:2;width:58px;height:4px;border-radius:999px;background:#f3e7c542;transform:translate(-50%)}.portrait-app-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;border:1px solid rgba(201,168,106,.22);border-radius:8px;background:#05070eb8}.portrait-app-bottom-nav button{display:grid;justify-items:center;gap:4px;min-width:0;min-height:52px;padding:7px 4px;border:1px solid transparent;border-radius:6px;color:#b8c3d9c2;background:transparent;font-size:10.5px;font-weight:900}.portrait-app-bottom-nav button svg{color:#c9a86ab3}.portrait-app-bottom-nav button.active{border-color:#c9a86a61;color:var(--ink);background:radial-gradient(circle at 50% 0,rgba(201,168,106,.28),transparent 72%),#c9a86a1a;box-shadow:inset 0 0 22px #c9a86a1f}.portrait-app-framework-notes{display:grid;gap:6px;padding:10px 2px 0;color:#b8c3d994;font-size:10.5px;line-height:1.38}.objective-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;padding:18px;border:1px solid rgba(215,180,106,.44);border-radius:8px;background:linear-gradient(135deg,#d7b46a29,#111522e0),#111522e6;box-shadow:var(--shadow)}.objective-guide.completed{border-color:#8ce6b085}.objective-copy{min-width:0}.objective-step{display:inline-flex;align-items:center;gap:7px;min-height:28px;margin-bottom:8px;color:var(--lamp);font-size:13px;font-weight:800;text-transform:uppercase}.objective-guide h1{margin:0 0 8px;font-size:clamp(28px,4vw,48px);line-height:1.05}.objective-guide p{max-width:760px;margin:0;color:var(--text);line-height:1.55}.objective-action{display:grid;justify-items:end;gap:7px;min-width:min(270px,100%)}.objective-action small{color:var(--muted);text-align:right}.primary-button.large{min-height:52px;padding:13px 18px;font-size:16px}.scene-stage{position:relative;min-height:470px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#070910;box-shadow:var(--shadow)}.scene-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(.84)}.scene-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a12e6,#080a123d 55%,#080a12bd),linear-gradient(0deg,rgba(8,10,18,.9),transparent 45%);pointer-events:none}.scene-stage-overlay,.scene-stage-actions{position:relative;z-index:1}.scene-stage-overlay{display:flex;align-items:flex-start;justify-content:space-between;min-height:285px;padding:24px}.scene-stage-overlay h2{margin:0 0 8px;font-size:clamp(30px,5vw,56px);line-height:1}.scene-stage-overlay p{max-width:470px;margin:0;color:var(--text)}.scene-stage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px}.stage-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 12px;border:1px solid rgba(244,231,192,.28);border-radius:8px;color:var(--text);background:#080a12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:800}.stage-action.highlighted{color:#10131b;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #d7b46a33}.prototype-map{border:1px dashed rgba(200,208,223,.26);border-radius:8px;background:#080a126b}.prototype-map summary{padding:12px 14px;color:var(--muted);cursor:pointer;font-weight:700}.prototype-map .game-canvas-host{min-height:240px;border:0;border-top:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:none}.journey-panel h2{margin-bottom:10px}.journey-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.journey-list li{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:8px;min-height:34px;padding:8px;border-radius:8px;color:var(--muted);background:#080a124d}.journey-list li.active{color:var(--ink);background:#d7b46a24;box-shadow:inset 0 0 0 1px #d7b46a47}.journey-list li.done{color:var(--lamp)}.systems-panel p{margin-bottom:0;line-height:1.5}.panel,.dialogue-box,.card-tray,.recipe-card,.catalog-card,.modal-panel{border:1px solid var(--line);border-radius:8px;background:#111522d1;box-shadow:0 12px 42px #0000002e}.panel,.card-tray,.recipe-card,.catalog-card{padding:14px}.panel.compact{padding:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dialogue-box{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px;animation:panel-rise var(--motion-standard)}.dialogue-portrait{width:86px;height:86px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#0d1117}.dialogue-copy strong{color:var(--gold)}.dialogue-copy p{margin:6px 0;line-height:1.55}.dialogue-cursor{display:inline-block;width:8px;height:18px;margin-left:2px;border-radius:2px;background:var(--lamp);animation:cursor-blink .9s steps(2,start) infinite}.quest-step{margin:6px 0;color:var(--text);font-weight:700}.progress-track,.fog-meter{height:8px;overflow:hidden;border-radius:999px;background:#c8d0df24}.progress-track span,.fog-meter span{display:block;height:100%}.progress-track span{background:var(--lamp)}.fog-meter span{background:linear-gradient(90deg,var(--blue),var(--red))}.mini-count,.price-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:8px;color:#10131b;background:var(--lamp);font-size:12px;font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.card-tray.locked{opacity:.82}.card-instruction{margin:0 0 10px;color:var(--text);line-height:1.5}.card-instruction strong{color:var(--lamp)}.scene-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.scene-action{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#080a126b;text-align:left;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.scene-action:hover{border-color:#8ce6b075;background:#111522c2}.scene-action span{overflow-wrap:anywhere}.game-card{display:grid;gap:5px;position:relative;min-height:84px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#151821db;text-align:left;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.game-card:hover{transform:translateY(-1px)}.game-card em{width:fit-content;min-height:20px;padding:2px 6px;border-radius:7px;color:#111522;background:var(--lamp);font-size:11px;font-style:normal;font-weight:800}.game-card span,.game-card small{overflow-wrap:anywhere}.game-card small{color:var(--muted)}.game-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.game-card.recommended{border-color:#8ce6b080}.game-card.clarify{background:linear-gradient(135deg,#6ca7ff38,#151821e6)}.game-card.audience{background:linear-gradient(135deg,#8ce6b033,#151821e6)}.game-card.mood{background:linear-gradient(135deg,#d7b46a38,#151821e6)}.game-card.style{background:linear-gradient(135deg,#7d6aa83d,#151821e6)}.game-card.constraint{background:linear-gradient(135deg,#c86b6b38,#151821e6)}.game-card.delivery{background:linear-gradient(135deg,#f4e7c02e,#151821e6)}.save-indicator{display:inline-flex;align-items:center;gap:8px;min-width:0;width:fit-content;max-width:100%;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#111522c2;font-size:13px;transition:color var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.save-indicator.saving svg,.save-indicator.syncing svg{animation:spin .9s linear infinite}.save-indicator.saved{animation:save-pop var(--motion-slow)}.save-indicator span{overflow-wrap:anywhere}.save-indicator.saved,.save-indicator.local{color:var(--lamp)}.save-indicator.error,.save-indicator.conflict{color:var(--red)}.recipe-card dl,.meta-list{display:grid;gap:10px;margin:0}.recipe-card dt,.meta-list dt{color:var(--muted);font-size:12px;text-transform:uppercase}.recipe-card dd,.meta-list dd{margin:3px 0 0;line-height:1.48}.secondary-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--lamp);font-weight:700;text-decoration:none}.feedback-trigger{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--gold);color:#111522;border-color:var(--gold);box-shadow:var(--shadow)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#05060aad}.modal-panel{width:min(560px,100%);padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#080a12cc}input,select{min-height:42px;padding:9px 10px}textarea{min-height:120px;padding:10px;margin-bottom:10px;resize:vertical}.success-copy{color:var(--lamp)}.page-narrow,.page-wide{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:28px 0}.page-narrow{width:min(820px,calc(100% - 28px))}.two-column-grid,.three-column-grid,.catalog-grid,.retention-grid{display:grid;gap:14px}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-section{margin-top:14px}.list-row,.review-row,.notebook-line{margin:0 0 10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#080a1261}.list-row{display:grid;gap:4px}.list-row strong,.notebook-line{display:flex;align-items:center;gap:6px}.list-row span,.review-row small{color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#080a1270;font-size:11px;font-weight:800;overflow-wrap:anywhere}.retention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-card{display:grid;gap:5px;min-height:96px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#080a1261}.day-card strong{color:var(--lamp)}.day-card span,.day-card small{overflow-wrap:anywhere}.day-card small{color:var(--muted)}.review-row.blocker{border-color:var(--red)}.review-row.major{border-color:var(--gold)}.catalog-card{display:grid;gap:10px}.catalog-icon,.empty-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:8px;color:#10131b;background:var(--gold);font-weight:800}.empty-state,.loading-panel{display:grid;place-items:center;gap:12px;min-height:220px;text-align:center}.uat-check{display:flex;align-items:center;gap:8px;min-height:34px}.quest-toast-stack{position:fixed;top:78px;right:18px;z-index:32;display:grid;gap:8px;width:min(360px,calc(100vw - 28px));pointer-events:none}.quest-toast{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:11px 12px;border:1px solid rgba(140,230,176,.34);border-radius:8px;color:var(--text);background:#0d1119eb;box-shadow:var(--shadow);animation:toast-in var(--motion-slow)}.quest-toast.complete{border-color:#d7b46a7a}.quest-toast strong{color:var(--ink)}.quest-toast p{margin:2px 0 0;color:var(--muted);line-height:1.4}.input-log{display:grid;gap:6px;max-height:260px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:#080a1285}.input-log code,.content-error{display:block;padding:6px 8px;border-radius:7px;color:var(--lamp);background:#8ce6b017;font-size:12px;overflow-wrap:anywhere}.mobile-controls{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:31;display:none;grid-template-columns:132px 1fr 188px;align-items:end;gap:12px;pointer-events:none}.mobile-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-save-chip,.mobile-menu-chip{pointer-events:auto}.mobile-save-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:150px;min-height:32px;padding:7px 9px;border:1px solid rgba(201,168,106,.3);border-radius:999px;color:var(--lamp);background:linear-gradient(135deg,#12182ae0,#05070ebd),#05070ec7;font-size:11px;font-weight:800;box-shadow:var(--glow-cyan),0 10px 28px #00000042}.mobile-save-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-chip{justify-self:center}.mobile-icon-control,.dpad-button,.virtual-button{display:inline-grid;place-items:center;border:1px solid rgba(201,168,106,.3);border-radius:14px;color:var(--text);background:linear-gradient(135deg,#182033d1,#05070ec2),#111522d1;box-shadow:inset 0 0 0 1px #eee7d50a,0 12px 30px #00000052;transition:transform var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}.mobile-icon-control{width:44px;height:44px}.virtual-dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;justify-content:start;pointer-events:auto}.dpad-button{width:44px;height:44px}.dpad-button.move_up{grid-area:up}.dpad-button.move_left{grid-area:left}.dpad-button.move_right{grid-area:right}.dpad-button.move_down{grid-area:down}.virtual-action-buttons{display:flex;align-items:end;justify-content:flex-end;gap:8px;pointer-events:auto}.virtual-button{width:50px;height:56px;color:#10131b;background:linear-gradient(135deg,#f1ddaa,var(--gold));border-color:#ffffff24;font-weight:900}.virtual-button strong,.virtual-button small{display:block;line-height:1}.virtual-button small{margin-top:4px;font-size:9px;opacity:.78}.virtual-button.confirm{width:62px;height:62px;border-color:#eee7d56b;box-shadow:var(--glow-gold),0 14px 32px #00000057}.virtual-button.cancel{color:var(--text);background:#c86b6bc2}.virtual-button.context{color:#10131b;background:var(--lamp)}.mobile-icon-control:active,.dpad-button:active,.virtual-button:active{transform:translateY(2px) scale(.96);border-color:#f4e7c094}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-blink{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes save-pop{0%{border-color:#8ce6b0e0;box-shadow:0 0 #8ce6b047}to{border-color:var(--line);box-shadow:0 0 0 10px #8ce6b000}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fog-breathe{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes motion-fog-drift{0%{transform:translate(-8%) skewY(-4deg)}to{transform:translate(8%) skewY(-4deg)}}@keyframes trailer-slow-push{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes trailer-card-in{0%,14%{opacity:0;transform:translateY(10px)}22%,62%{opacity:1;transform:translateY(0)}76%,to{opacity:0;transform:translateY(-8px)}}@keyframes ma-digit-flip{0%{filter:brightness(1.4);transform:rotateX(68deg) translateY(-4px)}46%{filter:brightness(1.1);transform:rotateX(-8deg)}to{filter:brightness(1);transform:rotateX(0)}}.marketing-page h1,.marketing-page h2,.marketing-page h3,.brand-lockup-copy strong,.ma-logo-title{font-family:var(--font-display);letter-spacing:0}.ma-section-heading h2,.ma-narrative-lead h2,.ma-world-copy h2,.ma-register h2,.ma-trailer-copy h2{max-width:980px;font-size:clamp(34px,4.4vw,58px);line-height:1.08;font-weight:700}.ma-subpage-hero h1,.ma-character-detail-copy h1,.ma-world-detail-copy h1{font-family:var(--font-display);font-size:clamp(44px,6.4vw,92px);line-height:.98;font-weight:700;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.ma-card h3,.ma-shot-card h3{font-family:var(--font-display);font-size:clamp(21px,1.7vw,28px);line-height:1.16;font-weight:700}.ma-card p,.ma-shot-card p,.ma-faq-item p{color:#d6deeadb;font-size:15.5px;line-height:1.68}.ma-story-card img,.ma-feature-card img,.ma-narrative-card img,.ma-character-ui-card img{aspect-ratio:16 / 8.8;object-position:center 42%}.ma-launch-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ma-launch-story-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:18px;align-content:start;min-height:0}.ma-launch-story-card img{grid-row:1 / 5;height:clamp(230px,25vw,330px);min-height:0;aspect-ratio:auto;object-position:center 42%}.ma-launch-story-card:nth-child(2) img{object-position:center 34%}.ma-launch-story-card:nth-child(4) img{object-position:center 52%}.ma-launch-story-card svg{margin-top:20px}.ma-launch-story-card span{font-size:34px}.ma-launch-story-card h3{margin-top:0;margin-right:var(--card-inset)}.ma-launch-story-card p{align-self:start}.ma-faq-list{gap:8px;max-width:860px}.ma-faq-item{border-color:#c9a86a33;background:linear-gradient(180deg,#0f1422c7,#060912db)}.ma-faq-item summary{min-height:48px;padding:12px 16px;font-size:16px;line-height:1.35}.ma-faq-item p{padding:0 16px 14px}.ma-signal-counter{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:18px;width:min(720px,100%);margin-top:10px;padding:14px;border:1px solid rgba(201,168,106,.34);border-radius:8px;background:linear-gradient(135deg,rgba(201,168,106,.13),transparent 42%),#05070eb8;box-shadow:var(--shadow-panel),inset 0 0 28px #8fd7d20f}.ma-signal-counter.compact{grid-template-columns:1fr;justify-items:center;width:min(560px,100%);margin:2px 0 0}.ma-counter-label{display:block;margin-bottom:8px;color:var(--lamp);font-size:11px;font-weight:900;text-transform:uppercase}.ma-counter-digits{display:flex;gap:6px;perspective:900px}.ma-counter-digit{display:grid;place-items:center;width:clamp(36px,4.2vw,54px);height:clamp(50px,5.6vw,72px);border:1px solid rgba(201,168,106,.42);border-radius:6px;color:#070910;background:linear-gradient(180deg,#f4dda0,#c9a86a 58%,#8f7042),var(--gold);box-shadow:0 0 28px #c9a86a3d,inset 0 1px #ffffff6b,inset 0 -14px 20px #05070e38;font-family:var(--font-display);font-size:clamp(32px,4.2vw,50px);font-weight:800;line-height:1;animation:ma-digit-flip .68s ease both}.ma-counter-meta{display:grid;gap:8px;color:var(--fog);font-size:13px;line-height:1.45}.ma-counter-meta span{display:grid;gap:2px}.ma-counter-meta strong{color:var(--gold);font-size:11px;text-transform:uppercase}.ma-signal-counter p{grid-column:1 / -1;margin:0;color:#b8c3d9c7;font-size:12px;line-height:1.6}.ma-world-detail-hero{position:relative;display:grid;min-height:680px;align-content:end;padding:clamp(130px,14vw,190px) clamp(18px,7vw,104px) clamp(58px,8vw,96px);overflow:hidden}.ma-world-detail-hero picture,.ma-world-detail-hero picture:after,.ma-world-detail-hero picture img{position:absolute;inset:0}.ma-world-detail-hero picture:after{z-index:1;content:"";background:linear-gradient(90deg,#05070ef5,#05070e7a,#05070ee0),linear-gradient(0deg,#05070e,#05070e1f 52%,#05070e80)}.ma-world-detail-hero picture img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(1.08) brightness(.82);transform:scale(1.02)}.ma-world-detail-copy{position:relative;z-index:2;display:grid;gap:14px;min-width:0;max-width:820px}.ma-world-detail-copy p:not(.ma-eyebrow){max-width:720px;color:var(--fog);font-size:clamp(17px,1.8vw,22px);line-height:1.62}.ma-world-lore{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,66px);align-items:start;min-width:0}.ma-character-lore-copy h2,.ma-world-lore .ma-character-lore-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.16;overflow-wrap:anywhere}.ma-world-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ma-world-ui-card{display:grid;grid-template-rows:auto auto 1fr;min-height:0;overflow:hidden;padding:0}.ma-world-ui-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;filter:saturate(1.08) brightness(.84)}.ma-world-ui-card h3,.ma-world-ui-card p{margin-inline:var(--card-inset)}.ma-world-ui-card h3{margin-top:16px;font-size:clamp(18px,1.45vw,23px)}.ma-world-ui-card p{margin-bottom:var(--card-inset)}@media(max-width:1040px){.ma-feature-grid,.ma-character-grid,.ma-showcase-grid,.ma-narrative-beats,.ma-story-grid,.ma-lore-depth-grid,.ma-gameplay-system-grid,.ma-long-term-grid,.ma-app-screen-grid,.ma-world-card-grid,.ma-chronicle-grid,.ma-launch-story-grid,.ma-character-ui-grid,.ma-character-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-showcase-layout,.ma-gameplay-system-card,.ma-world,.ma-trailer,.ma-motion-teaser,.ma-character-detail-hero,.ma-character-lore{grid-template-columns:1fr}.ma-phone-frame{position:relative;top:auto;width:min(390px,100%);margin-inline:auto}.ma-loop-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.story-band,.install-panel,.pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:auto}.game-route{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.playable-route{grid-template-columns:1fr}.playable-route .game-main{grid-template-rows:auto}.objective-guide{grid-template-columns:1fr}.objective-action{justify-items:stretch}.pwa-landing{grid-template-columns:1fr}.pwa-install-card{max-width:560px}}@media(max-width:760px){.topbar{align-items:center;flex-direction:row}.marketing-topbar{gap:8px;padding:8px 10px}.marketing-topbar .brand-button{flex:1 1 auto;width:auto;min-width:0;padding:6px 8px}.marketing-topbar .topbar-actions{flex:0 0 auto;justify-content:flex-end}.marketing-nav{position:absolute;top:calc(100% + 8px);left:10px;right:10px;display:none;max-width:none;padding:10px;border:1px solid rgba(201,168,106,.28);border-radius:10px;background:radial-gradient(circle at 84% 12%,rgba(143,215,210,.12),transparent 28%),#05070ef5;box-shadow:0 24px 80px #0000008f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.marketing-nav.open{display:grid;grid-template-columns:1fr;gap:6px}.marketing-nav .nav-icon-button{justify-content:flex-start;width:100%;height:42px;padding:0 12px;font-size:12px}.topnav{max-width:100%}.nav-icon-button{width:38px;min-width:38px;padding:0}.nav-icon-button span{display:none}.marketing-menu-toggle{display:grid}.brand-button{width:auto}.brand-lockup{grid-template-columns:62px minmax(0,1fr);gap:10px}.brand-lockup-mark{width:62px;height:62px}.brand-lockup-copy strong{font-size:45px;line-height:.86}.brand-lockup-copy em{font-size:10px;letter-spacing:.13em}.brand-lockup.compact{grid-template-columns:30px minmax(0,1fr);gap:7px}.brand-lockup.compact .brand-lockup-mark{width:30px;height:30px}.brand-lockup.compact .brand-lockup-copy strong{font-size:16px}.brand-lockup.compact .brand-lockup-copy em{display:none}.marketing-topbar .language-switcher{min-height:34px}.marketing-topbar .language-switcher button{min-width:36px;min-height:28px;padding-inline:7px;font-size:11px}.marketing-topbar .icon-button{width:34px;height:34px}.landing-screen{min-height:calc(100vh - 100px);padding:24px 14px}.ma-hero{min-height:100svh;padding:132px 14px 78px}.ma-hero-art img{object-position:68% center}.ma-hero-vignette{background:linear-gradient(90deg,#05070ef5,#05070eb8),linear-gradient(0deg,#05070e,#05070e94 30%,#05070e3d)}.ma-logo{grid-template-columns:62px minmax(0,1fr);gap:10px}.ma-logo-orbit{width:62px;height:62px}.ma-logo-title{font-size:45px;line-height:.86}.ma-logo-subtitle{font-size:10px;letter-spacing:.13em}.ma-hero-slogan{font-size:27px}.ma-hero-actions .ma-button{width:100%}.ma-platforms span,.ma-status-bar span{flex:1 1 150px;justify-content:center}.ma-section{padding:56px 14px}.ma-section-heading h2,.ma-narrative-lead h2,.ma-world-copy h2,.ma-register h2,.ma-trailer-copy h2{font-size:32px}.ma-feature-grid,.ma-character-grid,.ma-showcase-grid,.ma-narrative-beats,.ma-story-grid,.ma-lore-depth-grid,.ma-gameplay-system-grid,.ma-long-term-grid,.ma-app-screen-grid,.ma-world-card-grid,.ma-chronicle-grid,.ma-launch-story-grid,.ma-character-ui-grid,.ma-character-story-grid{grid-template-columns:1fr}.ma-feature-card{min-height:auto}.ma-gameplay-system-card{grid-template-columns:1fr}.ma-gameplay-system-card img{min-height:0;aspect-ratio:4 / 3}.ma-loop-rail{grid-template-columns:1fr}.ma-story-card,.ma-narrative-card,.ma-world-card,.ma-chronicle-card,.ma-launch-story-card{min-height:240px}.ma-register-form{grid-template-columns:1fr}.ma-register-form .ma-button{width:100%}.ma-character-detail-hero{min-height:auto;padding:168px 14px 52px}.ma-character-detail-hero>img{width:min(310px,100%)}.ma-phone-frame{width:min(320px,100%)}.ma-motion-frame{min-height:300px}.ma-subpage-hero{min-height:430px;padding:168px 14px 52px}.ma-footer{display:grid}.ma-mobile-cta{display:none}.ma-trailer-modal{align-items:stretch;padding:0}.ma-trailer-modal-card{grid-template-columns:1fr;width:100%;height:100svh;max-height:none;padding:calc(54px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));border-radius:0}.ma-trailer-modal-close{top:calc(10px + env(safe-area-inset-top));right:12px}.ma-trailer-modal-frame{min-height:0;height:min(58svh,520px)}.ma-trailer-modal-copy{align-content:start;padding:0}.official-hero{min-height:auto;padding:42px 14px 34px}.official-hero-art img{object-position:62% center}.official-hero-shade{background:linear-gradient(90deg,#05070cf0,#05070cb3),linear-gradient(0deg,#05070cfa,#05070c47)}.official-hero h1{font-size:42px;line-height:1.02}.hero-lead{font-size:16px}.availability-strip{gap:8px}.availability-strip span{width:100%}.site-section{padding:42px 14px}.section-copy h2,.section-heading h2,.install-copy h2{font-size:30px;line-height:1.06}.story-frame figcaption{font-size:11px}.media-grid,.pwa-feature-grid{grid-template-columns:1fr}h1{font-size:42px;line-height:1.02}.lead{font-size:17px}.game-route{padding:10px}.game-main{grid-template-rows:minmax(292px,44vh) auto}.playable-route .game-main{grid-template-rows:auto}.objective-guide{min-height:auto;padding:14px}.objective-guide h1{font-size:28px}.scene-stage{min-height:430px}.scene-stage-overlay{min-height:238px;padding:18px}.scene-stage-actions{grid-template-columns:1fr;padding:0 12px 12px}.game-canvas-host{min-height:292px}.rpg-stage-shell{min-height:320px}.rpg-stage-shell .game-canvas-host{height:min(58vh,520px);min-height:320px}.challenge-overlay{padding:8px}.challenge-panel{gap:10px;padding:10px}.challenge-meters,.challenge-board{grid-template-columns:1fr}.repair-hand{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-card{min-height:118px}.dialogue-box{grid-template-columns:62px 1fr}.dialogue-portrait{width:62px;height:62px}.game-sidebar,.two-column-grid,.three-column-grid,.catalog-grid,.retention-grid,.form-grid,.card-grid,.scene-action-grid{grid-template-columns:1fr}.feedback-trigger{right:12px;bottom:72px;display:none}.quest-toast-stack{position:static;width:auto}}@media(max-width:860px){.mobile-controls{display:grid}.game-route,.game-route.mobile-rpg-route{padding-bottom:150px}.feedback-trigger{bottom:calc(150px + env(safe-area-inset-bottom))}.quest-toast-stack{top:68px;right:12px}}@media(max-width:860px){.game-topbar .topnav,.game-topbar>.icon-button{display:none}.game-topbar{padding:max(10px,env(safe-area-inset-top)) 12px 10px}.mobile-rpg-titlebar{display:none}.mobile-rpg-route{padding:10px}.rpg-stage-shell.ma-game-frame{min-height:auto;padding:6px;border-radius:18px}.rpg-stage-shell.ma-game-frame .game-canvas-host{aspect-ratio:16 / 9;height:auto;min-height:0;border-radius:14px}.app-title-screen{height:min(62dvh,560px);min-height:380px;border-radius:14px}.app-title-panel{width:calc(100% - 20px);margin:0 10px 10px;padding:14px}.app-title-actions{display:grid}.in-game-menu-shell{inset:10px;align-content:start;overflow:auto}.in-game-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-grid,.mobile-rpg-bottom-sheet{grid-template-columns:1fr}.mobile-rpg-quick-actions{grid-template-columns:1fr .6fr .6fr}}@media(max-height:520px)and (orientation:landscape){.game-topbar{min-height:54px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.game-topbar .brand-button{min-height:38px;padding:5px 8px}.game-topbar .brand-mark{width:28px;height:28px;font-size:12px}.game-topbar .brand-button small{display:none}.game-route.mobile-rpg-route{min-height:calc(100dvh - 54px);padding:6px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-rpg-chrome{gap:6px}.rpg-stage-shell.ma-game-frame{padding:5px}.rpg-stage-shell.ma-game-frame .game-canvas-host{height:calc(100dvh - 74px);min-height:260px;aspect-ratio:auto}.mobile-rpg-bottom-sheet{display:none}.mobile-controls{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:132px 1fr 188px}.mobile-save-chip{display:none}}@media(max-width:520px){.mobile-rpg-titlebar h1{font-size:21px}.mobile-rpg-status-cluster>span,.mobile-rpg-status-cluster .save-indicator{flex:1 1 130px;width:auto}.rpg-stage-shell.ma-game-frame .game-canvas-host{aspect-ratio:16 / 9;height:auto;min-height:0}.app-title-screen{height:min(58dvh,480px);min-height:336px}.in-game-menu-grid,.mobile-rpg-quick-actions{grid-template-columns:1fr}.mobile-rpg-city-state,.mobile-rpg-bottom-sheet .journey-panel{display:none}.mobile-controls{grid-template-columns:minmax(124px,1fr) minmax(158px,1fr);grid-template-areas:"save menu" "dpad actions";align-items:end;gap:8px}.mobile-save-chip{grid-area:save}.mobile-menu-chip{grid-area:menu;justify-self:end}.virtual-dpad{grid-area:dpad}.virtual-action-buttons{grid-area:actions;gap:6px}.virtual-dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:3px}.dpad-button{width:40px;height:40px}.virtual-button{width:44px;height:52px}.virtual-button.confirm{width:58px;height:58px}}@media(max-width:1040px){.ma-world-lore{grid-template-columns:1fr}.ma-world-ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-signal-counter{grid-template-columns:1fr;width:min(620px,100%)}}@media(max-width:760px){.ma-launch-story-card{grid-template-columns:1fr;min-height:auto}.ma-launch-story-card img{grid-row:auto;min-height:0;aspect-ratio:16 / 8.8}.ma-world-detail-hero{min-height:560px;padding:168px 14px 52px}.ma-world-detail-copy h1{font-size:clamp(30px,8vw,36px);line-height:1.02}.ma-world-lore .ma-character-lore-copy h2{font-size:clamp(28px,8vw,34px);overflow-wrap:anywhere;text-wrap:balance}.ma-world-detail,.ma-world-detail-hero,.ma-world-lore,.ma-world-lore .ma-character-lore-copy,.ma-world-ui-grid,.ma-world-ui-card{max-width:100vw}.ma-world-lore .ma-character-lore-copy p{max-width:calc(100vw - 48px)}.ma-world-ui-grid{grid-template-columns:1fr}.ma-counter-digits{gap:4px}.ma-counter-digit{width:clamp(32px,15vw,48px);height:54px;font-size:34px}.ma-signal-counter{padding:12px}.ma-faq-item summary{min-height:44px;padding:10px 13px;font-size:15px}}.ma-hero{min-height:clamp(720px,92svh,880px);align-items:end;padding-top:clamp(96px,10vw,132px);padding-bottom:clamp(46px,6vw,72px)}.ma-hero-content{gap:14px;width:min(680px,100%);transform:translateY(-10px)}.ma-hero .brand-lockup{grid-template-columns:72px minmax(0,1fr);gap:12px;width:min(620px,100%)}.ma-hero .brand-lockup-mark{width:72px;height:72px}.ma-hero .brand-lockup-copy small{font-size:10px}.ma-hero .brand-lockup-copy strong{font-family:Trajan Pro,Cinzel,Cormorant Garamond,Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(42px,5.4vw,76px);line-height:.9;font-weight:800;letter-spacing:0;text-shadow:0 2px 0 rgba(255,237,180,.12),0 16px 38px rgba(0,0,0,.82)}.ma-hero .brand-lockup-copy em{margin-top:7px;font-size:clamp(11px,1vw,13px);letter-spacing:0}.ma-hero .brand-lockup:not(.compact) .brand-lockup-copy em:after{width:min(330px,82%);margin-top:8px}.ma-hero-kicker{font-size:11px}.ma-hero-slogan{max-width:590px;margin-top:0;font-family:Trajan Pro,Cinzel,Cormorant Garamond,Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(30px,3.25vw,44px);line-height:1.12;font-weight:700;text-shadow:0 16px 38px rgba(0,0,0,.7)}.ma-hero-copy{max-width:560px;font-size:clamp(15px,1.4vw,18px);line-height:1.72}.ma-hero-support{max-width:520px;gap:6px}.ma-hero-support span{min-height:30px;padding:7px 10px;font-size:12.5px}.ma-hero .ma-signal-counter{width:min(620px,100%);padding:12px}.ma-section{padding-top:clamp(58px,7vw,96px);padding-bottom:clamp(58px,7vw,96px)}.ma-section-heading{margin-bottom:clamp(20px,3vw,34px)}.ma-section-heading h2,.ma-narrative-lead h2,.ma-world-copy h2,.ma-register h2,.ma-trailer-copy h2{font-family:Trajan Pro,Cinzel,Cormorant Garamond,Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(32px,4vw,54px);line-height:1.12}.marketing-page,.marketing-page *{letter-spacing:0}@media(max-width:760px){.ma-hero{min-height:92svh;padding:176px 14px 76px}.ma-hero-content{transform:none}.ma-hero .brand-lockup{grid-template-columns:50px minmax(0,1fr)}.ma-hero .brand-lockup-mark{width:50px;height:50px}.ma-hero .brand-lockup-copy strong{font-size:38px}.ma-hero-slogan{font-size:27px}.ma-hero-copy{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.dialogue-cursor{animation:none}}