:root{color-scheme:dark;--chase-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--chase-font-display: "Arial Rounded MT Bold", ui-rounded, "Trebuchet MS", system-ui, sans-serif;--chase-color-bg: #111316;--chase-color-canvas: #15171a;--chase-color-surface: #1b1f24;--chase-color-surface-raised: #242a31;--chase-color-surface-hover: #303841;--chase-color-border: #343c46;--chase-color-border-strong: #4d5966;--chase-color-text: #f1f4f8;--chase-color-muted: #a9b3bf;--chase-color-subtle: #7d8794;--chase-color-accent: #5db8ff;--chase-color-accent-strong: #2f8fd3;--chase-color-accent-hover: #3ca0e6;--chase-color-accent-soft: rgba(93, 184, 255, .18);--chase-color-success: #58d277;--chase-color-success-strong: #2aa354;--chase-color-success-hover: #35b561;--chase-color-warning: #f2c94c;--chase-color-danger: #ef6262;--chase-color-danger-strong: #c84646;--chase-color-info: #9aa7ff;--chase-color-star: #ffd84d;--chase-color-text-inverse: #111316;--chase-color-text-bright: #ffffff;--chase-color-layer-switcher: #181b1f;--chase-color-canvas-border: #0c0d0f;--chase-color-input-bg: #0e1012;--chase-color-value-active: #d7efff;--chase-color-border-glass: rgba(255, 255, 255, .08);--chase-color-backdrop: rgba(0, 0, 0, .58);--chase-color-surface-wash: rgba(255, 255, 255, .025);--chase-color-overlay: rgba(10, 12, 14, .68);--chase-color-overlay-strong: rgba(10, 12, 14, .82);--chase-color-panel: rgba(8, 10, 14, .66);--chase-color-panel-border: rgba(255, 255, 255, .16);--chase-color-link: var(--chase-color-accent);--chase-color-link-hover: var(--chase-color-text-bright);--chase-shadow-float: 0 .45rem 1.4rem rgba(0, 0, 0, .32);--chase-shadow-panel: 0 .75rem 1.8rem rgba(0, 0, 0, .28);--chase-space-1: .25rem;--chase-space-2: .5rem;--chase-space-3: .75rem;--chase-space-4: 1rem;--chase-space-5: 1.25rem;--chase-space-6: 1.5rem;--chase-radius-sm: 3px;--chase-radius-md: 5px;--chase-radius-lg: 8px;--chase-control-height: 2.25rem;--chase-duration-fast: 90ms;--chase-duration-normal: .15s;--chase-ease-standard: cubic-bezier(.2, .8, .2, 1)}html,body{margin:0;height:100%;background:var(--chase-color-bg);color:var(--chase-color-text);font-family:var(--chase-font-ui);line-height:1.4}body{overflow:hidden}button,input,select,textarea{font:inherit}button{letter-spacing:0}canvas{display:block}#app{position:relative;width:100vw;height:100vh;background:var(--chase-color-canvas)}.app-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--chase-color-bg);color:var(--chase-color-subtle);font-family:var(--chase-font-ui);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}#game,canvas#game{position:absolute;inset:0;width:100%;height:100%}.runner-minimap{position:absolute;top:var(--chase-space-3);right:var(--chase-space-3);z-index:2;width:200px;height:200px;box-shadow:var(--chase-shadow-float)}:where(.chase-button,#editor-app .toolbar button,#editor-app .pane-tools button,#editor-app .layer-arrow,#editor-app .size-stepper-button,#editor-app .size-actions button){min-height:var(--chase-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--chase-space-2);box-sizing:border-box;padding:0 var(--chase-space-3);background:var(--chase-color-surface-raised);color:var(--chase-color-text);border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-md);font-weight:600;cursor:pointer;transition:background var(--chase-duration-fast) var(--chase-ease-standard),border-color var(--chase-duration-fast) var(--chase-ease-standard),color var(--chase-duration-fast) var(--chase-ease-standard)}:where(.chase-button,#editor-app .toolbar button,#editor-app .pane-tools button,#editor-app .layer-arrow,#editor-app .size-stepper-button,#editor-app .size-actions button):hover:not(:disabled){background:var(--chase-color-surface-hover);border-color:var(--chase-color-border-strong);color:var(--chase-color-text-bright)}.chase-button:disabled{opacity:.5;cursor:default}.chase-button[hidden]{display:none}.chase-button-primary{background:var(--chase-color-accent-strong);border-color:var(--chase-color-accent);color:var(--chase-color-text-bright)}.chase-button-primary:hover:not(:disabled){background:var(--chase-color-accent-hover);border-color:var(--chase-color-accent);color:var(--chase-color-text-bright)}.join-link{display:inline;background:none;border:0;padding:0;color:var(--chase-color-link);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.15em;vertical-align:baseline;cursor:pointer}.join-link:hover{color:var(--chase-color-link-hover)}.runner-hud .star.active{padding:0 .3rem;border-radius:var(--chase-radius-sm);color:var(--chase-color-text-bright)}.runner-hud{position:absolute;top:var(--chase-space-3);right:var(--chase-space-3);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--chase-space-3);padding:0;background:transparent;border:0;box-shadow:none;font-size:.9rem;pointer-events:none}.runner-hud:empty{display:none}.runner-start{position:absolute;top:clamp(6rem,16vh,9rem);left:50%;z-index:4;min-width:min(30rem,calc(100vw - 2rem));box-sizing:border-box;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--chase-radius-lg);background:#05070bad;box-shadow:var(--chase-shadow-float);color:var(--chase-color-text-bright);font-size:clamp(1.1rem,3vw,2rem);font-weight:700;line-height:1.1;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.75);transform:translate(-50%)}.runner-start__hint{display:block;margin-top:.4rem;color:var(--chase-color-muted);font-size:clamp(.75rem,1.7vw,.95rem);font-weight:500;line-height:1.25}.runner-start__hint:empty{display:none}.runner-loading{position:absolute;top:50%;left:50%;z-index:4;box-sizing:border-box;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--chase-radius-lg);background:#05070bad;box-shadow:var(--chase-shadow-float);color:var(--chase-color-text-bright);font-size:clamp(1.4rem,4vw,3.2rem);font-weight:800;line-height:1;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.75);transform:translate(-50%,-50%)}.runner-loading[hidden]{display:none}.runner-relay-banner{position:absolute;top:var(--chase-space-3);left:50%;z-index:5;display:flex;align-items:center;gap:var(--chase-space-3);max-width:min(92vw,44rem);box-sizing:border-box;padding:.55rem .7rem .55rem 1rem;border:1px solid var(--chase-color-border-strong);border-radius:var(--chase-radius-lg);background:var(--chase-color-overlay-strong);box-shadow:var(--chase-shadow-float);color:var(--chase-color-text-bright);font-size:.95rem;line-height:1.3;transform:translate(-50%)}.runner-relay-banner__text{flex:1}.runner-relay-banner__close{flex:none;width:1.7rem;height:1.7rem;padding:0;border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-sm);background:var(--chase-color-surface-raised);color:var(--chase-color-text);font-size:1.1rem;line-height:1;cursor:pointer}.runner-relay-banner__close:hover{background:var(--chase-color-surface-hover)}.runner-hud .star{font-weight:700}.runner-controller-join{position:absolute;left:var(--chase-space-3);bottom:var(--chase-space-3);z-index:3;display:grid;justify-items:center;gap:var(--chase-space-2);padding:var(--chase-space-3);background:var(--chase-color-panel);border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-lg);box-shadow:var(--chase-shadow-float);pointer-events:none}.runner-controller-join[hidden]{display:none}.runner-controller-join__label{color:#ffffffd1;font-family:var(--chase-font-ui);font-size:.78rem;font-weight:700;text-align:center}.runner-controller-join .join-link{pointer-events:auto}.runner-controller-join canvas{border-radius:var(--chase-radius-md)}.runner-hud .star.available{color:var(--chase-color-star);animation:star-blink .7s ease-in-out infinite alternate}.runner-hud .star.active{background:var(--chase-color-star);color:var(--chase-color-text-inverse)}@keyframes star-blink{0%{opacity:.55}to{opacity:1}}#lobby-controls{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;box-sizing:border-box;background:linear-gradient(180deg,#080a0f,#111316);font-family:var(--chase-font-ui);overflow:hidden;pointer-events:auto}#lobby-controls[hidden]{display:none}.match-lobby__columns{position:relative;display:grid;grid-auto-columns:minmax(12rem,1fr);grid-auto-flow:column;min-width:0;overflow:hidden}.match-column{--slot-color: var(--chase-color-accent);position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;box-sizing:border-box;padding:clamp(1rem,2vw,2rem);border-right:2px solid rgba(255,255,255,.18);background:linear-gradient(180deg,color-mix(in srgb,var(--slot-color) 88%,#05070b),color-mix(in srgb,var(--slot-color) 52%,#05070b)),var(--slot-color);overflow:hidden}.match-column:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff24,#ffffff24) -6% 4% / 48% 32% no-repeat,linear-gradient(#00000029,#00000029) 70% 2% / 42% 40% no-repeat,linear-gradient(#ffffff17,#ffffff17) 26% 53% / 58% 30% no-repeat,linear-gradient(#00000021,#00000021) -4% 73% / 52% 34% no-repeat;content:""}.match-column:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff1f,#ffffff1f) 79% 58% / 38% 46% no-repeat,linear-gradient(#00000024,#00000024) 15% 18% / 34% 26% no-repeat,linear-gradient(#ffffff12,#ffffff12) 46% 6% / 28% 20% no-repeat;content:""}.match-column__portrait{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;object-position:center center;opacity:.94;filter:drop-shadow(0 1.4rem 1.6rem rgba(0,0,0,.32));pointer-events:none}.match-column__portrait--runner{object-position:center center}.match-column.is-ready .match-column__portrait--chaser-3{object-position:center top}.match-column.is-waiting .match-column__portrait{opacity:1;filter:brightness(0) contrast(1.2)}.match-column__flash{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none}.match-column.is-joining .match-column__flash{animation:match-column-join-flash .42s ease-out}@keyframes match-column-join-flash{0%{opacity:.92}to{opacity:0}}.match-column__nameplate{position:relative;z-index:2;align-self:start;width:100%;min-width:0;margin-top:var(--chase-space-2)}.match-column.is-idle-waiting .match-column__nameplate{visibility:hidden}.match-column__name{width:100%;min-width:0;overflow:visible;color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2.4rem,5.4vw,5.8rem);font-weight:700;line-height:.9;text-shadow:.08em .08em 0 rgba(0,0,0,.38);text-transform:uppercase;white-space:nowrap}.match-column__waiting-for{margin-top:.1em;color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(.95rem,2vw,1.6rem);font-weight:700;line-height:1;text-shadow:.08em .08em 0 rgba(0,0,0,.38);text-transform:uppercase;white-space:nowrap}.match-column.is-ready .match-column__waiting-for{display:none}.match-column.is-ready[data-chaser-slot="2"] .match-column__nameplate{grid-row:3;align-self:end;margin-top:0}.runner-join,.chaser-mobile-join,.match-column__connection{position:relative;z-index:3;align-self:end;box-sizing:border-box;padding:var(--chase-space-3);background:var(--chase-color-panel);border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-lg);box-shadow:var(--chase-shadow-panel)}.match-column.has-runner .runner-join{display:none}.chaser-mobile-join{display:grid;justify-items:center;gap:var(--chase-space-2)}.match-column.is-ready[data-chaser-slot="2"] .chaser-mobile-join{grid-row:2;align-self:center}.chaser-mobile-join__label{color:var(--chase-color-text);font-family:var(--chase-font-ui);font-size:.78rem;font-weight:700;text-align:center}.chaser-mobile-join__label[hidden],.chaser-mobile-join__details[hidden]{display:none}.match-column__connection{color:var(--chase-color-text);font-family:var(--chase-font-ui);font-size:.78rem;font-weight:700;text-align:center}.match-column__connection[hidden]{display:none}.lobby-join{display:grid;justify-items:center;gap:var(--chase-space-3)}.lobby-join__prompt{color:var(--chase-color-text);font-family:var(--chase-font-ui);font-size:.82rem;font-weight:700;line-height:1.6;text-align:center}.lobby-join__qr{display:grid;justify-items:center}.lobby-join__qr[hidden]{display:none}.lobby-join__qr canvas{border-radius:var(--chase-radius-md)}.match-lobby__status{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--chase-space-3);padding:.4rem var(--chase-space-4);background:#05070bd1;border-top:1px solid rgba(255,255,255,.12);color:var(--chase-color-muted);font-family:var(--chase-font-ui);font-size:.85rem}.match-lobby__map{justify-self:start}.map-picker{position:relative}.map-picker__menu{position:absolute;bottom:calc(100% + .4rem);left:0;z-index:30;display:grid;gap:2px;min-width:9rem;padding:.3rem;background:#05070bf5;border:1px solid rgba(255,255,255,.16);border-radius:var(--chase-radius-md)}.map-picker__menu[hidden]{display:none}.map-picker__item{padding:.45rem .7rem;background:transparent;border:0;border-radius:var(--chase-radius-sm);color:var(--chase-color-text-bright);font-family:var(--chase-font-ui);font-size:.9rem;text-align:left;cursor:pointer}.map-picker__item:hover{background:#ffffff1f}.match-lobby__center{display:grid;justify-items:center;align-content:center;gap:var(--chase-space-1);min-width:0;max-width:min(100%,28rem)}.match-room-code{font-family:var(--chase-font-display);font-size:clamp(1.2rem,2.6vw,1.75rem);font-weight:700;letter-spacing:.08em;line-height:1;font-variant-numeric:tabular-nums}.match-lobby__feedback{justify-self:end}.feedback-dialog{width:min(92vw,28rem);padding:0;border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-lg);background:var(--chase-color-panel);color:var(--chase-color-text);box-shadow:var(--chase-shadow-panel)}.feedback-dialog::backdrop{background:#0000008c}.feedback-form{display:grid;gap:var(--chase-space-2);box-sizing:border-box;padding:var(--chase-space-5);font-family:var(--chase-font-ui)}.feedback-form__title{margin:0 0 var(--chase-space-1);color:var(--chase-color-text-bright);font-size:1.2rem}.feedback-form__label{color:var(--chase-color-muted);font-size:.8rem;font-weight:600}.feedback-form__select,.feedback-form__textarea{width:100%;box-sizing:border-box;padding:var(--chase-space-2);background:var(--chase-color-surface-raised);color:var(--chase-color-text);border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-md)}.feedback-form__textarea{min-height:6rem;resize:vertical;font-family:inherit}.feedback-form__status{min-height:1rem;color:var(--chase-color-text-bright);font-size:.82rem}.feedback-form__status:empty{display:none}.feedback-form__actions{display:flex;justify-content:flex-end;gap:var(--chase-space-2);margin-top:var(--chase-space-2)}.toast-host{position:fixed;left:50%;bottom:var(--chase-space-6);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--chase-space-2);z-index:60;pointer-events:none}.toast{max-width:min(90vw,24rem);padding:var(--chase-space-2) var(--chase-space-4);border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-md);background:var(--chase-color-panel);color:var(--chase-color-text);font-family:var(--chase-font-ui);font-size:.85rem;font-weight:600;text-align:center;box-shadow:var(--chase-shadow-float);animation:toast-in var(--chase-duration-normal) var(--chase-ease-standard)}.toast--leaving{animation:toast-out var(--chase-duration-normal) var(--chase-ease-standard) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5rem)}}.lobby-start{height:var(--chase-control-height);min-width:9rem;padding-block:0;line-height:1}#status{max-width:100%;text-align:center}.server-map-file{display:none}.room-entry{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--chase-space-5);box-sizing:border-box;padding:clamp(1rem,4vw,3rem);background:linear-gradient(#ffffff2e,#ffffff2e) 6% 9% / 26% 30% no-repeat,linear-gradient(#ffffff21,#ffffff21) 71% 63% / 24% 28% no-repeat,linear-gradient(#ffffff26,#ffffff26) 49% 42% / 16% 16% no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 96% 88% / 22% 26% no-repeat,linear-gradient(#ffffff24,#ffffff24) 88% 18% / 18% 22% no-repeat,linear-gradient(#78161052,#78161052) 18% 25% / 30% 32% no-repeat,linear-gradient(#78161042,#78161042) 63% 11% / 22% 26% no-repeat,linear-gradient(#78161047,#78161047) 8% 66% / 20% 24% no-repeat,linear-gradient(#7816104d,#7816104d) 99% 52% / 20% 24% no-repeat,linear-gradient(#7816103d,#7816103d) 38% 96% / 28% 26% no-repeat,linear-gradient(#78161045,#78161045) 72% 92% / 18% 22% no-repeat,linear-gradient(#5db8ff33,#5db8ff33) 41% 68% / 15% 18% no-repeat,linear-gradient(#5db8ff29,#5db8ff29) 90% 74% / 14% 16% no-repeat,linear-gradient(155deg,#e5503f,#cf3a2b 55%,#db472f);font-family:var(--chase-font-ui)}.room-entry__panel{width:min(100%,26rem);display:grid;gap:var(--chase-space-2);box-sizing:border-box;padding:clamp(1.25rem,4vw,1.75rem);background:var(--chase-color-panel);border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-lg);box-shadow:0 1.5rem 4rem #0000006b}.room-entry__status{min-height:1rem;color:var(--chase-color-text-bright);font-family:var(--chase-font-ui);font-size:.82rem;font-weight:700;text-align:center}.room-entry__status:empty{display:none}.room-entry__title{margin:0;color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2.6rem,11vw,5rem);font-weight:700;line-height:.92;text-align:center;text-transform:uppercase;text-shadow:.06em .06em 0 rgba(0,0,0,.32)}.room-entry__actions{display:grid;gap:var(--chase-space-3)}.room-entry__action{width:100%;min-height:3rem;font-size:1.1rem}.room-entry__join-nearby{margin-bottom:var(--chase-space-3);font-weight:700}.room-entry__input{width:100%;min-width:0;min-height:3rem;box-sizing:border-box;padding:0 var(--chase-space-3);background:var(--chase-color-surface-raised);color:var(--chase-color-text-bright);border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-md);font-family:var(--chase-font-display);font-size:1.2rem;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums;text-align:center;text-transform:uppercase}.room-entry__input::placeholder{color:var(--chase-color-subtle);font-weight:600;letter-spacing:normal;text-transform:none}.room-entry__input:focus{outline:none;border-color:var(--chase-color-accent);box-shadow:0 0 0 3px var(--chase-color-accent-soft)}.room-entry__input[hidden]{display:none}#phase-overlay .banner{position:absolute;left:0;right:0;display:flex;justify-content:center}#phase-overlay .banner.top{top:var(--chase-space-4);left:var(--chase-space-3);right:auto;justify-content:flex-start}#phase-overlay .banner.center{top:50%;transform:translateY(-50%);flex-direction:column;align-items:center;gap:var(--chase-space-4)}#phase-overlay .timer{padding:0;background:transparent;border:0;box-shadow:none;color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 12px rgba(0,0,0,.85)}#phase-overlay .timer:empty,#phase-overlay .sub:empty{display:none}#phase-overlay .big{font-family:var(--chase-font-display);font-size:6rem;font-weight:700;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.85)}#phase-overlay .sub{padding:.35rem .8rem;color:var(--chase-color-text);font-size:1.1rem}#phase-overlay .sub.prompt{padding:0;background:transparent;border:0;box-shadow:none;color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1;text-align:center;text-shadow:0 4px 12px rgba(0,0,0,.85)}.chaser-distance{position:absolute;top:var(--chase-space-3);right:var(--chase-space-3);z-index:1;display:flex;align-items:center;gap:var(--chase-space-3);color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 4px 12px rgba(0,0,0,.85)}.chaser-distance__zone{display:inline-block;order:1;width:1em;height:1em;box-sizing:border-box;flex:0 0 auto;background:var(--zone-color);border:2px solid rgba(255,255,255,.75);border-radius:var(--chase-radius-md);box-shadow:0 .45rem 1.1rem #0000005c,inset 0 0 0 1px #0000003d}.chaser-distance__value{order:0;white-space:nowrap}#editor-app{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;background:var(--chase-color-bg)}#editor-app .toolbar,#editor-app .pane-tools,#editor-app .statusbar{background:var(--chase-color-surface);border-color:var(--chase-color-border)}#editor-app .toolbar{display:flex;align-items:center;gap:var(--chase-space-3);padding:var(--chase-space-2) var(--chase-space-3);border-bottom:1px solid var(--chase-color-border);font-size:.85rem;flex-wrap:wrap}#editor-app .toolbar label{display:inline-flex;align-items:center;gap:var(--chase-space-1)}#editor-app .toolbar .spacer{flex:1}#editor-app .toolbar #ed-size{width:auto;min-width:max-content;padding-inline:var(--chase-space-3)}#editor-app button.tool.active,#editor-app .layer-thumb.active{background:var(--chase-color-surface-hover);border-color:var(--chase-color-accent);color:var(--chase-color-text-bright);box-shadow:0 0 0 1px var(--chase-color-accent-soft) inset}#editor-app .tools{display:inline-flex;gap:var(--chase-space-1)}#editor-app .workspace{display:grid;grid-template-columns:minmax(0,1fr) 6.75rem minmax(0,1fr);min-height:0;min-width:0}#editor-app .layer-switcher{display:grid;grid-template-rows:auto 1fr auto;gap:var(--chase-space-2);min-height:0;padding:.55rem .45rem;background:var(--chase-color-layer-switcher);border-left:1px solid var(--chase-color-border);border-right:1px solid var(--chase-color-border)}#editor-app .layer-switcher button{width:100%}#editor-app .layer-list{min-height:0;overflow:hidden}#editor-app .layer-stack{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:.35rem;height:100%;min-height:0;will-change:transform}#editor-app .layer-thumb{display:grid;grid-template-rows:1fr;min-height:0;box-sizing:border-box;padding:.2rem;background:var(--chase-color-surface-raised);color:var(--chase-color-muted);border:2px solid var(--chase-color-border);border-radius:var(--chase-radius-md);cursor:pointer}#editor-app .layer-thumb:hover{background:var(--chase-color-surface-hover)}#editor-app canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}#editor-app .layer-thumb canvas{position:static;width:100%;height:100%;min-height:2.2rem;border:1px solid var(--chase-color-canvas-border);background:var(--chase-color-bg);cursor:pointer}#editor-app .pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chase-color-bg)}#editor-app .pane .canvas-wrap{position:relative;flex:1;min-width:0;min-height:0;background:var(--chase-color-bg)}#editor-app .pane-tools{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--chase-space-3);min-width:0;padding:var(--chase-space-2) var(--chase-space-3);border-top:1px solid var(--chase-color-border);font-size:.85rem}#editor-app .pane-tool-section{display:inline-flex;align-items:center;gap:var(--chase-space-2);min-width:0}#editor-app .pane-tool-section.fit{justify-content:flex-start}#editor-app .pane-tool-section.tools{justify-content:center;flex-wrap:wrap}#editor-app .pane-tool-section.clear{justify-content:flex-end}#editor-app .pane-tools button{font-family:var(--chase-font-ui),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.05rem}#editor-app .selection-actions{position:absolute;z-index:5;display:flex;gap:var(--chase-space-1);transform:translate(-50%);pointer-events:auto}#editor-app .selection-actions[hidden]{display:none}#editor-app .selection-actions button{background:var(--chase-color-overlay-strong);box-shadow:var(--chase-shadow-float);font-size:1.1rem}#editor-app .preview-mode-toggle{position:absolute;top:var(--chase-space-2);left:var(--chase-space-2);z-index:6;width:auto;min-width:2.1rem;min-height:2.1rem;padding:.2rem .55rem;background:var(--chase-color-overlay-strong);border-color:var(--chase-color-border-strong);box-shadow:var(--chase-shadow-float);font-family:var(--chase-font-ui);font-size:.8rem;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;pointer-events:auto}#editor-app .preview-mode-toggle:hover{border-color:var(--chase-color-accent)}#editor-app .selection-actions .commit{border-color:var(--chase-color-success)}#editor-app .selection-actions .abort{border-color:var(--chase-color-danger)}#editor-app .selection-actions .rotate{border-color:var(--chase-color-accent)}#editor-app #ed-cells.pan-tool{cursor:grab}#editor-app #ed-cells.panning{cursor:grabbing}#editor-app #ed-preview{cursor:default}#editor-app .statusbar{padding:.35rem var(--chase-space-3);border-top:1px solid var(--chase-color-border);color:var(--chase-color-muted);font-family:var(--chase-font-ui);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#editor-app .file-input{display:none}#editor-app dialog{width:min(24rem,calc(100vw - 2rem));padding:0;border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-lg);background:var(--chase-color-surface);color:var(--chase-color-text)}#editor-app dialog::backdrop{background:var(--chase-color-backdrop)}#editor-app .size-dialog-panel{display:grid;gap:.9rem;padding:var(--chase-space-4)}#editor-app .size-dialog-panel h2{margin:0;font-size:1rem;font-weight:650}#editor-app .size-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--chase-space-3)}#editor-app .size-field{display:grid;gap:.35rem;color:var(--chase-color-muted);font-size:.85rem}#editor-app .size-stepper{display:grid;gap:var(--chase-space-1)}#editor-app .size-stepper-button{width:100%;padding:.2rem .35rem}#editor-app .size-stepper input{box-sizing:border-box;background:var(--chase-color-input-bg);color:var(--chase-color-text);border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-sm);font:inherit}#editor-app .size-stepper input{width:auto;min-width:0;padding:.45rem .35rem;text-align:center}#editor-app .size-actions{display:flex;justify-content:flex-end;gap:var(--chase-space-2)}#editor-app .size-actions button{min-width:5.5rem}#editor-app fieldset{border:1px solid var(--chase-color-border);border-radius:var(--chase-radius-lg);background:var(--chase-color-surface-wash)}@media(max-width:760px){.match-lobby__columns{grid-auto-columns:minmax(15rem,82vw);overflow-x:auto}.match-column__name{font-size:clamp(2.1rem,15vw,4.2rem)}#phase-overlay .big{font-size:4rem}}@media(max-width:520px){.route-message h1{font-size:2rem}}.mobile-controller{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;box-sizing:border-box;padding:clamp(1rem,4vw,2rem);background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),linear-gradient(180deg,#080a0f,#111316);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;overflow:hidden}.mobile-controller__portrait-wrap{position:relative;display:grid;place-items:center;min-width:0;min-height:0;width:100%;height:100%}.mobile-controller__portrait{max-width:min(86vw,28rem);max-height:min(72vh,34rem);object-fit:contain;filter:brightness(0) contrast(1.2);pointer-events:none}.mobile-controller.is-assigned .mobile-controller__portrait{filter:drop-shadow(0 1.4rem 1.6rem rgba(0,0,0,.34))}.mobile-controller__label{position:relative;z-index:2;display:grid;justify-items:center;gap:var(--chase-space-2);padding:var(--chase-space-3) var(--chase-space-4);background:var(--chase-color-panel);border:1px solid var(--chase-color-panel-border);border-radius:var(--chase-radius-lg);box-shadow:var(--chase-shadow-float);text-align:center}.mobile-controller__name{color:var(--chase-color-text-bright);font-family:var(--chase-font-display);font-size:clamp(2.5rem,14vw,5.5rem);font-weight:700;line-height:.9;text-shadow:.08em .08em 0 rgba(0,0,0,.38);text-transform:uppercase}.mobile-controller__status{color:#ffffffd1;font-family:var(--chase-font-ui);font-size:.85rem;font-weight:700;text-transform:uppercase}.runner-mobile{position:fixed;inset:0;display:flex;flex-direction:row;background:var(--chase-color-bg);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;overflow:hidden}@media(orientation:portrait){.runner-mobile{flex-direction:column}}.runner-mobile__view,.runner-mobile__map{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.runner-mobile__map{display:flex;align-items:center;justify-content:center;background:var(--chase-color-bg)}.runner-mobile__view #game,.runner-mobile__view canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block}.runner-mobile #minimap{position:static;right:auto;bottom:auto;display:block}.runner-mobile #minimap[hidden]{display:none}.runner-mobile .runner-controller-join{inset:0;margin:auto;width:max-content;height:max-content;max-width:calc(100% - var(--chase-space-4));max-height:calc(100% - var(--chase-space-4))}.runner-mobile #runner-hud{position:absolute;top:var(--chase-space-2);left:var(--chase-space-2);max-width:calc(100% - var(--chase-space-4));pointer-events:none;z-index:2}.runner-mobile #hud{top:auto;bottom:var(--chase-space-2);left:var(--chase-space-2);right:auto;z-index:2}.touch-stick{--touch-stick-anchor-offset: -75px;--touch-stick-anchor-size: 150px;position:absolute;inset:0;pointer-events:none;z-index:5}.touch-stick[hidden]{display:none}.touch-stick__anchor,.touch-stick__knob{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;will-change:transform}.touch-stick__anchor{width:var(--touch-stick-anchor-size);height:var(--touch-stick-anchor-size);margin-left:var(--touch-stick-anchor-offset);margin-top:var(--touch-stick-anchor-offset);border:2px solid var(--chase-color-border-glass);background:var(--chase-color-overlay);box-shadow:var(--chase-shadow-float)}.touch-stick__knob{width:56px;height:56px;margin-left:-28px;margin-top:-28px;background:var(--chase-color-accent);box-shadow:var(--chase-shadow-float)}
