.mission{color:#eef7ff;isolation:isolate;background:#0c1422;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:auto}.mission>canvas{touch-action:none;z-index:-1;width:100%;height:100%;position:fixed;inset:0}.mission:not([data-playing=true]){background:radial-gradient(at 90% 10%,#124652e8,#0c1422f5 65%)}.mission-spy:not([data-playing=true]){background:radial-gradient(at 80% 20%,#6b4524e0,#101822f5 65%)}.mission header{z-index:4;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex;position:relative}.mission header b{letter-spacing:.15em;font-size:12px}.mission a{color:#bdf4dc;text-decoration:none}.mission button,.mission select,.mission input{font:inherit;color:#fff;background:#16323ceb;border:1px solid #91c2be66;border-radius:10px;min-height:44px;padding:12px 16px}.mission button{cursor:pointer;font-weight:700}.mission button:hover{background:#245565}.mission button:disabled{opacity:.5;cursor:default}.mission button:focus-visible,.mission a:focus-visible,.mission input:focus-visible,.mission select:focus-visible{outline-offset:3px;outline:3px solid #ffcf63}.mission select option{background:#152937}.mission label{gap:8px;font-size:13px;display:grid}.mission-landing{width:min(660px,100% - 40px);margin:4vh auto 24px;position:relative}.mission h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(32px,7vw,76px);line-height:1.03}.mission h1 em{color:#a9ffd0;font-style:normal}.mission-spy h1 em{color:#ffca78}.mission p{color:#c0d0dd;line-height:1.7}.mission-eyebrow{letter-spacing:.2em;font-size:11px;color:#a8ead3!important}.mission-choices{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;display:grid}.mission-actions,.mission-join{gap:12px;margin:14px 0;display:flex}.mission-actions button:first-child{color:#16372b;background:#b0f7d0}.mission-join input{flex:1;min-width:0}.mission details{margin:25px 0;font-size:13px}.mission summary{cursor:pointer}.mission footer{justify-content:center;align-items:center;gap:24px;padding:20px;display:flex;position:relative}.mission-panel{z-index:10;background:#101f32f5;border:1px solid #5d9eab;border-radius:20px;width:min(620px,100% - 32px);max-height:78%;padding:30px;position:absolute;inset:12% auto auto 50%;overflow:auto;transform:translate(-50%);box-shadow:0 20px 120px #000b}.mission-panel h1{font-size:40px}.mission-panel>button{margin:10px 8px 0 0}.mission-pin{letter-spacing:.16em;color:#aaffd6;margin:20px 0;font-size:40px;display:block}.mission-panel ul{padding:0;line-height:2;list-style:none}.mission-objective{pointer-events:none;background:#0d1e32bc;border-left:3px solid #b6efce;border-radius:4px;gap:5px;max-width:410px;padding:12px;display:grid;position:absolute;top:85px;left:24px}.mission-objective span,.mission-objective small{font-size:12px;line-height:1.45}.mission-reticle{color:#afd;pointer-events:none;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mission-kit{align-items:end;gap:8px;display:flex;position:absolute;top:85px;right:24px}.mission-kit select{max-width:170px;padding:8px;font-size:12px}.mission-status{pointer-events:none;text-shadow:0 2px 4px #000;justify-content:space-between;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.mission-status b{font-size:32px}.mission-status small{text-align:right;font-size:11px;display:block}.mission-team{text-shadow:0 2px 3px #000;gap:5px;font-size:12px;display:grid;position:absolute;bottom:90px;left:24px}.mission-error{z-index:25;text-align:center;background:#662c3e;padding:10px;position:fixed;bottom:5px;left:10%;right:10%}.mission-touch{display:none}.mission-down{text-align:center;background:#102138dc;padding:20px;position:absolute;top:45%;left:20%;right:20%}.mission[data-playing=true]{overflow:hidden}@media (pointer:coarse){.mission-touch{display:block}.mission-touch>*{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.mission-stick{color:#c6e1ed;background:radial-gradient(circle,#bbe5e622 32%,#0000 33%);border:2px solid #d5f4ff65;border-radius:50%;place-items:end center;width:116px;height:116px;padding-bottom:10px;font-size:10px;display:grid;bottom:80px}.mission-move{left:20px}.mission-look{right:20px}.mission-fire-left{bottom:222px;left:24px}.mission-fire-right{bottom:222px;right:24px}.mission-act{bottom:185px;right:calc(50% - 30px)}.mission-reload{bottom:115px;left:calc(50% - 25px)}.mission-team{bottom:300px}.mission-kit{top:190px;right:16px}.mission-objective{max-width:none;top:70px;left:16px;right:16px}.mission header{padding:14px}.mission header b{font-size:9px}.mission-status{bottom:14px;left:16px;right:16px}.mission-landing{margin-top:10px}.mission-panel{padding:20px}.mission-panel h1{font-size:30px}.mission-actions{flex-wrap:wrap}.mission-choices{grid-template-columns:1fr 1fr}.mission header a{font-size:12px}}@media (pointer:coarse) and (max-height:500px){.mission-stick{width:90px;height:90px;bottom:50px}.mission-fire-left,.mission-fire-right{bottom:160px}.mission-act{bottom:70px;right:130px}.mission-reload{bottom:70px;left:130px}.mission-objective{font-size:10px;top:60px;left:30%;right:30%}.mission-objective small{display:none}.mission-kit{top:65px}.mission-team{font-size:10px;bottom:225px;left:20px}.mission-panel{max-height:85%;top:8%}}.mission-map{z-index:5;background:#102335ee;border:1px solid #71aea8;border-radius:12px;width:170px;padding:10px;position:absolute;top:250px;right:20px}.mission-map svg{width:100%}.mission-map small{color:#d0e0ee;font-size:9px;line-height:1.4;display:block}@media (max-height:500px){.mission-map{width:140px;top:110px;right:18px}}.mission[data-playing=true] header{pointer-events:none}.mission[data-playing=true] header>*{pointer-events:auto}.mission select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef7ff;background-color:#16323c;background-image:linear-gradient(45deg,#0000 50%,#bdf4dc 50%),linear-gradient(135deg,#bdf4dc 50%,#0000 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.mission-thistle:not([data-playing=true]){background:radial-gradient(at 90% 0,#2c5a65 0%,#13282e 38%,#08141d 80%)}.mission-thistle .mission-eyebrow{color:#e5c688!important}.mission-thistle .mission-landing{width:min(700px,100% - 40px)}.thistle-brief{background:#d9b56a0c;border-left:2px solid #d9b56a;padding:12px 18px}.thistle-brief>span{letter-spacing:.2em;color:#dfc084;font-size:10px}.thistle-brief p{margin:8px 0}.thistle-brief small{color:#b8c9ce;line-height:1.6;display:block}.thistle-dossier b{color:#f3cf85}.thistle-gadgets{align-items:end;gap:6px;display:flex}.thistle-gadgets button{touch-action:none;padding:8px;font-size:10px}.thistle-prompt{color:#e5b9ff;text-align:center;pointer-events:none;background:#152731e8;border:1px solid #a27cbd;padding:10px;font-size:12px;position:absolute;top:57%;left:50%;transform:translate(-50%)}.mission-thistle .mission-kit{flex-wrap:wrap;justify-content:flex-end;max-width:320px}.mission-thistle progress{accent-color:#f7cf80;width:100%;height:4px}.mission-thistle .mission-objective{border-color:#e3bd75}.mission-thistle .mission-objective small{max-width:370px}.mission-thistle .mission-team{display:none}@media (pointer:coarse){.mission-thistle header{gap:6px;padding:10px}.mission-thistle header b{display:none}.mission-thistle header button{padding:8px;font-size:11px}.mission-thistle .mission-objective{max-height:145px;top:65px;overflow:hidden}.mission-thistle .mission-kit{gap:6px;max-width:calc(100% - 24px);top:235px;right:12px}.mission-thistle .mission-kit label{gap:4px;font-size:10px}.mission-thistle .mission-kit select{max-width:140px;min-height:44px}.mission-thistle .mission-map{width:135px;top:350px}.mission-thistle .mission-gadgets{gap:4px}}@media (pointer:coarse) and (max-height:500px){.mission-thistle .mission-objective{padding:6px;font-size:11px;top:55px;left:25%;right:25%}.mission-thistle .mission-objective small{display:none}.mission-thistle .mission-kit{gap:4px;max-width:230px;top:110px;right:10px}.mission-thistle .mission-kit select{max-width:125px;font-size:10px}.mission-thistle .thistle-gadgets button{padding:6px;font-size:9px}.mission-thistle .mission-map{width:120px;top:60px;left:12px;right:auto}.mission-thistle .mission-fire-left,.mission-thistle .mission-fire-right{bottom:125px}.mission-thistle .mission-fire-right{right:24px}.mission-thistle .mission-act{bottom:40px;right:130px}.mission-thistle .mission-reload{bottom:40px;left:130px}.mission-thistle .mission-status{bottom:3px}.mission-thistle .mission-status b{font-size:20px}}@media (max-width:370px){.mission-thistle .mission-kit{top:220px}.mission-thistle .mission-objective small{font-size:10px}.mission-thistle .thistle-gadgets button{padding:6px}.mission-thistle .mission-stick{width:96px;height:96px}}.mission-thistle header{padding-top:max(10px,env(safe-area-inset-top))}.mission-thistle .mission-status{padding-bottom:env(safe-area-inset-bottom)}.mission-thistle .mission-panel{padding-bottom:max(20px,env(safe-area-inset-bottom))}@media (pointer:coarse) and (max-height:500px){.mission-thistle .mission-kit{top:55px}.mission-thistle .mission-map{width:108px}.mission-thistle .mission-map small{display:none}}@media (pointer:coarse) and (min-height:501px){.mission-thistle .mission-map{width:90px;top:310px;left:50%;right:auto;transform:translate(-50%)}.mission-thistle .mission-map small{display:none}}.mission>canvas{z-index:0}.mission .mission-landing,.mission footer{z-index:1}.mission-objective,.mission-reticle,.mission-kit,.mission-status,.mission-team,.mission-down,.thistle-prompt{z-index:2}.mission-touch{pointer-events:none;z-index:3;position:absolute;inset:0}.mission-touch>*{pointer-events:auto}.mission:not([data-playing=true])>canvas{opacity:.12;pointer-events:none}
