:root{--brand-primary:#c1121f;--brand-secondary:#a45a3a;--brand-tertiary:#5c8dba;--brand-neutral:#0a0a0c;--primary-hover:#cf1b29;--primary-tint:#ffb7b1;--secondary-tint:#f0baa2;--text:#f5f3f3;--muted:#dfc7c7;--surface:#202022;--surface-hover:#333336;--line:var(--brand-tertiary);--divider:#555559;color:var(--text);background:var(--brand-neutral);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;background:var(--surface);border:2px solid var(--line);cursor:pointer;border-radius:5px;padding:10px 16px;font-size:16px;font-weight:700;transition:background .12s}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,#stage:focus-visible{outline:3px solid var(--brand-tertiary);outline-offset:4px}.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text)}.primary:hover:not(:disabled){background:var(--primary-hover)}.masthead{border-bottom:1px solid var(--line);align-items:center;gap:26px;max-width:1536px;min-height:128px;margin:auto;padding:18px 24px;display:flex}.district-mini{border:4px solid var(--brand-secondary);background:url(/assets/district.webp) 50%/cover;flex-shrink:0;width:200px;height:94px;transform:rotate(-1deg)}.brand{flex:1;min-width:0}.brand h1{color:var(--brand-primary);letter-spacing:1px;white-space:nowrap;text-shadow:2px 3px var(--brand-neutral);margin:0;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(30px,4.5vw,70px);line-height:1}.brand span{background:var(--primary-tint);color:var(--brand-neutral);letter-spacing:2px;margin-top:8px;padding:3px 16px;font-size:20px;font-style:italic;font-weight:900;display:inline-block;transform:rotate(-1deg)}.wallet{border-left:1px solid var(--line);min-width:160px;padding-left:20px;font-size:18px;line-height:1.7}.wallet strong{color:var(--primary-tint);margin-left:10px;font-size:27px}nav{gap:8px;display:grid}nav button{padding:7px 16px;font-size:14px}main{max-width:1536px;margin:0 auto;padding:0 24px}.mission{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.mission h2{margin:0 0 6px;font-family:Georgia,serif;font-size:27px;font-style:italic}.mission p{margin:0;font-size:16px}.source{color:var(--muted);letter-spacing:2px;font-size:12px}.playfield{border-top:3px solid var(--brand-secondary);border-bottom:3px solid var(--brand-secondary);background:var(--brand-neutral);position:relative;overflow:hidden}#stage{aspect-ratio:1200/640;outline-offset:-5px;width:100%;display:flow-root}canvas{display:block}#panel{background:var(--surface);width:250px;color:var(--text);max-height:calc(100% - 36px);padding:18px;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:4px 6px #0005}#panel:empty{display:none}#panel h3{color:var(--primary-tint);margin:0 0 10px;font-family:Georgia,serif;font-size:22px;font-style:italic}#panel p{font-size:14px;line-height:1.5}#panel button{width:100%;margin-bottom:8px;padding:9px 10px;font-size:14px}#panel .contract{text-align:left;border:0;border-bottom:1px solid var(--divider);color:var(--text);background:0 0;border-radius:0;margin:0;padding:11px 3px;font-weight:400;display:block}#panel .contract:hover{background:var(--surface-hover)}#panel .contract.selected{background:var(--primary-tint);color:var(--brand-neutral)}.contract strong,.contract span{display:block}.contract strong{font-size:15px}.contract span{margin-top:4px;font-size:12px}#panel hr{border:0;border-top:1px solid var(--divider);margin:18px 0}.practice{align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.practice input{accent-color:var(--brand-tertiary)}#checklist{margin:0 0 18px;padding:0;list-style:none}#checklist li{border-bottom:1px solid var(--divider);padding:8px 0;font-size:15px}#checklist small{color:var(--muted);margin-top:4px;margin-left:23px;font-size:12px;display:block}.hud{border:2px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:24px;margin-top:15px;padding:16px 18px;display:flex}.hud>div{min-width:90px;font-size:13px}.hud strong{margin-top:5px;font-size:21px;display:block}.hud p{color:var(--muted);border-left:1px solid var(--line);flex:1;margin:0;padding-left:20px;font-size:14px;line-height:1.8}.context{color:var(--secondary-tint);margin:14px 0 8px;font-size:16px}#notice{min-height:20px;color:var(--muted);margin:0 0 15px;font-size:14px}#overlay:empty{display:none}.welcome,.result,.pause-overlay{border-left:4px solid var(--brand-primary);background:#0a0a0cf0;max-width:500px;padding:30px;position:absolute;top:18%;left:6%;box-shadow:0 8px 35px #0005}.welcome h2,.result h2,.pause-overlay h2{margin:0 0 16px;font-family:Georgia,serif;font-size:38px;line-height:1.15}.welcome p,.result p,.pause-overlay p{font-size:19px;line-height:1.6}.welcome button,.result button,.pause-overlay button{margin-top:16px;display:block}.result strong{color:var(--primary-tint);font-size:24px}dialog{border:2px solid var(--line);width:calc(100% - 32px);max-width:620px;max-height:90vh;color:var(--text);background:var(--surface);border-radius:8px;padding:26px}dialog::backdrop{background:#0009}dialog h2{margin-top:0;font-family:Georgia,serif}dialog label{align-items:center;gap:12px;margin:14px 0;display:flex}dialog input{accent-color:var(--brand-tertiary)}dialog input[type=range]{flex:1}dialog fieldset{border:1px solid var(--line);margin:24px 0}#bindings{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}#bindings label{text-transform:capitalize;justify-content:space-between}select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:3px;padding:5px}.dialog-buttons{justify-content:space-between;gap:12px;display:flex}#debug{background:var(--surface);padding:15px;overflow:auto}footer{max-width:1536px;color:var(--muted);margin:0 auto;padding:8px 24px 20px;font-size:12px}#save-status{color:var(--secondary-tint)}#settings-error{color:var(--primary-tint)}@media (width<=1100px){.district-mini{width:150px;height:80px}.masthead{gap:18px;padding:16px}.wallet{min-width:135px;padding-left:14px;font-size:15px}.wallet strong{font-size:23px}main{padding:0 16px}.brand span{font-size:16px}#panel{width:220px;padding:14px}.hud{gap:14px;padding:12px}.hud strong{font-size:17px}.hud p{padding-left:14px;font-size:12px}}@media (width<=760px){.masthead{flex-wrap:wrap;gap:12px;min-height:auto}.district-mini{display:none}.brand{flex-basis:65%}.brand h1{font-size:clamp(24px,7vw,34px)}.brand span{font-size:14px}.wallet{border:0;min-width:110px;padding:0;line-height:1.4}.wallet strong{font-size:20px}nav{width:100%;display:flex}nav button{padding:7px 14px;font-size:14px}.mission{padding:14px 0}.mission h2{font-size:23px}.mission p{font-size:14px}#panel{width:100%;max-height:none;box-shadow:none;border-top:2px solid var(--brand-secondary);display:block;position:relative;top:auto;right:auto}#panel .contract{vertical-align:top;width:32%;display:inline-block}#panel .contract strong{font-size:13px}#panel .contract span{font-size:11px}#panel button:not(.contract){width:auto;margin-right:8px}.playfield{overflow:visible}.hud{flex-wrap:wrap;gap:12px}.hud p{border:0;flex-basis:100%;padding:0}.hud strong{font-size:16px}.welcome,.result,.pause-overlay{max-width:90%;max-height:94%;padding:18px;top:3%;left:3%;overflow:auto}.welcome h2,.result h2,.pause-overlay h2{font-size:25px}.welcome p,.result p,.pause-overlay p{font-size:15px;line-height:1.4}.welcome button,.result button,.pause-overlay button{margin-top:10px;padding:8px 12px;font-size:14px}#bindings{grid-template-columns:1fr}.source{font-size:10px}.context{font-size:14px}footer{padding-left:16px}.dialog-buttons{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#panel button:not(.contract):not(.primary){color:var(--text)}@media (width>=761px){.masthead{min-height:112px;padding-top:14px;padding-bottom:14px}.brand h1{font-size:clamp(30px,4vw,60px)}.brand span{margin-top:6px;font-size:18px}#stage{aspect-ratio:auto;height:clamp(400px,100dvh - 390px,800px)}}#asset-status{color:var(--secondary-tint);margin-left:12px}@media (width>=761px){#panel.checklist-panel{max-height:48%;padding:14px}#panel.checklist-panel h3{margin-bottom:8px;font-size:18px}#panel.checklist-panel li{padding:6px 0;font-size:14px}#panel.checklist-panel ol{margin-bottom:12px}}.guide-dialog{max-width:740px;padding:0}.guide-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.guide-header p{color:var(--primary-tint);margin:0;font-size:14px}.guide-header button{flex-shrink:0;padding:7px 10px;font-size:14px}.guide-content{padding:24px}.guide-content h2{margin-bottom:18px;font-size:30px;line-height:1.2}.guide-content p,.guide-list{font-size:16px;line-height:1.6}.guide-list{padding-left:22px}.guide-list li{margin-bottom:14px}.guide-player{align-items:center;gap:16px;display:flex}.guide-player p{margin:0}.guide-actor{background:url(/assets/crew.webp) 0 0/300% 200% no-repeat;flex-shrink:0;width:88px;height:88px;display:block}.guide-actor.player{background-position:0 0}.guide-actor.harasser{background-position:50% 0}.guide-actor.gatekeeper{background-position:100% 0}.guide-actor.saboteur{background-position:0 100%}.guide-route{counter-reset:route;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.guide-route li{background:var(--brand-neutral);border-top:3px solid var(--brand-secondary);counter-increment:route;padding:14px}.guide-route li:before{content:"0" counter(route);color:var(--primary-tint);margin-bottom:8px;font-weight:700;display:block}.guide-route strong,.guide-route span{display:block}.guide-route span{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.guide-note{background:var(--brand-neutral);border-left:3px solid var(--brand-secondary);color:var(--secondary-tint);padding:12px 16px}.guide-keys{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.guide-keys caption{text-align:left;color:var(--primary-tint);margin-bottom:12px}.guide-keys th,.guide-keys td{text-align:left;vertical-align:top;border-bottom:1px solid var(--divider);padding:10px 8px}.guide-keys td:last-child{color:var(--muted)}kbd{white-space:nowrap;font:inherit;border:1px solid var(--brand-tertiary);background:var(--surface-hover);color:var(--text);border-radius:3px;padding:1px 5px;font-size:14px;font-weight:700;display:inline-block}.guide-cast{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.guide-cast>div{background:var(--brand-neutral);flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:14px;display:flex}.guide-footer{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:12px;max-width:none;margin:0;padding:18px 24px;display:flex}.guide-next{margin-left:auto}#coach{background:var(--surface);border-left:4px solid var(--brand-tertiary);border-radius:4px;align-items:center;gap:20px;margin-bottom:16px;padding:16px;display:flex}#coach[hidden]{display:none}.coach-copy{flex:1;min-width:0}.coach-label{color:var(--secondary-tint);font-size:12px}#coach h3{margin:7px 0;font-size:19px}#coach p{max-width:980px;margin:8px 0 0;font-size:14px;line-height:1.6}#coach button{flex-shrink:0;padding:6px 10px;font-size:13px}[data-guide-target=contracts] #panel,[data-guide-target=checklist] #checklist,[data-guide-target=carry] #carry,[data-guide-target=context] #context,[data-guide-target=result] #overlay{outline:2px solid var(--brand-tertiary);outline-offset:3px}@media (width>=761px){[data-guide-target] #stage{height:clamp(400px,100dvh - 530px,660px)}[data-guide-target] #panel.checklist-panel{max-height:68%}}@media (width<=760px){.guide-header{gap:8px;padding:12px 16px}.guide-header p,.guide-header button{font-size:12px}.guide-content{padding:18px 16px}.guide-content h2{font-size:25px}.guide-player{align-items:flex-start;gap:10px}.guide-player .guide-actor{width:64px;height:64px}.guide-content p,.guide-list{font-size:14px}.guide-route{grid-template-columns:1fr;margin:18px 0}.guide-route li{padding:10px 12px}.guide-keys{font-size:12px}.guide-keys th,.guide-keys td{padding:8px 4px}.guide-keys kbd{font-size:12px}.guide-cast{gap:6px}.guide-cast>div{padding:8px 2px;font-size:12px}.guide-cast .guide-actor{width:64px;height:64px}.guide-footer{gap:8px;padding:12px 16px}.guide-footer button{padding:8px 10px;font-size:14px}#coach{flex-wrap:wrap;gap:12px}#coach .coach-copy{flex-basis:100%}.welcome{max-width:none;max-height:none;position:relative;top:auto;left:auto}}nav{grid-template-columns:repeat(2,auto)}#app[data-phase=TITLE]{min-height:100svh;position:relative}#app[data-phase=TITLE] .masthead{z-index:2;background:linear-gradient(#0a0a0cbb,#0000);border-bottom:1px solid #5c8dba66;gap:24px;max-width:none;min-height:98px;padding:16px 3.4%;position:absolute;inset:0 0 auto}#app[data-phase=TITLE] .district-mini,#app[data-phase=TITLE] .wallet,#app[data-phase=TITLE] #pause{display:none}#app[data-phase=TITLE] .brand h1{letter-spacing:.2px;font-size:46px}#app[data-phase=TITLE] .brand span{color:var(--primary-tint);letter-spacing:1px;background:0 0;margin-top:0;padding:0 8px;font-size:24px}#app[data-phase=TITLE] nav{gap:16px;width:auto;display:flex}#app[data-phase=TITLE] nav button{background:#0a0a0cbb;padding:10px 20px;font-size:18px}#app[data-phase=TITLE] main{max-width:none;padding:0}#app[data-phase=TITLE] .mission,#app[data-phase=TITLE] .hud,#app[data-phase=TITLE] .context,#app[data-phase=TITLE] #notice,#app[data-phase=TITLE] #debug{display:none}#app[data-phase=TITLE] .playfield{border:0;height:100svh;min-height:980px;overflow:hidden}#app[data-phase=TITLE] #stage{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}#app[data-phase=TITLE]>footer{z-index:3;pointer-events:none;padding:0;position:absolute;bottom:0}#app[data-phase=TITLE]>footer #save-status,#app[data-phase=TITLE]>footer #asset-status{pointer-events:auto;background:var(--brand-neutral)}#app[data-phase=TITLE]>footer{font-size:0}#app[data-phase=TITLE]>footer span{font-size:12px}#overlay.landing{isolation:isolate;position:absolute;inset:0}.landing-art{z-index:-1;background:var(--brand-neutral);transform-origin:65%;animation:28s ease-in-out infinite alternate landing-pan;position:absolute;inset:0}@keyframes landing-pan{0%{transform:scale(1)}to{transform:scale(1.035)}}#app[data-reduced-motion=true] .landing-art{animation:none}#app[data-scene-paused=true] .landing-art{animation-play-state:paused}.landing-copy{max-width:570px;position:absolute;top:16.3%;left:3.8%}.landing-copy h2{letter-spacing:-1.5px;margin:0 0 24px;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(92px,9.4vw,150px);font-weight:400;line-height:.9}.landing-copy h2 span{white-space:nowrap;display:block}.landing-copy h2 span:last-child{color:var(--primary-tint)}.landing-copy>p{text-wrap:pretty;max-width:560px;margin:0 0 20px;font-size:19px;line-height:1.6}.landing-actions{gap:16px;display:flex}.landing-actions button{background:#0a0a0ccc;flex:1;min-height:64px;padding:14px 18px;font-size:23px}.landing-actions button.primary{background:var(--brand-primary)}.landing-actions button.primary:hover{background:var(--primary-hover)}.landing-actions button:not(.primary):hover{background:var(--surface-hover)}.landing-copy .landing-note{letter-spacing:.5px;color:var(--muted);margin-top:12px;font-size:14px}.landing-steps{border-top:1px solid var(--brand-secondary);background:#0a0a0cda;border-bottom:1px solid #5c8dba66;grid-template-columns:repeat(3,1fr);gap:0;min-height:112px;margin:0;padding:20px 26px;list-style:none;display:grid;position:absolute;bottom:68px;left:3.4%;right:3.4%}.landing-steps li{border-left:1px solid var(--brand-secondary);align-items:center;gap:20px;padding:0 22px;display:flex}.landing-steps li:first-child{border:0;padding-left:0}.landing-steps li:last-child{padding-right:0}.landing-steps li>span{color:var(--brand-secondary);font:52px/1 Impact,Arial Narrow,Arial,sans-serif}.landing-steps h3{margin:0 0 8px;font:400 25px/1.2 Impact,Arial Narrow,Arial,sans-serif}.landing-steps p{margin:0;font-size:15px;line-height:1.5}.landing-footer{justify-content:space-between;align-items:center;max-width:none;margin:0;padding:0;display:flex;position:absolute;bottom:20px;left:3.6%;right:3.4%}.landing-footer span{letter-spacing:1px;font-family:monospace}.landing-footer button{background:#0a0a0ccc;padding:6px 16px;font-size:14px}@media (width<=1100px){#app[data-phase=TITLE] .brand h1{font-size:36px}#app[data-phase=TITLE] .brand span{font-size:20px}#app[data-phase=TITLE] nav{gap:10px}#app[data-phase=TITLE] nav button{padding:8px 12px;font-size:15px}.landing-copy{max-width:480px}.landing-copy h2{font-size:120px}.landing-copy>p{font-size:18px}.landing-actions button{min-height:56px;font-size:19px}.landing-steps{padding:20px 16px}.landing-steps li{gap:12px;padding:0 12px}.landing-steps li>span{font-size:40px}.landing-steps h3{font-size:21px}.landing-steps p{font-size:13px}}@media (width<=760px){nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}#app[data-phase=TITLE] .masthead{gap:12px;min-height:130px;padding:18px 20px}#app[data-phase=TITLE] .brand{flex-basis:100%}#app[data-phase=TITLE] .brand h1{font-size:clamp(25px,7.7vw,36px)}#app[data-phase=TITLE] .brand span{padding-left:0;font-size:17px}#app[data-phase=TITLE] nav{gap:10px;width:100%}#app[data-phase=TITLE] nav button{padding:7px 12px;font-size:13px}#app[data-phase=TITLE] .playfield{height:max(100svh,1090px);min-height:1090px}.landing-art:after{content:"";background:linear-gradient(90deg,#0a0a0ce8,#0a0a0c77 65%,#0a0a0c44),linear-gradient(0deg,var(--brand-neutral) 20%,transparent 65%);position:absolute;inset:0}.landing-copy{max-width:420px;top:190px;left:20px;right:20px}.landing-copy h2{letter-spacing:-.8px;margin-bottom:20px;font-size:clamp(67px,16.5vw,105px)}.landing-copy>p{max-width:330px;font-size:16px;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:10px}.landing-actions button{flex-basis:140px;min-height:50px;padding:12px;font-size:16px}.landing-copy .landing-note{font-size:12px}.landing-steps{grid-template-columns:1fr;gap:18px;min-height:0;padding:22px 0;bottom:75px;left:20px;right:20px}.landing-steps li,.landing-steps li:first-child,.landing-steps li:last-child{border:0;gap:18px;padding:0}.landing-steps li>span{min-width:48px;font-size:42px}.landing-steps h3{margin-bottom:5px;font-size:25px}.landing-steps p{font-size:14px}.landing-footer{bottom:22px;left:20px;right:20px}.landing-footer button{padding:6px 10px;font-size:12px}}@media (width<=360px){.landing-actions{flex-direction:column;align-items:stretch}.landing-actions button{flex-basis:auto}.landing-copy>p{font-size:15px}.landing-copy .landing-note{letter-spacing:0}.landing-steps p{font-size:13px}}.landing-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (width<=760px){.landing-art img{object-position:66% 0;height:800px}}#app[data-phase=TITLE] nav button,.landing-actions button{color:var(--brand-tertiary);font-family:Impact,Arial Narrow,Arial,sans-serif;font-weight:400}.landing-actions button.primary{color:var(--text)}#app[data-phase=TITLE] nav button,.landing-actions button:not(.primary),.landing-footer button{background:var(--brand-neutral)}#app[data-phase=TITLE] nav button:hover:not(:disabled),.landing-actions button:not(.primary):hover,.landing-footer button:hover{background:var(--surface)}.landing-leap{pointer-events:none;perspective:900px;position:absolute;inset:0}.landing-jump{aspect-ratio:3/4;transform-origin:50% 75%;opacity:0;filter:drop-shadow(18px 24px 12px #0009);will-change:transform;height:68%;position:absolute;top:13%;right:8%}.landing-leap.is-ready .landing-jump{animation:1.65s cubic-bezier(.2,.7,.25,1) both landing-jump}.landing-leap.is-ready .landing-impact{animation:1.65s ease-out both landing-impact}.landing-jump img{object-fit:contain;width:100%;height:100%;display:block}.landing-impact{aspect-ratio:1;opacity:0;border:3px solid #99dbff;border-radius:50%;width:38%;position:absolute;top:27%;right:8%;box-shadow:0 0 35px #5c8dba88,inset 0 0 24px #5c8dba55}.landing-copy,.landing-steps,.landing-footer{z-index:1}.landing-scene-controls{gap:10px;display:flex}@keyframes landing-jump{0%{opacity:0;transform:translate3d(12%,24%,-720px)rotate(-12deg)}12%{opacity:1}48%{transform:translate3d(3%,-10%,-180px)rotate(-7deg)}76%{transform:translate3d(-2%,-3%,100px)rotate(2deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes landing-impact{0%,45%{opacity:0;transform:scale(.25)}58%{opacity:.65}to{opacity:0;transform:scale(1.6)}}#app[data-reduced-motion=true] .landing-jump,#app[data-reduced-motion=true] .landing-impact{will-change:auto;animation:none}#app[data-reduced-motion=true] .landing-jump{opacity:1}#app[data-scene-paused=true] .landing-jump,#app[data-scene-paused=true] .landing-impact{animation-play-state:paused}@media (width<=1100px) and (width>=761px){.landing-jump{height:62%;top:18%;right:1%}.landing-impact{top:28%;right:0}}@media (width<=760px){.landing-jump{height:450px;top:200px;right:-70px}.landing-leap.is-ready .landing-jump{animation-name:landing-jump-mobile}#app[data-reduced-motion=true] .landing-jump{opacity:.36}.landing-impact{width:80%;top:250px;right:-20%}.landing-copy{text-shadow:0 2px 8px #000}.landing-footer{flex-wrap:wrap;gap:10px}.landing-scene-controls{gap:6px}}@keyframes landing-jump-mobile{0%{opacity:0;transform:translate3d(12%,24%,-720px)rotate(-12deg)}48%{opacity:.36;transform:translate3d(3%,-10%,-180px)rotate(-7deg)}76%{transform:translate3d(-2%,-3%,100px)rotate(2deg)}to{opacity:.36;transform:translate(0,0)rotate(0)}}.touch-controls{flex-wrap:wrap;gap:.4rem;margin-block:.5rem;display:flex}.touch-controls button{touch-action:none;min-width:44px;min-height:44px}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}#crew-board button,#device-work button{margin-block:.2rem;font-size:.82rem}#crew-board h4,#device-work h4{margin-block:.7rem .2rem}#mission-seed{max-width:6rem}@media (hover:none),(pointer:coarse){.touch-controls{inset:auto .5rem max(.5rem, env(safe-area-inset-bottom));z-index:20;background:var(--brand-neutral);border:2px solid var(--primary-tint);border-radius:.5rem;padding:.5rem;position:fixed}main{padding-bottom:210px}[data-phase=TITLE] .touch-controls,[data-phase=RESULT] .touch-controls{display:none}}@media (width>=761px){[data-phase=SITE] #stage,[data-phase=DISTRICT] #stage{width:calc(100% - 276px)}[data-phase=SITE] #panel.checklist-panel,[data-phase=DISTRICT] #panel{width:260px;height:100%;max-height:100%;box-shadow:none;top:0;right:0}}.result{max-height:94%;top:3%;overflow:auto}.result .debrief{margin-top:14px}.result .debrief p{font-size:14px;line-height:1.45}.play-status{background:var(--brand-neutral);padding:8px 0 12px}.play-status .hud{gap:16px;margin:0;padding:10px 14px}.play-status .hud>div{flex:1;min-width:0}.play-status .hud strong{margin-top:3px;font-size:18px}.play-status .context{margin:8px 0 4px;font-size:15px}.play-status #notice{min-height:18px;margin:0 0 6px}.control-reference{color:var(--muted);font-size:13px}.control-reference p{margin:8px 0;line-height:1.6}#quick-pause{padding:8px 10px;font-size:13px}#crew-planning-status{border-left:3px solid var(--brand-tertiary);padding-left:10px}#app[data-phase=TITLE] .play-status,#app[data-phase=RESULT] .play-status,#app[data-phase=DISTRICT] .play-status .hud{display:none}#app[data-phase=SITE] .play-status{z-index:8;border-bottom:2px solid var(--line);position:sticky;top:0}@media (width<=760px){#app[data-phase=SITE] .masthead{gap:8px;padding:10px 16px}#app[data-phase=SITE] .brand h1{font-size:23px}#app[data-phase=SITE] .brand span{display:none}#app[data-phase=SITE] .wallet{min-width:100px;font-size:12px}#app[data-phase=SITE] .wallet strong{font-size:16px}#app[data-phase=SITE] nav{gap:6px;display:flex}#app[data-phase=SITE] nav button{flex:1;padding:6px;font-size:12px}#app[data-phase=SITE] .mission{padding:10px 0 4px}#app[data-phase=SITE] .mission h2{font-size:22px}#app[data-phase=SITE] .mission p{margin:4px 0;font-size:12px}#app[data-phase=SITE] #tactics{margin:4px 0;font-size:13px}.play-status .hud{grid-template-columns:1fr .65fr 1.2fr auto;gap:8px;padding:8px;display:grid}.play-status .hud>div{font-size:11px}.play-status .hud strong{overflow-wrap:anywhere;font-size:14px}.play-status .context{font-size:13px}.play-status #notice{font-size:12px}#app[data-phase=RESULT] .playfield{border:0;flex-direction:column;display:flex}#app[data-phase=RESULT] #overlay.result{order:-1;width:100%;max-width:none;max-height:none;margin-bottom:16px;padding:22px 18px;position:relative;inset:auto;overflow:visible}#app[data-phase=RESULT] #overlay.result button{margin-right:8px;display:inline-block}}.debrief dl{grid-template-columns:1fr auto;gap:7px 14px;font-size:14px;display:grid}.debrief dd{text-align:right;margin:0}#incident-status:not(:empty){border-left:3px solid var(--brand-tertiary);padding-left:10px}#job-toggle,#device-work:empty{display:none}#device-work{background:var(--surface);border-left:3px solid var(--brand-tertiary);padding:6px 10px}#device-work h4{margin:0 0 4px;font-size:13px}#device-work button{min-height:36px;margin:0 6px 0 0;padding:6px 10px}#stage[data-loading=true]:before{content:"Opening the district…";text-align:center;z-index:5;color:var(--secondary-tint);position:absolute;inset:35% 0 auto}.client-feedback{border-left:3px solid var(--brand-tertiary);padding-left:12px}.advanced-contract{margin:12px 0}#app[data-phase=SITE]{flex-direction:column;height:100dvh;display:flex}#app[data-phase=SITE] .masthead{gap:12px;width:100%;min-height:52px;padding:6px 14px}#app[data-phase=SITE] .district-mini,#app[data-phase=SITE] .brand span,#app[data-phase=SITE] .wallet,#app[data-phase=SITE]>footer,#app[data-phase=SITE] #pause{display:none}#app[data-phase=SITE] .brand h1{font-size:23px}#app[data-phase=SITE] nav{gap:6px;width:auto;display:flex}#app[data-phase=SITE] nav button{min-height:36px;padding:6px 10px}#app[data-phase=SITE] main{flex-direction:column;flex:1;width:100%;min-height:0;padding:0 14px 8px;display:flex;position:relative}#app[data-phase=SITE] .mission{flex:none;padding:5px 0}#app[data-phase=SITE] .mission h2{margin:0;font:700 15px Arial,sans-serif}#app[data-phase=SITE] .mission p{margin:2px 0 0;font-size:12px}#app[data-phase=SITE] #source{font-size:10px}#app[data-phase=SITE] #tactics{white-space:nowrap;text-overflow:ellipsis;height:17px;min-height:17px;margin:0;font-size:11px;overflow:hidden}#app[data-phase=SITE] .play-status{border:0;padding:0;position:static}#app[data-phase=SITE] .hud{border-width:1px;flex-wrap:nowrap;gap:12px;padding:5px 9px}#app[data-phase=SITE] .hud strong{margin:0 0 0 6px;font-size:14px;display:inline}#app[data-phase=SITE] .hud>div{font-size:11px}#app[data-phase=SITE] #job-toggle{padding:7px 10px;font-size:12px;display:block}#app[data-phase=SITE] .context{height:32px;margin:4px 0 0;font-size:13px;overflow:auto}#app[data-phase=SITE] #notice{white-space:nowrap;text-overflow:ellipsis;height:17px;min-height:17px;margin:0;font-size:11px;overflow:hidden}#app[data-phase=SITE] .control-reference{z-index:9;background:var(--brand-neutral);max-width:440px;padding:5px 8px;position:absolute;bottom:12px;right:18px}#app[data-phase=SITE] #device-work{flex:none;height:78px;min-height:78px;overflow:auto}#app[data-phase=SITE] #device-work:empty{background:0 0;border-color:#0000;display:block}#app[data-phase=SITE] .playfield{flex:1;width:100%;min-height:0;overflow:hidden}#app[data-phase=SITE] #stage{aspect-ratio:auto;width:100%;height:100%}#app[data-phase=SITE] #panel.checklist-panel{z-index:10;border-left:2px solid var(--brand-tertiary);background:#0a0a0cf7;width:min(360px,100%);height:100%;max-height:100%;padding:14px;position:absolute;inset:0 0 0 auto;overflow:auto}#app[data-phase=SITE][data-job-open=false] #panel{display:none}#app[data-phase=SITE] .pause-overlay{z-index:11;max-height:90%;overflow:auto}#app[data-phase=SITE] #coach:not([hidden]){flex:none;gap:8px;width:100%;max-height:126px;margin:3px 0;padding:7px 10px;font-size:12px;position:static;overflow:auto}#app[data-phase=SITE] #coach h3{font-size:15px}#app[data-phase=SITE] #coach p{font-size:12px}#app[data-phase=SITE] #debug:not([hidden]){z-index:12;max-height:30%;position:absolute;bottom:20px;left:20px}#panel h3,.result h2,.pause-overlay h2,dialog h2{font-family:Arial,sans-serif;font-style:normal}.touch-controls button[hidden]{display:none}@media (width<=760px){#app[data-phase=SITE] .masthead{flex-wrap:nowrap;gap:6px;min-height:48px;padding:4px 8px}#app[data-phase=SITE] .brand{flex:1}#app[data-phase=SITE] .brand h1{letter-spacing:0;font-size:15px}#app[data-phase=SITE] nav{gap:3px}#app[data-phase=SITE] nav button{min-height:44px;padding:4px 6px;font-size:11px}#app[data-phase=SITE] main{padding:0 8px 8px}#app[data-phase=SITE] .hud{grid-template-columns:1fr .8fr 1.4fr;gap:5px;display:grid}#app[data-phase=SITE] .hud strong{margin:0;font-size:12px;display:block}#app[data-phase=SITE] #quick-pause{min-height:44px;padding:4px 6px;font-size:11px}#app[data-phase=SITE] #job-toggle{grid-column:1/3;min-height:44px;padding:4px 6px;font-size:11px}#app[data-phase=SITE] #device-work button{min-height:44px;font-size:12px}#app[data-phase=SITE] #device-work{height:98px;min-height:98px}#app[data-phase=SITE] .source{display:none}#app[data-phase=SITE] .control-reference{font-size:10px;bottom:5px;right:8px}}@media (hover:none),(pointer:coarse){#app[data-phase=SITE] .touch-controls{margin:4px 0 max(4px,env(safe-area-inset-bottom));border-width:1px;flex:none;gap:4px;padding:4px;position:static}#app[data-phase=SITE] .touch-controls button{flex:1;padding:5px;font-size:12px}#app[data-phase=SITE] .control-reference{display:none}}@media (height<=540px) and (orientation:landscape){#app[data-phase=SITE] .masthead{min-height:36px}#app[data-phase=SITE] .mission,#app[data-phase=SITE] #tactics,#app[data-phase=SITE] #notice{display:none}#app[data-phase=SITE] #device-work{height:50px;min-height:50px;padding:3px 8px}#app[data-phase=SITE] #device-work:has([data-action^=load\:]) h4{display:none}#app[data-phase=SITE] #device-work:has([data-action^=configure\:],[data-action^=incident\:]){height:80px;min-height:80px}#app[data-phase=SITE] .context{height:18px}}@media (width>=761px){#app[data-phase=SITE] .masthead{min-height:44px;padding:4px 14px}#app[data-phase=SITE] nav button{min-height:32px;padding:4px 10px}#app[data-phase=SITE] .mission{padding:3px 0}#app[data-phase=SITE] .hud{padding:3px 9px}#app[data-phase=SITE] .context{height:22px}#app[data-phase=SITE] #device-work{height:60px;min-height:60px;padding:3px 10px}}#app[data-phase=SITE] #tactics{display:none}@media (width<=760px){#app[data-phase=SITE] #device-work:has([data-action^=load\:]){grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;display:grid}#app[data-phase=SITE] #device-work h4{grid-column:1/-1}#app[data-phase=SITE] #device-work button{margin:0;padding:4px}}#app[data-phase=SITE]>footer:has(#asset-status:not(:empty)){z-index:30;background:var(--surface);border:2px solid var(--brand-primary);display:block;position:absolute;top:52px;left:16px;right:16px}#app[data-phase=SITE][data-job-open=true] .pause-overlay,#app[data-phase=SITE] #coach .coach-label{display:none}#app[data-phase=SITE] #coach h3{margin:0 0 3px}#app[data-phase=SITE] #coach p{margin:0;line-height:1.35}#app[data-phase=SITE] #coach button{min-height:36px;padding:5px 8px;font-size:11px}@media (width<=760px){#app[data-phase=SITE] #coach{flex-wrap:nowrap;align-items:start}#app[data-phase=SITE] #coach .coach-copy{flex:1;min-width:0}#app[data-phase=SITE] #coach button{width:76px;min-height:44px}}#app[data-phase=SITE] #carry{overflow-wrap:normal}#app[data-phase=SITE] #device-work:has(#partner-ticket){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:110px;min-height:110px;display:grid}#partner-ticket{border-left:1px solid var(--brand-tertiary);padding-left:10px}#partner-ticket p{margin:3px 0;font-size:12px}@media (width<=760px){#app[data-phase=SITE] #device-work:has(#partner-ticket){gap:6px;height:180px;min-height:180px}}@media (width<=360px){#app[data-phase=SITE] .touch-controls button{padding:4px 2px;font-size:11px}}.landing-copy h2{font-size:clamp(64px,7.2vw,110px)}.landing-copy h2 .landing-title{letter-spacing:0;color:var(--primary-tint);margin-bottom:16px;font-size:clamp(27px,3.5vw,52px)}@media (width<=1100px){.landing-copy h2{font-size:88px}.landing-copy h2 .landing-title{font-size:38px}}@media (width<=760px){.landing-copy h2{font-size:clamp(48px,12vw,82px)}.landing-copy h2 .landing-title{margin-bottom:12px;font-size:clamp(24px,6.1vw,36px)}}.rotate-screen,.fullscreen-button{display:none}.result-actions{z-index:2;background:var(--surface);flex-wrap:wrap;gap:8px;padding:10px 0;display:flex;position:sticky;top:-1px}.d-pad{grid-template:repeat(3,48px)/repeat(3,48px);gap:3px;display:grid}.d-pad [data-control=up]{grid-area:1/2}.d-pad [data-control=left]{grid-area:2/1}.d-pad [data-control=right]{grid-area:2/3}.d-pad [data-control=down]{grid-area:3/2}.d-pad span{color:var(--brand-tertiary);grid-area:2/2;place-items:center;display:grid}.action-pad{grid-template:repeat(2,64px)/repeat(2,72px);gap:8px;display:grid}.action-pad b{font-size:23px;line-height:1}.action-pad small{margin-top:4px;font-size:10px;display:block}.touch-controls button.is-held{background:var(--primary-tint);color:var(--brand-neutral);transform:scale(.94)}@media (pointer:coarse){html,body{overscroll-behavior:none}.fullscreen-button{display:block}#app{min-height:100dvh}#app .touch-controls{pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:0}#app .touch-controls button{pointer-events:auto;touch-action:none}#app[data-phase=SITE]{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#app[data-phase=SITE] .masthead{min-height:44px;padding:0 8px}#app[data-phase=SITE] .brand h1{font-size:17px}#app[data-phase=SITE] nav button{min-height:44px;padding:4px 8px;font-size:11px}#app[data-phase=SITE] main{max-width:none;padding:0}#app[data-phase=SITE] .mission,#app[data-phase=SITE] #notice,#app[data-phase=SITE] .control-reference{display:none}#app[data-phase=SITE] .hud{border:0;border-radius:0;gap:8px;min-height:44px;padding:0 8px;display:flex}#app[data-phase=SITE] .hud strong{margin:0;font-size:12px;display:block}#app[data-phase=SITE] #job-toggle,#app[data-phase=SITE] #quick-pause{min-height:44px;padding:4px 8px}#app[data-phase=SITE] .context{white-space:nowrap;height:20px;margin:0;padding:2px 8px;font-size:11px}#app[data-phase=SITE] .playfield{border:0}#app[data-phase=SITE] #device-work{z-index:8;background:#0a0a0ce0;border:0;height:auto;min-height:0;max-height:90px;padding:4px;position:absolute;top:68px;left:162px;right:162px}#app[data-phase=SITE] #device-work:empty{display:none}#app[data-phase=SITE] #device-work:has([data-action^=load\:]) h4{display:none}#app[data-phase=SITE] #device-work button{min-height:44px;padding:5px;font-size:11px}#app[data-phase=SITE] .touch-controls,#app[data-phase=DISTRICT] .touch-controls{inset:auto max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));z-index:9;justify-content:space-between;align-items:end;margin:0;padding:0;display:flex;position:fixed}#app .touch-controls .d-pad button{background:#202022eb;border-radius:10px;min-width:48px;min-height:48px;padding:0;font-size:25px}#app .touch-controls .action-pad button{background:#202022f0;border-radius:24px;min-width:72px;min-height:64px;padding:3px}#app .touch-controls [data-control=interact]{border-color:var(--primary-tint)}#app .touch-controls [data-control=defend]{border-color:var(--brand-primary)}#app .touch-controls [data-control=assign]{border-color:var(--brand-secondary)}#app .touch-controls button.is-held{background:var(--primary-tint)}.touch-utility{align-self:end}#app[data-job-open=true] .touch-controls,#app[data-paused=true] .touch-controls{visibility:hidden}#app[data-phase=DISTRICT] .touch-controls{right:290px}#app[data-phase=DISTRICT] main{padding-bottom:0}#app[data-phase=DISTRICT] #stage{min-height:260px}#app[data-phase=RESULT] main{padding-bottom:0}#app[data-phase=RESULT] .result{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:20;width:auto;max-width:none;max-height:none;margin:0;position:fixed;overflow:auto}.result-actions{top:-22px}}@media (pointer:coarse) and (orientation:portrait){body{overflow:hidden}#app>:not(.rotate-screen){visibility:hidden}#app .rotate-screen{z-index:1000;text-align:center;background:radial-gradient(ellipse at top,#412026,var(--brand-neutral) 70%);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.rotate-screen>span{color:var(--primary-tint);font-size:84px}.rotate-screen h2{font-size:26px}.rotate-screen p{color:var(--muted);line-height:1.6}}@media (pointer:coarse){#app[data-phase=RESULT] #overlay.result{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:auto;max-height:none;margin:0;position:fixed;overflow:auto}}@media (pointer:coarse) and (orientation:landscape){#app[data-phase=SITE] .playfield{width:calc(100% - 320px);margin-inline:160px;overflow:visible}#app[data-phase=SITE] #stage{overflow:hidden}#app[data-phase=SITE] #panel.checklist-panel{width:min(360px,100vw - 20px);right:-150px}#app[data-phase=SITE] #device-work{max-height:100px}#app[data-phase=DISTRICT]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}#app[data-phase=DISTRICT] .masthead{gap:12px;width:100%;min-height:44px;padding:0 8px}#app[data-phase=DISTRICT] .district-mini,#app[data-phase=DISTRICT] .brand span,#app[data-phase=DISTRICT] .mission,#app[data-phase=DISTRICT] #tactics,#app[data-phase=DISTRICT] footer,#app[data-phase=DISTRICT] .control-reference{display:none}#app[data-phase=DISTRICT] .brand h1{font-size:17px}#app[data-phase=DISTRICT] .wallet{min-width:0;padding-left:6px;font-size:11px}#app[data-phase=DISTRICT] .wallet strong{font-size:12px}#app[data-phase=DISTRICT] nav{gap:4px;display:flex}#app[data-phase=DISTRICT] nav button{min-height:44px;padding:4px 6px;font-size:11px}#app[data-phase=DISTRICT] main{flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex}#app[data-phase=DISTRICT] .play-status{padding:0 8px}#app[data-phase=DISTRICT] .play-status p{margin:2px 0;font-size:11px}#app[data-phase=DISTRICT] .playfield{flex:1;min-height:0}#app[data-phase=DISTRICT] #stage{aspect-ratio:auto;width:calc(100% - 276px);height:100%;min-height:0}#app[data-phase=DISTRICT] #panel{width:260px;height:100%;max-height:100%;top:0;right:0}#app[data-phase=SITE] #device-work:has([data-action^=configure\:]){grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:140px;display:grid}#app[data-phase=SITE] #device-work h4{grid-column:1/-1;margin:0;font-size:12px}#app[data-phase=SITE] #device-work:has([data-action^=configure\:]) button{margin:0}#app[data-phase=SITE]{padding:0;overflow:hidden}#app[data-phase=SITE] main,#app[data-phase=SITE] .playfield,#app[data-phase=SITE] #stage{width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}#app[data-phase=SITE] .playfield{overflow:hidden}#app[data-phase=SITE] .masthead{top:env(safe-area-inset-top);right:max(4px,env(safe-area-inset-right));z-index:10;border:0;width:auto;min-height:0;padding:0;position:fixed}#app[data-phase=SITE] .brand{display:none}#app[data-phase=SITE] nav{gap:3px}#app[data-phase=SITE] nav button{background:#0a0a0c8c;border-width:1px;min-height:44px;padding:4px 6px;font-size:10px}#app[data-phase=SITE] .play-status{top:env(safe-area-inset-top);left:max(4px,env(safe-area-inset-left));width:calc(100% - 240px - env(safe-area-inset-left));z-index:8;background:0 0;position:fixed}#app[data-phase=SITE] .hud{background:#0a0a0c8c;gap:8px;min-height:36px;padding:4px 6px}#app[data-phase=SITE] .hud>div{font-size:9px}#app[data-phase=SITE] .hud strong{font-size:11px}#app[data-phase=SITE] #job-toggle,#app[data-phase=SITE] #quick-pause{top:calc(44px + env(safe-area-inset-top));background:#0a0a0c8c;border-width:1px;min-height:44px;padding:4px 8px;font-size:10px;position:fixed}#app[data-phase=SITE] #job-toggle{right:calc(82px + env(safe-area-inset-right))}#app[data-phase=SITE] #quick-pause{right:max(4px,env(safe-area-inset-right));width:76px;padding:4px}#app[data-phase=SITE] .context{white-space:normal;background:#0a0a0c73;height:auto;max-height:30px;padding:3px 6px;font-size:10px}#app[data-phase=SITE] #device-work{top:calc(64px + env(safe-area-inset-top));background:#0a0a0c8c;border-radius:5px;width:min(430px,100% - 270px);max-height:130px;position:fixed;left:50%;right:auto;transform:translate(-50%)}#app[data-phase=SITE] #device-work button{background:#0a0a0c73;border-width:1px;min-height:44px;font-size:10px}#app[data-phase=SITE] #device-work h4{font-size:11px}#app .d-pad{grid-template:repeat(3,44px)/repeat(3,44px);gap:2px}#app .action-pad{grid-template:repeat(2,48px)/repeat(2,48px);gap:6px}#app .touch-controls .d-pad button{background:#0a0a0c73;border-width:1px;min-width:44px;min-height:44px;font-size:21px}#app .touch-controls .action-pad button{background:#0a0a0c73;border-width:1px;border-radius:50%;min-width:48px;min-height:48px}#app .action-pad b{font-size:18px}#app .action-pad small{margin-top:1px;font-size:8px}#app[data-phase=SITE] #panel.checklist-panel{inset:44px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) auto;width:min(300px,70vw);height:auto;max-height:none;padding:10px;position:fixed}#app[data-phase=SITE] .pause-overlay{max-width:300px;max-height:80dvh;padding:14px 18px;top:50%;left:50%;transform:translate(-50%,-50%)}#app[data-phase=SITE] .pause-overlay h2{margin:0 0 8px;font:700 22px Arial,sans-serif}#app[data-phase=SITE] .pause-overlay p{margin:4px 0;font-size:13px}#app[data-phase=SITE] #coach:not([hidden]){z-index:8;background:#0a0a0cb3;width:220px;max-height:110px;position:fixed;top:90px;left:8px}}.game-menu-toggle{display:none}.game-menu-actions{display:contents}@media (pointer:coarse){#app .game-menu-toggle{min-width:64px;min-height:44px;display:block}#app .game-menu-actions{border:1px solid var(--brand-tertiary);background:#0a0a0cf0;border-radius:6px;flex-direction:column;gap:4px;width:170px;max-height:calc(100dvh - 60px);padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 6px 20px #0008}#app[data-menu-open=false] .game-menu-actions{display:none}#app .masthead nav{position:relative}#app #game-menu button{text-align:left;width:100%;min-height:44px;margin:0;font-size:12px;position:static}#app[data-phase=SITE] #game-menu #pause,#app:not([data-phase=SITE]) #game-menu #job-toggle,#app:not([data-phase=SITE]) #game-menu #quick-pause{display:none}#app[data-phase=SITE] .play-status{width:calc(100% - 82px - env(safe-area-inset-left))}#app[data-phase=SITE] #game-menu #job-toggle,#app[data-phase=SITE] #game-menu #quick-pause{width:100%;padding:4px 8px;font-size:12px;position:static;inset:auto}#app .d-pad{flex:none;width:108px;height:108px;display:block;position:relative}#app .touch-controls .d-pad button{clip-path:circle(50%);isolation:isolate;background:0 0;border:0;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:17px;position:absolute}#app .d-pad button:before{content:"";z-index:-1;background:#0a0a0c4d;border:1px solid #dfc7c773;border-radius:50%;position:absolute;inset:6px}#app .d-pad [data-control=up]{top:0;left:32px}#app .d-pad [data-control=left]{top:32px;left:0}#app .d-pad [data-control=right]{top:32px;left:64px}#app .d-pad [data-control=down]{top:64px;left:32px}#app .d-pad span{opacity:.65;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:32px}#app .touch-controls .d-pad button.is-held{background:0 0;transform:none}#app .d-pad button.is-held:before{background:var(--primary-tint);border-color:var(--primary-tint)}}#app[data-phase=SITE] .hud #mission-title{min-width:0;color:var(--primary-tint);flex:1.2;margin:0;font:700 14px Arial,sans-serif}@media (pointer:coarse){#app[data-phase=SITE] .hud #mission-title{overflow-wrap:normal;font-size:11px;line-height:1.2}}#app[data-phase=SITE] .hud .level-heading{flex:1.2;min-width:0}#app[data-phase=SITE] .level-heading #mission-title{margin:0}#app #location-label{display:none}@media (pointer:coarse){#app[data-phase=SITE] #location-label:not([hidden]){color:var(--secondary-tint);margin-top:2px;font-size:10px;display:block}}