@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#131c18;--panel:#1b2621;--line:#ffffff12;--muted:#98a89b;--text:#edf0e6;--lime:#c5e993;--amber:#e7bd78;--red:#d28b79}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}#world-fallback{position:absolute;top:45%;left:25%;max-width:300px;padding:24px;background:var(--panel)}header{height:100px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:linear-gradient(#131c18ef,#131c18b0)}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:4px}.brand-mark{font-family:Georgia,serif;font-size:54px;font-style:italic;line-height:1;color:var(--lime);letter-spacing:-7px;padding-right:8px}.brand-mark span{font-size:37px}nav{display:flex;gap:8px;align-items:center}nav button{border:0;background:transparent;color:var(--muted);padding:13px 20px;font-size:14px;border-radius:8px}nav .active{background:#ffffff09;color:var(--text)}.count{display:inline-grid;place-items:center;border:1px solid #ffffff18;border-radius:4px;width:20px;height:20px;font-size:11px;margin-left:5px}.header-right{display:flex;gap:22px;align-items:center}.demo-pill{font-size:10px;letter-spacing:1.1px;color:var(--muted);white-space:nowrap}.demo-pill i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 12px #c5e99344}.button{border:1px solid #ffffff20;padding:12px 16px;border-radius:7px;background:#ffffff04;font-weight:600;display:inline-flex;gap:20px;justify-content:center;align-items:center;transition:.15s}.button:hover{background:#ffffff10;transform:translateY(-1px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#24311f}.button.primary:hover{background:#d8f4b4}.button.full{width:100%}.button.small{padding:9px 12px;font-size:12px}.world-intro{position:absolute;top:142px;left:40px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:500}.world-intro h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(35px,4.2vw,62px);letter-spacing:-3px;line-height:1.07;margin:19px 0}.world-intro p{line-height:1.7;color:var(--muted);font-size:14px}.weather{display:flex;align-items:center;gap:9px;font-size:12px;color:#b3bbac;margin-top:23px}.weather>span:first-child{font-size:19px;color:var(--amber)}.divider{height:13px;width:1px;background:#ffffff20;margin:0 3px}.stats{position:absolute;left:39%;right:374px;top:127px;display:flex;justify-content:space-between;gap:26px;pointer-events:none}.stats>div{min-width:105px}.stat-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block}.stats strong{display:block;font-family:Manrope,sans-serif;font-size:25px;font-weight:500;margin:8px 0 3px;white-space:nowrap}.stats strong small{font:11px 'DM Sans',sans-serif;color:var(--muted)}.stat-foot{font-size:10px;color:#708575}.panel{position:absolute;top:128px;right:28px;width:304px;max-height:calc(100dvh - 226px);overflow:auto;padding:22px;border:1px solid #ffffff10;border-radius:12px;background:#1b2621eb;backdrop-filter:blur(24px);box-shadow:0 20px 60px #00000015;scrollbar-width:thin;scrollbar-color:#526149 transparent}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;font-weight:500;margin:8px 0}.panel h3{font-size:14px;font-weight:500;margin:0}.panel p{color:var(--muted);font-size:12px;line-height:1.7;margin:10px 0 16px}.subtle{color:var(--muted);font-size:11px}.tag{font-size:9px;letter-spacing:1px;border:1px solid #b9dba530;color:var(--lime);border-radius:4px;padding:5px 7px}.queen-card{background:linear-gradient(135deg,#d4a75d12,#edc46d04);border:1px solid #b49a6130;border-radius:8px;padding:16px;position:relative;margin:18px 0}.queen-card .crown{color:var(--amber);font-size:27px;float:left;margin-right:13px}.queen-card strong{display:block;font-size:13px;margin:3px 0 4px;font-weight:500}.queen-card small{font-size:10px;color:var(--muted)}.health-bar{height:3px;background:#d0ab611a;border-radius:3px;margin-top:16px}.health-bar i{display:block;width:100%;height:100%;background:var(--amber);border-radius:3px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin:23px 0 12px}.role-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.role-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff15;border-radius:8px;color:var(--amber);font-size:18px;background:#ffffff03}.role-row strong{font-size:12px;font-weight:500;display:block}.role-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.role-row .role-number{margin-left:auto;font-size:15px;color:#d1dac8}.progress-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:13px 0 9px}.progress{height:4px;background:#ffffff0b;border-radius:4px;overflow:hidden}.progress i{height:100%;display:block;background:var(--lime);transition:width .3s}.panel-action{margin-top:18px}.panel-note{font-size:10px!important;text-align:center;margin:10px 0 0!important}.activity{position:absolute;left:40px;bottom:78px;width:286px;pointer-events:none}.activity-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.live-word{font-size:9px;color:var(--lime);letter-spacing:1px}.event{display:flex;gap:10px;margin:13px 0;color:#c0cbbc;font-size:11px;line-height:1.5}.event-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);margin-top:5px;flex-shrink:0}.event time{color:#697b6e;font-size:9px;margin-left:auto;flex-shrink:0}.scene-caption{position:absolute;bottom:153px;left:40%;color:#97a78c;font-size:10px;letter-spacing:.2px;pointer-events:none}.world-tools{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);display:flex;gap:10px;white-space:nowrap}.camera-tabs,.play-tools{display:flex;padding:5px;border:1px solid #ffffff15;background:#1b2621e8;backdrop-filter:blur(14px);border-radius:8px}.camera-tabs button,.play-tools button{border:0;background:transparent;padding:10px 16px;font-size:11px;border-radius:5px;color:var(--muted)}.camera-tabs button.active{background:#c5e993;color:#24311f}.play-tools button{padding:9px 12px}.world-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;color:#788678;white-space:nowrap}.world-hint span{margin:0 10px}#toast{position:fixed;bottom:118px;left:50%;transform:translate(-50%,20px);z-index:20;background:#d2ecb1;color:#233220;border-radius:8px;padding:13px 22px;font-size:13px;box-shadow:0 8px 40px #0004;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #ffffff20;border-radius:16px;padding:30px;background:#202d25;color:var(--text);width:440px;max-width:calc(100vw - 32px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08140eb5;backdrop-filter:blur(6px)}dialog h2{font-family:Manrope,sans-serif;font-size:28px;font-weight:500;letter-spacing:-1px;margin:12px 0}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.close{position:absolute;top:15px;right:16px;border:0;background:transparent;color:var(--muted);font-size:22px}.field{display:block;font-size:11px;color:var(--muted);margin:20px 0 8px}input,textarea,select{width:100%;background:#142018;border:1px solid #ffffff20;color:var(--text);padding:12px;border-radius:7px;font:13px 'DM Sans',sans-serif;outline:none}input:focus,textarea:focus{border-color:var(--lime)}textarea{resize:vertical;min-height:85px}.choice-row{display:flex;gap:8px;margin:10px 0 22px}.choice{flex:1;background:#ffffff03;border:1px solid #ffffff15;border-radius:7px;padding:12px 5px;font-size:11px}.choice.selected{border-color:var(--lime);color:var(--lime);background:#c5e9930b}.mission-card{border:1px solid #ffffff15;background:#ffffff025;border-radius:9px;padding:15px;margin:10px 0;cursor:pointer;width:100%;text-align:left}.mission-card:hover{border-color:#c5e99366;background:#c5e99304}.mission-card.selected{border-color:#c5e99366}.mission-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.mission-glyph{width:32px;height:32px;background:#c5e99310;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:19px}.mission-card strong{font-size:13px;font-weight:500;display:block}.mission-card p{font-size:11px;margin:6px 0 12px}.mission-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.reward{color:var(--lime)}.back{border:0;background:transparent;color:var(--muted);padding:0;margin-bottom:18px;font-size:11px}.brief{padding:13px;background:#ffffff04;border-radius:7px;font-size:12px;line-height:1.8;color:#bdc9b7;margin:18px 0}.metric-pair{display:flex;gap:20px;margin:20px 0}.metric-pair>div{flex:1}.metric-pair small{font-size:9px;color:var(--muted);display:block;margin-bottom:6px;letter-spacing:1px}.metric-pair strong{font-size:21px;font-weight:400}.allocation{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin:20px 0}.pool{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:11px}.pool span:first-child{color:var(--muted)}.pool i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:8px}.ledger{margin:12px 0 0;max-height:160px;overflow:auto}.ledger-row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.ledger-row strong{font-weight:500;color:var(--text);white-space:nowrap}.avatar-orb{margin:10px auto 20px;width:72px;height:72px;border:1px solid #c5e99340;border-radius:50%;background:radial-gradient(#c5e99325,transparent);display:grid;place-items:center;font-size:32px;color:var(--lime)}.status-line{font-size:10px;color:var(--lime);margin:10px 0}.error{color:#f0a697;font-size:12px;min-height:17px}.stat-box{background:#ffffff04;padding:12px;border-radius:7px;margin:12px 0;font-size:12px;color:var(--muted)}.text-button{border:0;background:transparent;padding:10px 0;font-size:10px;color:var(--muted);text-decoration:underline}.panel .button+.button{margin-top:9px}.mobile-title{display:none} @media(min-width:1600px){.stats{left:37%;right:410px}.panel{right:40px;width:320px;top:140px}.world-tools{bottom:56px}.activity{bottom:90px}}@media(max-width:1150px){header{padding:0 24px}.demo-pill{display:none}.stats{left:32%;right:320px;gap:15px}.stats>div{min-width:75px}.stats strong{font-size:21px}.panel{width:275px;right:20px;padding:18px}.world-intro{left:24px}.world-intro h1{font-size:44px}.activity{left:24px;width:235px}.scene-caption{display:none}.world-tools{left:47%}.stat-foot{display:none}}@media(max-width:800px){header{height:77px;padding:0 16px;gap:12px}.brand{font-size:16px;letter-spacing:2px;gap:8px}.brand small{display:none}.brand-mark{font-size:39px}.header-right .button{font-size:11px;padding:10px;gap:8px}nav{position:fixed;bottom:0;left:0;right:0;height:57px;background:#17231bf5;border-top:1px solid #ffffff12;justify-content:space-around;z-index:10}nav button{flex:1;font-size:12px;padding:15px;border-radius:0}nav .count{display:none}.world-intro{top:101px;left:20px}.world-intro .eyebrow{font-size:8px}.world-intro h1{font-size:34px;letter-spacing:-1.5px;margin:12px 0}.world-intro p,.weather{display:none}.stats{top:99px;left:auto;right:18px;display:block}.stats>div{margin-bottom:14px;text-align:right}.stats strong{font-size:18px;margin:3px 0}.stat-label{font-size:8px}.stats>div:last-child{display:none}.panel{top:auto;bottom:121px;left:15px;right:15px;width:auto;max-height:44dvh;padding:17px;background:#1b2621f5}.panel.colony-panel{max-height:172px}.colony-panel .queen-card,.colony-panel .role-list,.colony-panel .section-label,.colony-panel .panel-note,.colony-panel .intro-copy{display:none}.colony-panel .panel-top{margin-bottom:4px}.colony-panel h2{font-size:18px;display:inline}.colony-panel .panel-action{margin-top:12px}.colony-panel .progress-row{margin-top:8px}.activity{display:none}.world-tools{left:50%;bottom:69px;gap:5px}.camera-tabs button{padding:9px 11px;font-size:10px}.play-tools button{padding:8px 10px}.world-hint{display:none}.scene-caption{display:none}#toast{bottom:310px}.panel h2{font-size:20px}.mission-card{padding:12px}.panel-top{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.role-button{width:100%;background:transparent;border:0;text-align:left;color:inherit}.role-button:hover{background:#c5e99306}.fighter-icon{color:#c49276!important}
.world-label{position:absolute;top:0;left:0;border:1px solid #d5e4ba26;border-radius:5px;background:#19261cdc;color:#d3dec4;font-size:10px;padding:7px 10px;white-space:nowrap;transition:opacity .3s;box-shadow:0 4px 14px #0002}.world-label span{color:var(--lime);margin-right:4px}.world-label:hover{background:#34452b;border-color:var(--lime)}.panel p,.brief{font-size:13px}.mission-card p{font-size:12px}.panel-note{font-size:11px!important}.stat-label,.eyebrow,.section-label{font-size:11px}.stat-foot,.role-row small{font-size:11px}.role-row strong{font-size:14px}.panel .subtle{font-size:12px}.mission-card{background:#ffffff02}.mission-card .eyebrow{font-size:9px}.role-button{width:100%;background:transparent;border:0;text-align:left;color:inherit}.role-button:hover{background:#c5e99306}.fighter-icon{color:#c49276!important}@media(max-width:800px){.world-label{font-size:8px;padding:5px 6px}.world-intro .eyebrow{font-size:8px}.stat-label{font-size:8px}.colony-panel .panel-top{display:none}.colony-panel .role-list{display:flex;gap:10px;margin:4px 0}.colony-panel .role-row{padding:5px 0;flex:1}.colony-panel .role-row small,.colony-panel .role-number{display:none}.colony-panel .role-icon{width:24px;height:24px;font-size:14px}.colony-panel .role-row strong{font-size:11px}.colony-panel .progress-row{font-size:10px}.panel.colony-panel{max-height:204px}.colony-panel .progress{display:none}.colony-panel .panel-action{margin-top:8px}.colony-panel .role-row{border:0}.colony-panel .progress-row{margin:4px 0}.panel h2{margin:4px 0}}