.world-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}.world-container canvas{display:block;width:100%!important;height:100%!important}.zone-toast{position:fixed;inset:50% 22px auto auto;width:min(380px,calc(100vw - 48px));padding:18px 20px;transform:translate(20px);opacity:0;pointer-events:none;background:#0a1220e6;border:1px solid rgba(255,255,255,.14);border-radius:18px;backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease;z-index:20}.zone-toast.show{opacity:1;transform:translate(0);pointer-events:auto}.zone-kicker{display:block;margin-bottom:5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#aab7ff}.zone-toast h2{margin:0 0 6px;font-size:22px;color:#fff}.zone-toast p{margin:0;line-height:1.5;color:#ffffffb8}.zone-explore{margin-top:14px;padding:9px 14px;border:0;border-radius:10px;cursor:pointer;font-weight:700;color:#09111f;background:#fff}.world-status{position:absolute;top:24px;right:24px;width:280px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#080f1cd1;backdrop-filter:blur(12px);color:#fff;z-index:20}.world-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#ffffffb3}.world-status-header strong{font-size:16px;color:#fff}.world-progress-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff1f}.world-progress-fill{height:100%;border-radius:inherit;background:#fff;transition:width .35s ease}.world-stats{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:#fff9}.world-stats strong{color:#ffffffe6}.last-collected{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#86efac}.mission-status{position:absolute;top:150px;right:24px;max-width:280px;padding:9px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080f1cbd;backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:600;z-index:20}.world-map-panel{width:min(680px,100%);max-height:min(620px,calc(100vh - 64px));padding:20px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(145deg,#0f172afa,#070e1cfa);box-shadow:0 24px 60px #00000080,0 0 0 1px #ffffff06 inset;color:#f8fafc;overflow-y:auto}.world-map-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid rgba(148,163,184,.12)}.world-map-header h2{margin:0;font-size:20px;font-weight:750}.world-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.world-map-zone{position:relative;min-height:82px;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;overflow:hidden;text-align:left;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:linear-gradient(145deg,#1e293ba3,#0f172a75);color:#f8fafc;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.world-map-zone:before{content:"";position:absolute;top:10px;left:11px;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a,0 0 10px #60a5fa66}.world-map-zone:hover{transform:translateY(-2px);border-color:#60a5fa57;background:linear-gradient(145deg,#1e3a64ad,#0f172aa3)}.world-map-zone strong{position:relative;z-index:1;display:block;margin-bottom:3px;font-size:12px;font-weight:750}.world-map-zone span{position:relative;z-index:1;font-size:10px;line-height:1.35;color:#cbd5e19e}.world-map-close{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#ffffff0b;color:#e2e8f0b8;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.world-map-close span{display:block;font-size:23px;font-weight:300;line-height:1;transform:translateY(-1px)}.world-map-close:hover{color:#fff;background:#f871711a;border-color:#f8717152;box-shadow:0 0 18px #f8717114;transform:scale(1.05)}.world-map-close:active{transform:scale(.94)}.world-map-close:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:3px}.world-controls{position:absolute;left:20px;bottom:20px;display:flex;gap:8px;z-index:30}.collectible-toast{position:absolute;left:50%;top:85px;transform:translate(-50%);min-width:220px;padding:12px 18px;border:1px solid rgba(134,239,172,.24);border-radius:14px;background:#081412eb;backdrop-filter:blur(10px);color:#fff;text-align:center;z-index:80;animation:collectible-toast-in .18s ease-out}.collectible-toast-kicker{display:block;margin-bottom:3px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#86efac}.collectible-toast strong{font-size:15px}@keyframes collectible-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.architecture-center{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(56,189,248,.08),transparent 38%),#030812c7;backdrop-filter:blur(12px)}.architecture-shell{width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:linear-gradient(145deg,#0f172afa,#070e1cfa);box-shadow:0 28px 80px #00000085,inset 0 1px #ffffff09;color:#f8fafc}.architecture-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.12)}.architecture-header span{color:#60a5fa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.architecture-header h2{margin:5px 0 6px;font-size:26px;letter-spacing:-.03em}.architecture-header p{margin:0;color:#cbd5e1ad;font-size:13px}#architectureClose{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#ffffff0a;color:#e2e8f0b8;font-size:24px;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}#architectureClose:hover{color:#fff;background:#f871711a;border-color:#f8717157;transform:scale(1.05)}.architecture-tabs{display:inline-flex;gap:6px;margin-bottom:18px;padding:5px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:#ffffff09}.architecture-tab{padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#cbd5e19e;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.architecture-tab:hover{color:#fff;background:#60a5fa14}.architecture-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f63d,#22d3ee1f);box-shadow:inset 0 0 0 1px #60a5fa47,0 6px 16px #2563eb1a}.architecture-scenario{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.architecture-scenario>div{padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#ffffff09}.architecture-scenario span{display:block;margin-bottom:4px;color:#94a3b8ad;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.architecture-scenario strong{font-size:12px}.architecture-map{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.arch-service-row{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arch-node{position:relative;min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:12px 14px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:linear-gradient(145deg,#1e293b94,#0f172a7a);color:#f8fafc;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.arch-node:before{content:"";position:absolute;top:10px;left:10px;width:6px;height:6px;border-radius:50%;background:#60a5fa;opacity:.72;box-shadow:0 0 0 3px #60a5fa1a}.arch-node:hover{transform:translateY(-2px);border-color:#60a5fa57;background:linear-gradient(145deg,#1e3a649e,#0f172a94);box-shadow:0 12px 26px #0003,0 0 22px #3b82f60d}.arch-node:active{transform:translateY(0) scale(.985)}.arch-node.selected{border-color:#22d3ee85;background:linear-gradient(145deg,#0e749047,#0f172aa3);box-shadow:0 0 0 1px #22d3ee1a inset,0 0 24px #22d3ee1a}.arch-node b{margin-bottom:4px;font-size:13px}.arch-node small{color:#cbd5e194;font-size:10px}.decision-panel,.resilience-card,.scale-explanation{padding:15px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:#ffffff09}.decision-panel>span,.resilience-card>span,.architecture-copy>span{color:#67e8f9;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.decision-panel h3,.resilience-card h3,.architecture-copy h3{margin:5px 0 6px}.decision-panel p,.resilience-card p,.architecture-copy p,.scale-explanation{color:#cbd5e1a8;font-size:12px;line-height:1.5}.decision-item{margin-top:10px;padding:10px;border-radius:9px;background:#ffffff09}.decision-item span{display:block;margin-bottom:3px;color:#94a3b89e;font-size:8px;font-weight:800;letter-spacing:.12em}.chaos-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chaos-actions button{padding:9px 12px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:#ffffff09;color:#e2e8f0bd;font-size:11px;font-weight:650;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.chaos-actions button:hover{color:#fff;border-color:#f8717147;background:#f8717112;transform:translateY(-1px)}.chaos-actions button.active{color:#fecaca;border-color:#f8717173;background:#7f1d1d3d}.chaos-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:14px 0}.chaos-flow>div{padding:12px;text-align:center;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#ffffff09}.chaos-flow .failure{border-color:#f8717170;background:#7f1d1d3d;color:#fecaca}#chaosPatterns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#chaosPatterns span{padding:5px 8px;border:1px solid rgba(96,165,250,.16);border-radius:999px;background:#60a5fa12;color:#bfdbfe;font-size:9px}.scale-control{margin:14px 0 18px}.scale-control label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.scale-control input{width:100%;accent-color:#60a5fa;cursor:pointer}.scale-stage{display:flex;flex-direction:column;gap:8px}.scale-tier{padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:11px;background:#ffffff08}.scale-tier>span{display:block;margin-bottom:8px;color:#94a3b899;font-size:9px;font-weight:800;letter-spacing:.12em}.instance-row{display:flex;flex-wrap:wrap;gap:8px}.scale-box{padding:8px 10px;border:1px solid rgba(96,165,250,.16);border-radius:8px;background:#60a5fa0f;color:#dbeafe;font-size:10px;font-weight:650}.scale-box.muted{border-color:#94a3b81f;background:#94a3b80a;color:#cbd5e19e}.architecture-tab:focus-visible,.arch-node:focus-visible,.chaos-actions button:focus-visible,#architectureClose:focus-visible{outline:2px solid rgba(96,165,250,.82);outline-offset:3px}.content-panel{position:fixed;inset:0;z-index:115;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.content-panel.open{pointer-events:auto}.content-panel-backdrop{position:absolute;inset:0;background:#0308129e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.content-panel-shell{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:26px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(145deg,#0f172afb,#070e1cfc);box-shadow:0 28px 80px #00000085;color:#f8fafc;animation:district-panel-in .22s ease-out}.panel-close{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#ffffff0b;color:#e2e8f0b8;font-size:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.panel-close:before,.panel-close:after{content:"";position:absolute;width:15px;height:2px;border-radius:999px;background:currentColor}.panel-close:before{transform:rotate(45deg)}.panel-close:after{transform:rotate(-45deg)}.panel-close:hover{color:#fff;background:#f871711a;border-color:#f8717152;box-shadow:0 0 20px #f871711a;transform:scale(1.06)}.panel-close:active{transform:scale(.92)}.panel-close:focus-visible{outline:2px solid rgba(96,165,250,.85);outline-offset:3px}.backend-lab-close{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#ffffff0b;color:#e2e8f0b8;font-size:23px;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.backend-lab-close:hover{color:#fff;background:#f871711a;border-color:#f8717152;transform:scale(1.06)}.backend-lab-close:active{transform:scale(.92)}.audit-terminal{margin-top:18px;border:1px solid rgba(148,163,184,.1);border-radius:14px;overflow:hidden;background:#030812c7;box-shadow:inset 0 1px #ffffff06}.audit-terminal .console-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid rgba(148,163,184,.08);background:#ffffff06;font-family:Inter,system-ui,sans-serif}.audit-terminal .console-head span{color:#cbd5e1ad;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.audit-terminal .console-head b{color:#86efac;font-size:9px;font-weight:800;letter-spacing:.1em}.audit-log{max-height:220px;overflow-y:auto;padding:12px 14px;font-family:JetBrains Mono,Fira Code,Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.65}.audit-entry{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(148,163,184,.055);color:#e2e8f0c2}.audit-entry:last-child{border-bottom:0}.audit-entry small{color:#94a3b87a;font-family:inherit;font-size:9px;white-space:nowrap}.audit-entry span{color:#e2e8f0d1;font-family:inherit}.audit-entry.success span{color:#86efac}.audit-entry.error span{color:#fca5a5}.audit-entry.warning span{color:#fde68a}.audit-entry.info span{color:#bfdbfe}.audit-empty{padding:12px 0;color:#94a3b87a;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;font-style:italic}*{box-sizing:border-box}:root{--ink:#0b1020;--glass:rgba(11,16,32,.76);--line:rgba(255,255,255,.12);--accent:#7c8cff}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,sans-serif;background:#b7dbff;color:#fff}button,a{font:inherit}button{cursor:pointer}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#loadingScreen{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#07101e,#101a31);transition:opacity .55s ease,visibility .55s ease}#loadingScreen.hidden{opacity:0;visibility:hidden}.loader-mark{width:72px;height:72px;margin:0 auto 22px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#6f8cff,#8b5cf6);font:800 19px Manrope,sans-serif;box-shadow:0 20px 50px #5052ff59}#loadingScreen h1{font:800 clamp(28px,5vw,54px) Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 20px}.loader-bar{width:min(320px,72vw);height:7px;border-radius:999px;background:#ffffff17;overflow:hidden;margin:auto}.loader-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6f8cff,#a78bfa);transition:width .2s ease}#loadingScreen p{color:#7f8ca6;font-size:12px;margin-top:16px}.topbar{position:fixed;z-index:50;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.glass-btn{pointer-events:auto}.brand{width:48px;height:48px;border-radius:15px;background:#080e1dd1;border:1px solid var(--line);display:grid;place-items:center;font:800 13px Manrope,sans-serif;text-decoration:none;color:#fff;backdrop-filter:blur(16px);box-shadow:0 12px 35px #02061738}.top-actions{display:flex;gap:8px}.glass-btn{border:1px solid var(--line);color:#dce6f5;background:#080e1db8;backdrop-filter:blur(16px);padding:11px 14px;border-radius:12px;font-weight:700;font-size:11px}.glass-btn.primary{background:#6578ffd1;border-color:#ffffff24;color:#fff}.intro-card{position:fixed;z-index:40;left:clamp(18px,6vw,78px);top:50%;transform:translateY(-50%);width:min(480px,calc(100% - 36px));padding:28px;border-radius:25px;background:#070d1ac7;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);box-shadow:0 30px 90px #070d1a47;transition:opacity .35s ease,transform .35s ease,visibility .35s}.intro-card.hidden{opacity:0;visibility:hidden;transform:translateY(-46%) scale(.97)}.kicker{display:block;color:#aab8ff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.intro-card h1{font:800 clamp(38px,6vw,68px)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 16px}.intro-card p{color:#a9b4c8;line-height:1.7;font-size:14px}.intro-card button,.zone-toast button{border:0;border-radius:13px;padding:13px 18px;background:linear-gradient(135deg,#6d8bff,#7859e9);color:#fff;font-weight:800}.intro-card small{display:block;color:#66748d;font-size:10px;margin-top:15px}.controls{position:fixed;left:20px;bottom:20px;z-index:30;display:flex;gap:7px;padding:10px;border-radius:16px;background:#070d1aad;border:1px solid var(--line);backdrop-filter:blur(14px);opacity:0;transform:translateY(15px);transition:.4s ease}.controls.show{opacity:1;transform:none}.controls div{display:flex;align-items:center;gap:4px}.controls kbd{min-width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:9px;font-family:inherit}.controls span{font-size:9px;color:#8995aa;margin:0 5px 0 2px}.zone-toast span{display:block;color:#8fa3ff;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800}.zone-toast strong{display:block;font:800 24px Manrope,sans-serif;margin:4px 0 6px}.zone-toast button{padding:9px 12px;font-size:10px}.minimap{position:fixed;z-index:32;right:20px;bottom:20px;width:152px;padding:12px;border-radius:16px;background:#070d1aad;border:1px solid var(--line);backdrop-filter:blur(14px)}.map-title{text-transform:uppercase;color:#78869e;font-size:8px;letter-spacing:.12em;font-weight:800;margin-bottom:7px}.minimap button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#aeb8ca;padding:5px 4px;font-size:10px;border-radius:7px}.minimap button:hover{background:#ffffff0f;color:#fff}.panel-content-kicker{color:#9daaff;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}#panelContent h2{font:800 clamp(34px,5vw,58px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;margin:8px 0 20px}#panelContent h3{font:800 19px Manrope,sans-serif}#panelContent p,#panelContent li{color:#a7b1c2;line-height:1.7;font-size:14px}#panelContent ul{padding-left:19px}.panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.panel-tags span{font-size:11px;padding:8px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);color:#c4cedd}.panel-card{margin-top:14px;padding:17px;border-radius:15px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.panel-link{display:inline-block;margin-top:12px;padding:11px 14px;border-radius:10px;background:#788cff;color:#fff;text-decoration:none;font-size:12px;font-weight:800}@media (max-width: 760px){.intro-card{top:auto;bottom:96px;transform:none}.intro-card.hidden{transform:translateY(10px)}.controls{display:none}.mobile-drive{display:block}.minimap{display:none}.zone-toast{inset:auto 12px 145px;width:auto;transform:translateY(30px);z-index:60}.zone-toast.show{transform:none}.zone-explore{position:relative;z-index:2;min-height:42px;touch-action:manipulation}}.normal-site{position:fixed;inset:0;z-index:300;background:#f6f8fc;color:#101828;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .45s ease,visibility .45s ease,transform .45s ease}.normal-site.open{opacity:1;visibility:visible;transform:none}body.normal-mode #world,body.normal-mode .topbar,body.normal-mode .controls,body.normal-mode .zone-toast,body.normal-mode .minimap,body.normal-mode .mobile-drive,body.normal-mode .intro-card{pointer-events:none}.normal-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));background:#f6f8fcd1;backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.08)}.normal-brand{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;text-decoration:none;font:800 13px Manrope,sans-serif;color:#fff;background:linear-gradient(135deg,#101828,#344054)}.normal-nav{display:flex;gap:24px}.normal-nav a{font-size:12px;font-weight:700;color:#667085;text-decoration:none}.normal-nav a:hover{color:#101828}.back-to-world{border:0;border-radius:12px;padding:10px 14px;background:#101828;color:#fff;font-size:11px;font-weight:800}.normal-main{min-height:100%}.normal-container{width:min(calc(100% - 42px),1160px);margin:0 auto}.normal-hero{padding:110px 0 95px;background:radial-gradient(circle at 80% 12%,rgba(101,120,255,.14),transparent 28%),linear-gradient(180deg,#fff,#f6f8fc)}.hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.normal-kicker,.normal-label{display:block;color:#6176e8;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:15px}.normal-hero h1,.normal-section h2,.normal-contact h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.03;margin:0}.normal-hero h1{font-size:clamp(48px,6vw,78px);max-width:770px}.normal-hero p{max-width:760px;font-size:17px;line-height:1.75;color:#667085;margin:24px 0 30px}.normal-hero p strong{color:#101828}.normal-actions{display:flex;gap:10px}.normal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;border:0;text-decoration:none;font-size:12px;font-weight:800}.normal-btn.primary{background:#6176e8;color:#fff}.normal-btn.secondary{background:#fff;border:1px solid #dfe4ec;color:#101828}.normal-stat-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border-radius:26px;background:#101828;color:#fff;box-shadow:0 30px 70px #10182829}.normal-stat-card div{min-height:118px;padding:17px;border-radius:17px;background:#ffffff0e;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:space-between}.normal-stat-card strong{font:800 21px Manrope,sans-serif}.normal-stat-card span{font-size:10px;color:#98a2b3}.normal-section{padding:100px 0}.normal-section.alt{background:#edf1f7}.normal-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.normal-section h2,.normal-contact h2{font-size:clamp(35px,4vw,50px);max-width:780px}.normal-copy{font-size:16px;line-height:1.75;color:#667085}.normal-copy p:first-child{margin-top:0}.normal-grid{display:grid;gap:18px;margin-top:44px}.normal-grid.three{grid-template-columns:repeat(3,1fr)}.normal-grid.two{grid-template-columns:1fr 1fr}.normal-card,.normal-project{padding:26px;border-radius:20px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 10px 35px #1018280a}.normal-card>span{font-size:10px;color:#6176e8;font-weight:800}.normal-card h3,.normal-project h3{font:800 20px Manrope,sans-serif;margin:36px 0 10px}.normal-card p,.normal-project p{margin:0;color:#667085;font-size:13px;line-height:1.7}.normal-project small{text-transform:uppercase;font-size:9px;letter-spacing:.1em;font-weight:800;color:#6176e8}.normal-project h3{margin:36px 0 10px}.normal-experience{margin-top:45px;padding:34px;border-radius:24px;background:#fff;border:1px solid #e4e7ec;display:grid;grid-template-columns:220px 1fr;gap:50px}.normal-date{display:flex;flex-direction:column;gap:5px}.normal-date strong{font-size:14px}.normal-date span{font-size:11px;color:#98a2b3}.normal-experience h3{font:800 27px Manrope,sans-serif;margin:0 0 4px}.normal-company{color:#6176e8;font-size:13px}.normal-experience p,.normal-experience li{color:#667085;font-size:13px;line-height:1.7}.normal-experience li{margin-bottom:7px}.normal-tech{background:#fff}.normal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.normal-tags span{padding:8px 11px;border:1px solid #e3e8ef;border-radius:9px;background:#f9fafb;font-size:11px;font-weight:700;color:#344054}.normal-contact{padding:90px 0;background:#101828;color:#fff}.normal-label.light{color:#9aa8ff}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.normal-contact p{color:#98a2b3;font-size:14px;max-width:650px;line-height:1.7}.normal-contact-card{padding:22px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.normal-contact-card a{color:#fff;text-decoration:none;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.18)}@media (max-width:850px){.normal-nav{display:none}.hero-layout,.normal-two-col,.contact-layout,.normal-grid.three,.normal-grid.two{grid-template-columns:1fr}.normal-experience{grid-template-columns:1fr;gap:20px}.normal-hero{padding-top:70px}}@media (max-width:560px){.normal-container{width:min(calc(100% - 28px),1160px)}.normal-header{padding:0 14px}.back-to-world{font-size:9px;padding:9px 11px}.normal-hero h1{font-size:44px}.normal-actions{flex-direction:column}.normal-btn{width:100%}.normal-stat-card{grid-template-columns:1fr}.normal-section{padding:72px 0}}.intro-card small:before{content:"↑ ";color:#aab8ff;font-weight:800}.controls{flex-wrap:wrap;max-width:min(760px,calc(100vw - 40px))}.game-progress{position:fixed;z-index:38;left:20px;top:84px;width:285px;padding:14px 15px;border-radius:18px;background:#070d1ab8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 18px 55px #0308142e;transition:.35s ease}.progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-kicker{display:block;color:#8492aa;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.progress-top strong{display:block;margin-top:3px;font-size:12px}.hud-mini-btn{border:1px solid rgba(255,255,255,.09);background:#ffffff0e;color:#d5ddeb;border-radius:9px;padding:7px 8px;font-size:9px;font-weight:800}.world-progress-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:11px}.world-progress-track{height:6px;border-radius:999px;background:#ffffff13;overflow:hidden}.world-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7389ff,#9b6cff,#4ed4a5);transition:width .5s ease}.world-progress-row>strong{font-size:9px;color:#a9b4c6}.collectible-row{display:flex;justify-content:space-between;margin-top:8px;color:#7f8ca3;font-size:9px}.collectible-row strong{color:#d7dfed}.world-map-panel{position:fixed;z-index:90;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(560px,calc(100% - 32px));padding:20px;border-radius:24px;background:#070c18f0;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(22px);box-shadow:0 35px 100px #0206177a;opacity:0;visibility:hidden;transition:.28s ease}.world-map-panel.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.world-map-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.world-map-head span{display:block;color:#7f8da4;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:800}.world-map-head strong{display:block;margin-top:3px;font:800 21px Manrope,sans-serif}.world-map-head button{border:0;background:transparent;color:#9da8ba;font-size:25px}.world-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.world-map-grid button{display:flex;align-items:center;gap:10px;text-align:left;border-radius:13px;padding:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff0b;color:#cbd5e1;font-size:10px;font-weight:700}.world-map-grid button:hover{background:#7489ff21;color:#fff}.world-map-grid span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#7489ff1f;color:#aab7ff;font-size:8px}.district-sign-glow{filter:drop-shadow(0 0 12px rgba(122,140,255,.35))}body.world-complete .game-progress{border-color:#4ade8038;box-shadow:0 18px 60px #22c55e1f}@media (max-width:760px){.game-progress{top:78px;left:12px;width:235px;padding:11px 12px}.world-map-grid{grid-template-columns:1fr}.collect-toast{top:128px}}.topbar .glass-btn.sound-on{background:#2a9d68c2;color:#fff}.world-complete .world-progress-track span{box-shadow:0 0 16px #4ed4a559}.backend-lab{position:fixed;inset:0;z-index:360;background:#030812c7;backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:.28s ease}.backend-lab.open{opacity:1;visibility:visible}.backend-lab-shell{width:min(1180px,100%);max-height:92vh;overflow:auto;padding:26px;border-radius:28px;background:radial-gradient(circle at 88% 5%,rgba(90,108,255,.16),transparent 28%),#0b1220;border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 120px #0206178c}.backend-lab-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.backend-lab-kicker,.backend-view-kicker{display:block;color:#91a0ff;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.backend-lab-header h2{font:800 clamp(28px,4vw,46px)/1.02 Manrope,sans-serif;letter-spacing:-.05em;margin:6px 0 0}.backend-lab-close{border:0;background:transparent;color:#9aa6b9;font-size:30px}.backend-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 20px}.backend-tab{border:1px solid rgba(255,255,255,.08);background:#ffffff0b;color:#94a3b8;padding:9px 12px;border-radius:10px;font-size:10px;font-weight:800}.backend-tab.active{background:#6577e8;color:#fff;border-color:transparent}.backend-view{display:none}.backend-view.active{display:block}.backend-view-copy{max-width:720px;margin-bottom:22px}.backend-view-copy h3{font:800 28px Manrope,sans-serif;margin:5px 0 8px}.backend-view-copy p{margin:0;color:#8f9bb0;font-size:13px;line-height:1.65}.backend-action-btn{margin-top:15px;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,#667eea,#725ad8);color:#fff;font-size:10px;font-weight:800}.request-flow-diagram,.migration-pipeline{display:flex;align-items:stretch;gap:8px;width:100%;overflow-x:auto;padding:16px 4px 18px}.request-flow-diagram .flow-node{flex:1 0 125px;min-width:125px;min-height:96px}.request-flow-diagram>i,.migration-pipeline>i{flex:0 0 auto;display:grid;place-items:center;min-width:14px;color:#475569;font-style:normal}.flow-node,.migration-node{min-width:125px;min-height:96px;padding:13px;border-radius:15px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center;transition:.28s ease}.flow-node small{color:#6577e8;font-size:8px;font-weight:900}.flow-node strong,.migration-node strong{font-size:12px;margin:5px 0 3px}.flow-node span,.migration-node span{font-size:9px;color:#7f8ca3}.flow-node.active,.migration-node.active{background:#6577e829;border-color:#7b8bff5c;box-shadow:0 0 26px #6577e82e;transform:translateY(-3px)}.request-flow-diagram>i,.migration-pipeline>i{font-style:normal;color:#475569}.backend-console{margin-top:18px;border-radius:16px;background:#070c16;border:1px solid rgba(255,255,255,.07);overflow:hidden}.console-head{display:flex;justify-content:space-between;padding:10px 13px;background:#ffffff09;font-size:9px;color:#7f8ca3}.console-head b{color:#68d391}.backend-console pre{margin:0;padding:16px;color:#b8c4d7;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.migration-pipeline{display:flex;align-items:stretch;gap:8px;width:100%;overflow-x:auto;padding:16px 4px 18px}.migration-node{flex:1 0 145px;min-width:145px;min-height:96px;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff0b;transition:background .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease}.migration-pipeline>i{flex:0 0 auto;display:grid;place-items:center;min-width:16px;color:#475569;font-style:normal}.migration-node strong{margin-bottom:4px;font-size:12px}.migration-node span{color:#7f8ca3;font-size:9px}.migration-node.active{transform:translateY(-3px);border-color:#7b8bff5c;background:#6577e829;box-shadow:0 0 26px #6577e82e}.migration-node.complete{border-color:#4ade8038;background:#22c55e14}.workflow-stage{display:flex;align-items:stretch;gap:8px;width:100%;overflow-x:auto;padding:16px 2px}.workflow-state{flex:1 0 150px;min-width:150px;display:grid;place-items:center;padding:17px;text-align:center;border-radius:13px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:900;color:#7f8ca3;transition:.25s ease}.workflow-stage>span{flex:0 0 auto;display:grid;place-items:center;min-width:14px;color:#475569}.workflow-state.active{background:#48bb781f;border-color:#48bb784d;color:#b8f1cc}.workflow-state.error{background:#ef44441f;border-color:#ef44444d;color:#fecaca}.workflow-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.workflow-actions button{border:1px solid rgba(255,255,255,.08);background:#ffffff0b;color:#cbd5e1;border-radius:10px;padding:9px 11px;font-size:9px;font-weight:800}.workflow-actions button:hover{background:#6577e81f}#auditLog{padding:12px;min-height:115px;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a7b2c4}.audit-line.denied{color:#fca5a5}.audit-line.ok{color:#86efac}.modernization-stage{display:grid;grid-template-columns:1fr auto 1.4fr;gap:22px;align-items:center;padding:20px;border-radius:18px;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.monolith-box{min-height:230px;border-radius:18px;background:linear-gradient(145deg,#465164,#252d3a);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.7s cubic-bezier(.2,.8,.2,1)}.monolith-box span{font-size:9px;color:#94a3b8;letter-spacing:.12em}.monolith-box strong{font:800 24px Manrope,sans-serif;margin:4px}.monolith-box small{font-size:9px;color:#7f8ca3}.modernization-arrow{font-size:28px;color:#6577e8}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-grid div{opacity:.18;transform:translateY(18px) scale(.92);padding:20px 12px;border-radius:14px;text-align:center;background:#fff;color:#172033;font-size:10px;font-weight:900;transition:.5s ease}.modernization-stage.transformed .monolith-box{transform:scale(.72);opacity:.45}.modernization-stage.transformed .service-grid div{opacity:1;transform:none}.modernization-stage.transformed .service-grid div:nth-child(2){transition-delay:.08s}.modernization-stage.transformed .service-grid div:nth-child(3){transition-delay:.16s}.modernization-stage.transformed .service-grid div:nth-child(4){transition-delay:.24s}.modernization-stage.transformed .service-grid div:nth-child(5){transition-delay:.32s}.modernization-stage.transformed .service-grid div:nth-child(6){transition-delay:.4s}.migration-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:15px}.migration-stats div{padding:14px;border-radius:13px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.migration-stats span{display:block;color:#7f8ca3;font-size:8px;text-transform:uppercase}.migration-stats strong{display:block;margin-top:4px;font:800 18px Manrope,sans-serif}@media (max-width:820px){.backend-lab{padding:10px}.backend-lab-shell{padding:18px}.modernization-stage{grid-template-columns:1fr}.modernization-arrow{transform:rotate(90deg);text-align:center}.migration-stats{grid-template-columns:1fr 1fr}}.architecture-head-actions{display:flex;align-items:center;gap:8px}.architecture-launch{border:1px solid rgba(255,255,255,.09);background:#6577e824;color:#c7d2fe;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900}.architecture-center{position:fixed;inset:0;z-index:430;background:#02060fe0;backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:.25s}.architecture-center.open{opacity:1;visibility:visible}.architecture-shell{width:min(1200px,100%);max-height:94vh;overflow:auto;background:radial-gradient(circle at 90% 0,rgba(88,101,242,.15),transparent 30%),#09111f;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:26px;box-shadow:0 40px 120px #00000080}.architecture-header{display:flex;justify-content:space-between;gap:20px}.architecture-header>div>span,.architecture-copy span,.decision-panel>span,.resilience-card>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#8fa0ff;text-transform:uppercase}.architecture-header h2{font:800 clamp(27px,4vw,44px)/1.04 Manrope,sans-serif;letter-spacing:-.045em;margin:5px 0}.architecture-header p,.architecture-copy p{color:#8997ad;font-size:12px;margin:0}.architecture-header button{border:0;background:none;color:#94a3b8;font-size:28px}.architecture-tabs{display:flex;gap:7px;margin:22px 0;flex-wrap:wrap}.architecture-tab{border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#94a3b8;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900}.architecture-tab.active{background:#6373e6;color:#fff}.architecture-view{display:none}.architecture-view.active{display:block}.architecture-scenario{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.architecture-scenario div{padding:12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.055)}.architecture-scenario span{display:block;font-size:7px;color:#6f7d94;text-transform:uppercase}.architecture-scenario strong{font-size:10px}.architecture-map{width:min(760px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px}.architecture-map>i{font-style:normal;color:#53627a}.arch-service-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.arch-node{min-width:155px;padding:13px;border-radius:13px;background:#111c2e;border:1px solid rgba(255,255,255,.07);color:#e6ebf5;transition:.2s}.arch-node:hover,.arch-node.selected{transform:translateY(-2px);border-color:#7181ef;background:#152442}.arch-node b,.arch-node small{display:block}.arch-node b{font-size:10px}.arch-node small{font-size:8px;color:#738198;margin-top:3px}.decision-panel,.resilience-card{margin-top:14px;padding:18px;border-radius:16px;background:#070d17;border:1px solid rgba(255,255,255,.06)}.decision-panel h3,.resilience-card h3,.architecture-copy h3{font:800 21px Manrope,sans-serif;margin:5px 0 7px}.decision-panel p,.resilience-card p{font-size:11px;line-height:1.65;color:#94a3b8}.tradeoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.tradeoff-grid div{padding:10px;border-radius:10px;background:#ffffff09;font-size:9px;color:#aeb9ca}.tradeoff-grid b{display:block;color:#e2e8f0;margin-bottom:3px}.architecture-copy{margin-bottom:18px}.chaos-actions{display:flex;gap:8px;flex-wrap:wrap}.chaos-actions button{border:1px solid rgba(255,255,255,.08);background:#111b2b;color:#bdc7d8;padding:10px 12px;border-radius:10px;font-size:9px;font-weight:800}.chaos-actions button.active{border-color:#ef6f6f;color:#fecaca;background:#ef44441a}.chaos-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0}.chaos-flow div{padding:17px 22px;border-radius:13px;background:#111c2e;border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:900}.chaos-flow.failed div:nth-of-type(3){border-color:#ef6f6f;background:#ef44441a;color:#fecaca}.pattern-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pattern-tags span{padding:7px 9px;border-radius:8px;background:#6577e81f;color:#bac4ff;font-size:8px;font-weight:800}.scale-control{margin:18px 0;padding:14px;border-radius:14px;background:#ffffff09}.scale-control label{display:flex;justify-content:space-between;font-size:10px}.scale-control input{width:100%;margin-top:10px}.scale-stage{padding:20px;border-radius:17px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.scale-tier{text-align:center}.scale-tier>span{display:block;font-size:7px;color:#64748b;margin-bottom:7px}.instance-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.scale-box{padding:11px 14px;border-radius:10px;background:#f2f5fb;color:#172033;font-size:9px;font-weight:900}.scale-box.muted{opacity:.45}.scale-arrow{text-align:center;color:#526178;margin:6px}.scale-explanation{margin-top:12px;color:#98a6ba;font-size:11px;line-height:1.6}@media (max-width:760px){.architecture-scenario{grid-template-columns:1fr 1fr}.tradeoff-grid{grid-template-columns:1fr}.architecture-shell{padding:17px}}.normal-site{scroll-behavior:smooth}.normal-site section{scroll-margin-top:90px}#home{scroll-margin-top:0}.panel-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.panel-action{position:relative;min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:linear-gradient(145deg,#ffffff12,#ffffff06);color:#f1f5f9;text-decoration:none;box-shadow:inset 0 1px #ffffff0a;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.panel-action:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 15% 0%,rgba(129,140,248,.16),transparent 55%);transition:opacity .18s ease;pointer-events:none}.panel-action>*{position:relative;z-index:1}.panel-action span{font-size:11px;font-weight:800;letter-spacing:.02em}.panel-action b{align-self:flex-end;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#ffffff0d;color:#a5b4fc;font-size:13px;transition:transform .18s ease,background .18s ease,color .18s ease}.panel-action:hover{transform:translateY(-3px);border-color:#818cf852;background:linear-gradient(145deg,#818cf81a,#ffffff08);box-shadow:0 14px 34px #0003}.panel-action:hover:before{opacity:1}.panel-action:hover b{transform:translate(3px);background:#818cf826;color:#fff}.panel-action.primary{border-color:#34d39938;background:linear-gradient(145deg,#34d3991c,#10b98106)}.panel-action.primary:before{background:radial-gradient(circle at 15% 0%,rgba(52,211,153,.18),transparent 55%)}.panel-action.primary b{color:#6ee7b7;border-color:#34d39929;background:#34d39914}.panel-action.primary:hover{border-color:#34d3996b;box-shadow:0 14px 36px #10b9811a}@media (max-width: 640px){.panel-actions{grid-template-columns:1fr}.panel-action{min-height:70px}}.panel-action div{display:flex;flex-direction:column;gap:5px}.panel-action small{color:#94a3b894;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-action.primary small{color:#6ee7b7a6}.content-panel-shell,.backend-lab-shell,.architecture-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.content-panel-header h2,.backend-lab-header h2,.architecture-header h2{font-family:Manrope,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.08}.content-panel-header h2{font-size:clamp(26px,3vw,34px)}.backend-lab-header h2,.architecture-header h2{font-size:clamp(30px,4vw,44px)}.content-panel-header p,.backend-view-copy p,.architecture-copy p,.decision-panel p,.resilience-card p,.scale-explanation{color:#cbd5e1b8;font-size:13px;line-height:1.65;letter-spacing:0}.backend-view-copy h3,.architecture-copy h3,.decision-panel h3,.resilience-card h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.02em}.district-detail-card h3{margin:0 0 8px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;font-weight:750;line-height:1.3;letter-spacing:-.01em}.district-detail-card p{margin:0;color:#cbd5e1b8;font-size:12px;font-weight:400;line-height:1.62}.panel-content-kicker,.backend-lab-kicker,.backend-view-kicker,.architecture-header>div>span,.architecture-copy>span,.decision-panel>span,.resilience-card>span{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}.district-card-index{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em}.panel-tags span,#chaosPatterns span{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:650;line-height:1.2}.flow-node strong,.migration-node strong{font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:750;line-height:1.3}.flow-node small{font-family:Inter,system-ui,sans-serif;font-size:8px;font-weight:850;letter-spacing:.08em}.flow-node span,.migration-node span{font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.35}.workflow-state{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:800;line-height:1.25;letter-spacing:.035em}.workflow-actions button{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700}.arch-node b{font-family:Manrope,Inter,system-ui,sans-serif;font-size:13px;font-weight:750;line-height:1.3}.arch-node small{margin-top:4px;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.4}.architecture-scenario span{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.architecture-scenario strong{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.35}.backend-console pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.65;letter-spacing:0}.audit-log{font-family:JetBrains Mono,Fira Code,Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.65}.audit-entry small{font-family:inherit;font-size:9px}.audit-entry span{font-family:inherit;font-size:10.5px}.backend-tab,.architecture-tab{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:750;letter-spacing:.015em}.backend-action-btn,.zone-explore,.panel-action,.architecture-launch{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.01em}.panel-action small{font-family:Inter,system-ui,sans-serif;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-action span{font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:750;line-height:1.25}.zone-kicker{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.zone-toast h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.025em}.zone-toast p{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.6}.hud-kicker{font-family:Inter,system-ui,sans-serif;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.progress-top strong{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.35}.collectible-row{font-family:Inter,system-ui,sans-serif;font-size:9px;line-height:1.4}@media (max-width: 640px){.content-panel-header h2{font-size:26px}.backend-lab-header h2,.architecture-header h2{font-size:30px}.content-panel-header p,.backend-view-copy p,.architecture-copy p,.decision-panel p,.resilience-card p{font-size:12px}.district-detail-card p{font-size:11.5px}}.mobile-drive{position:fixed;left:20px;bottom:22px;display:none;flex-direction:column;align-items:center;gap:7px;z-index:60;user-select:none;-webkit-user-select:none;touch-action:none}.mobile-drive-row{display:flex;gap:7px}.mobile-drive-btn{width:52px;height:52px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:linear-gradient(145deg,#1e293be0,#0a0f19e6);color:#ffffffe6;font-size:17px;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff14;backdrop-filter:blur(12px);cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease}.mobile-drive-btn:active,.mobile-drive-btn.is-pressed{transform:translateY(2px) scale(.95);background:#3b82f666;border-color:#93c5fd99}.mobile-drive-brake{color:#fca5a5}@media (hover: none) and (pointer: coarse){.mobile-drive{display:flex}}.mobile-drive,.mobile-drive-btn{touch-action:none;user-select:none;-webkit-user-select:none}.mobile-drive{display:none;position:fixed;z-index:36;left:14px;bottom:max(14px,env(safe-area-inset-bottom));pointer-events:none}.mobile-drive>button{display:block;margin:auto;pointer-events:auto}.mobile-drive button{width:45px;height:45px;margin:2px;border:1px solid var(--line);border-radius:12px;background:#070d1ab3;color:#fff;backdrop-filter:blur(10px);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}@media (max-width: 760px){.world-map-panel{width:calc(100% - 20px);max-height:calc(100dvh - 32px);padding:14px;border-radius:18px;overflow-y:auto}.world-map-head{margin-bottom:10px}.world-map-head strong{font-size:17px}.world-map-grid{grid-template-columns:1fr;gap:6px}.world-map-grid button{min-height:52px;padding:9px 10px}.world-map-grid span{width:26px;height:26px}.mobile-drive{display:flex;flex-direction:column;align-items:center}.mobile-drive>button,.mobile-drive button{pointer-events:auto;touch-action:none}}@media (max-width: 480px){.intro-card{left:10px;right:10px;bottom:60px;width:auto;max-height:calc(100dvh - 80px);padding:20px;overflow-y:auto}.intro-card h1{font-size:clamp(30px,10vw,40px);line-height:1}.intro-card p{font-size:12px;line-height:1.55}.intro-card button{padding:11px 15px}.intro-card small{display:none}.game-progress{top:64px;left:10px;right:10px;width:auto;padding:9px 10px;border-radius:13px}.progress-top{gap:8px}.hud-kicker{font-size:7px}.progress-top strong{margin-top:2px;font-size:10px}.hud-mini-btn{padding:6px 7px;font-size:8px}.world-progress-row{margin-top:7px}.collectible-row{margin-top:5px;font-size:8px}.mobile-drive{left:14px;bottom:max(16px,env(safe-area-inset-bottom))}.mobile-drive button{width:40px;height:40px;margin:2px;border-radius:10px}.zone-toast{left:10px;right:10px;bottom:140px;padding:12px 14px;border-radius:14px}.zone-toast h2{font-size:17px}.zone-toast p{font-size:11px}.world-controls,.collectible-row{display:none}}@media (max-width: 480px){.backend-lab{padding:8px;align-items:stretch}.backend-lab-shell{width:100%;height:calc(100dvh - 16px);max-height:none;border-radius:18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}