@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#101629;--panel:#18213deD;--border:#55618c;--yellow:#ffbc36;--muted:#aeb8d4;--white:#f7f5f2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10162c;color:var(--white);font-family:Nunito,Arial,sans-serif}button{font-family:inherit;cursor:pointer}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%;object-fit:cover}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 35%,rgba(8,11,29,.25) 100%)}#ui{position:absolute;inset:0;pointer-events:none}#ui button{pointer-events:auto}#topbar{position:absolute;left:22px;right:22px;top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;background:#151c38ef;border:1px solid #59638980;box-shadow:0 8px 30px #0003;border-radius:15px;padding:10px 15px}.brand-icon{font-size:25px;line-height:1;color:#ffbd3d}.brand strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:900;color:#acb5d0;letter-spacing:1px}.version{align-self:start;border-radius:6px;background:#333c60;color:#e9e8f4;padding:4px 6px;font-size:10px;font-weight:900}.mission-tag{align-self:center;background:#151c38e8;border:1px solid #69739380;border-radius:10px;padding:12px 20px;color:#f6ecdb;font-size:12px;font-weight:900;display:flex;align-items:center;gap:10px;max-width:40vw}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#ffbf42;box-shadow:0 0 0 5px #ffbf4220;flex-shrink:0}.icon-button{width:46px;height:46px;background:#202945ed;border:1px solid #7280aa;color:white;border-radius:13px;font-size:21px}#left-hud{position:absolute;left:22px;top:120px;width:232px;background:#151c38de;border:1px solid #64709770;border-radius:17px;padding:14px 12px;box-shadow:0 12px 30px #0002}.panel-label{color:#a5b2d0;font-size:10px;font-weight:900;letter-spacing:2px;padding:0 8px 8px}.team-row{border:1px solid transparent;display:flex;gap:10px;align-items:center;border-radius:10px;padding:7px 8px;margin:3px 0;transition:background .2s}.team-row.active{background:#ffbc3620;border-color:#ffbc3690}.avatar{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #0e1832;position:relative;flex-shrink:0}.avatar:after{content:' ';height:10px;width:10px;border-radius:50%;background:#f8c18a;position:absolute;top:5px;left:9px;border:2px solid #202037}.team-info{min-width:0;flex:1}.team-info b{display:block;font-size:12px;white-space:nowrap}.team-info small{display:block;color:#b1bdd9;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.human-chip{font-size:9px;color:#ffd468;font-weight:900}.key-hint{border-top:1px solid #69739350;margin-top:10px;padding:12px 6px 2px;color:#c8cede;font-size:11px}kbd{display:inline-block;background:#303c60;color:#fff;padding:4px 7px;border:1px solid #8390b8;border-bottom:3px solid #7981a8;border-radius:6px;font-family:Nunito,sans-serif;font-size:10px;font-weight:900;min-width:25px;text-align:center}#right-hud{position:absolute;right:22px;top:118px;width:195px;background:#151c38e8;border:1px solid #64709770;padding:12px;border-radius:17px}.district{display:flex;align-items:center;gap:8px;margin-bottom:10px}.district-dot{width:9px;height:9px;border-radius:50%;background:#47c991;box-shadow:0 0 10px #47c991}.district b{display:block;font-size:13px;font-family:'Barlow Condensed';letter-spacing:1.2px}.district small{color:#c0c8db;font-size:10px}#minimap{width:100%;height:109px;border:1px solid #7582aa80;background:#101830;border-radius:8px}.difficulty{font-size:9px;font-weight:900;letter-spacing:1px;color:#bbc5d9;margin:10px 0 1px}.difficulty b{float:right;color:#ffbf45}.difficulty-track{height:5px;border-radius:20px;background:#35405f;margin-top:7px;overflow:hidden}.difficulty-track i{display:block;width:12%;background:#ffba35;height:100%}#bottom-hud{position:absolute;bottom:20px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:14px}.objective{display:flex;align-items:center;gap:12px;background:#151c38eF;border:1px solid #68759d75;border-radius:12px;padding:11px 17px}.objective-mark{color:#ffc043;font-size:25px}.objective small{display:block;color:#bfc7d9;font-size:10px;letter-spacing:1.4px;font-weight:900}.objective b{font-size:13px}.controls-hint{font-size:11px;color:#fff;background:#151c38e7;border:1px solid #68759d75;border-radius:12px;padding:10px 13px;white-space:nowrap}.divider-dot{color:#909dbb;padding:0 9px}.interaction{display:flex;align-items:center;gap:12px;background:#ffbd39;color:#20213b;padding:12px 18px;border-radius:13px;box-shadow:0 9px 30px #0005;animation:bob 2s infinite}.interaction kbd{background:#1d2645;border-color:#10162e;border-bottom-color:#03070e;font-size:18px}.interaction b{font-family:'Barlow Condensed';font-size:20px}.interaction small{display:block;font-size:11px;font-weight:900}.hidden{display:none!important}.toast{position:absolute;top:85px;left:50%;transform:translateX(-50%) translateY(-15px);background:#1d2848;border:1px solid #91a0c0;border-radius:10px;padding:11px 20px;box-shadow:0 10px 25px #0006;font-size:12px;font-weight:900;opacity:0;transition:opacity .2s,transform .2s;max-width:550px;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.overlay{position:absolute;inset:0;background:#090d20b9;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.overlay.visible{display:flex}.modal{width:min(520px,100%);max-height:95vh;overflow-y:auto;text-align:center;background:linear-gradient(157deg,#28355c,#141a35 76%);border:2px solid #6d79a0;border-radius:22px;padding:34px;box-shadow:0 20px 80px #0009}.modal h1{font-family:'Barlow Condensed';font-size:43px;margin:7px 0 10px}.modal p{color:#c6cee1;font-size:14px;line-height:1.5}.eyebrow{font-weight:900;font-size:11px;color:#f3be65;letter-spacing:2px}.hero-logo{position:relative;display:inline-block;margin:15px 0 3px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(70px,10vw,108px);letter-spacing:-2px;transform:rotate(-5deg);text-shadow:6px 8px #090c1d;-webkit-text-stroke:2px #101426}.hero-logo span{position:relative;z-index:2}.logo-swipe{background:#ffb72e;width:110%;height:26px;position:absolute;left:-5%;bottom:19px;transform:rotate(-3deg);z-index:0}.hero-copy{font-size:15px!important;max-width:310px;margin:0 auto 18px!important}.hero-characters{display:flex;justify-content:center;gap:14px;padding:8px 0 15px}.portrait{width:53px;height:56px;border:3px solid #111b35;border-radius:15px;background:#e85654;display:flex;align-items:center;justify-content:center;font-size:39px;color:#1e2345;box-shadow:0 6px #0005}.p1{background:#edb835}.p2{background:#8b63da}.p3{background:#4ac5bc}.hero-stats{display:flex;gap:11px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.5px;font-weight:900;color:#adb7d7;margin-bottom:21px}.hero-stats i{width:4px;height:4px;border-radius:50%;background:#ffbd39}.modal button{display:block;width:100%;border-radius:10px;font-weight:900;font-size:12px;letter-spacing:.5px;padding:15px 20px;margin-top:9px;border:1px solid #7784a6}.primary{background:#ffba35;color:#1e2039;border-color:#ffe09c!important;box-shadow:0 5px 0 #b77720}.primary:hover{background:#ffca53}.secondary{background:#263354;color:#e8edf6}.secondary:hover{background:#34446d}.big{font-size:15px!important;padding:17px!important}.big span{margin-left:15px}.home-foot{font-size:9px;color:#aab5cf;letter-spacing:1.4px;font-weight:900;margin-top:27px}.settings{text-align:left}.settings .eyebrow,.settings h1,.settings>p{text-align:center}.settings h1{margin-bottom:0}.settings>p{font-size:12px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.key-item{background:#171f3b;border:1px solid #50618b;border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.key-item span{font-size:11px;font-weight:900}.key-item button{width:auto;margin:0;padding:7px 10px;border:1px solid #9eaacc;background:#3a476e;color:white;min-width:50px}.key-item button.listening{background:#ffbc36;color:#131a31}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:12px;border-top:1px solid #46516e}.switch input{accent-color:#ffbd3b}.role-card{position:absolute;top:95px;left:50%;transform:translateX(-50%);width:min(460px,90vw);background:#1a2444f5;border:2px solid #ffd064;border-radius:15px;display:flex;align-items:flex-start;gap:12px;padding:16px;box-shadow:0 12px 25px #0007}.role-card-symbol{font-size:32px;color:#ffbc36}.role-card b{font-family:'Barlow Condensed';font-size:21px}.role-card p{font-size:12px;margin:5px 0}.role-card small{color:#b6c0dc;font-size:10px}.role-card button{background:none;border:0;color:#fff;font-size:25px;margin-left:auto}.pause-blank{display:none}@keyframes bob{50%{transform:translateY(-4px)}}@media(max-width:800px){#left-hud{width:190px;left:10px;top:87px;padding:8px}.team-row{padding:3px}.avatar{width:27px;height:27px}.team-info b{font-size:11px}#right-hud{right:10px;top:87px;width:155px}#minimap{height:83px}#topbar{left:10px;right:10px;top:8px}.brand{padding:6px 9px}.brand strong{font-size:19px}.brand small{font-size:8px}.mission-tag{font-size:10px;padding:8px;max-width:33vw}.icon-button{width:38px;height:38px}#bottom-hud{bottom:10px;left:10px;right:10px}.controls-hint{display:none}.objective{padding:8px;font-size:11px}.objective b{font-size:11px}.interaction{padding:8px}.interaction b{font-size:16px}}@media(max-height:600px){#left-hud{top:75px}.team-row{margin:0;padding:3px}.key-hint{margin-top:4px;padding-top:7px}.modal{padding:17px}.hero-logo{font-size:64px}.hero-characters{padding:0}.hero-copy{margin-bottom:6px!important}.home-foot{margin-top:12px}}