:root{color-scheme:dark;--red:#ff4b43;--muted:#c6a9a9}
body{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important;background:#100608}
[hidden]{display:none!important}
#startARDiv{box-sizing:border-box;padding:28px 20px;gap:8px;background:radial-gradient(ellipse at 50% 65%,#461013 0,transparent 55%),linear-gradient(145deg,#160b0e,#090a10)!important;overflow:hidden}
#startARDiv::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#ff414108 1px,transparent 1px),linear-gradient(90deg,#ff414108 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000)}
.intro-copy{position:relative;text-align:center;margin-bottom:28px;max-width:100%}
.eyebrow{font-size:10px;letter-spacing:3px;color:#e7a1a1}
.intro-copy h1{font-size:clamp(30px,8vw,54px);line-height:1.12;letter-spacing:-1.5px;margin:24px 0;font-weight:800}
.intro-copy h1 em{font-style:normal;color:#ff5851}
.intro-copy p{font-size:15px;line-height:1.6;color:#dabfc2;letter-spacing:.2px}
.intro-note{font-size:11px;color:#ad969b;margin:10px 0;z-index:1;text-align:center}
#startARDiv>br{display:none}
#chooseCamSel{display:none!important}
#spinner{bottom:25%!important;width:24px!important;height:24px!important;border-width:2px!important;border-top-color:#ff4b43!important}
button.holo-button{position:relative;display:block;flex:none;width:min(360px,calc(100vw - 32px));height:auto;aspect-ratio:3/1;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:#fff;padding:0;cursor:pointer;isolation:isolate;touch-action:manipulation;outline-offset:-10px;-webkit-tap-highlight-color:transparent;transition:filter .18s,opacity .18s,transform .18s}
.holo-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.button-copy{position:absolute;top:24%;bottom:24%;left:28%;right:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}
.button-copy strong{font-size:19px;font-weight:800;letter-spacing:3px;text-shadow:0 0 14px #ff66666b;white-space:nowrap}
.button-copy small{font-size:8px;font-weight:600;letter-spacing:1.7px;color:#e9b9b9;white-space:nowrap}
#startARButton .button-copy strong{font-size:14px;letter-spacing:1.3px}
.holo-button:disabled{cursor:default;filter:saturate(.55);opacity:.52}
.holo-button:disabled:active{transform:none}
.holo-button:focus-visible{outline:2px solid #fff}
@media(hover:hover){.holo-button:not(:disabled):hover{filter:brightness(1.18)}}
.holo-button:not(:disabled):active{transform:scale(.97);filter:brightness(1.3)}
#city-hud{position:fixed;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 0 max(18px,env(safe-area-inset-bottom));box-sizing:border-box}
.hud-status{display:flex;align-items:center;gap:9px;max-width:calc(100vw - 48px);padding:10px 15px;background:#180b10df;border:1px solid #ff696940;border-radius:4px;color:#fff;font-size:11px;letter-spacing:.5px;text-align:center}
.hud-status i{width:6px;height:6px;flex:none;background:#ff7067;border-radius:50%;box-shadow:0 0 8px #ff3e3e}
.hud-action{display:flex;flex-direction:column;align-items:center;padding:8px 16px 0;background:radial-gradient(ellipse,#160408ab,transparent 70%);border-radius:12px}
.hud-action p{font-size:11px;text-align:center;color:white;letter-spacing:.4px;margin:0 0 -4px;text-shadow:0 1px 5px black,0 0 12px black}
#city-start{pointer-events:auto}
#city-hud[data-mode="playing"] .hud-action{visibility:hidden}
#city-hud[data-mode="lost"] .hud-action{visibility:hidden}
#city-hud[data-mode="playing"] .hud-status,#city-hud[data-mode="complete"] .hud-status{visibility:hidden}
#qr-link{position:fixed;right:20px;bottom:max(16px,env(safe-area-inset-bottom));z-index:100;color:#e8b4b7;text-decoration:none;font-size:9px;letter-spacing:1.5px;padding:10px 0}
#qr-link span{color:#ff4b43;margin-left:4px}
body.city-running #qr-link{display:none}
body:has(#ar-fps:not([hidden])) .hud-status{margin-top:35px}
#unity-loading-bar{color:#f55;z-index:22}
@media(max-height:500px){.intro-copy{margin-bottom:0}.intro-copy h1{font-size:25px;margin:10px}.intro-copy p{display:none}.intro-copy .eyebrow{font-size:8px}button.holo-button{width:280px}.button-copy strong{font-size:16px}.intro-note{margin:0}#city-hud{padding-top:8px;padding-bottom:8px}.hud-action p{font-size:10px}.hud-status{padding:7px 12px}#startARDiv{padding:12px}}
@media(prefers-reduced-motion:reduce){.holo-button{transition:none}}