.shutterspire-app{--ink:#06101c;--paper:#e8f7f4;--cyan:#72e5e8;--blue:#123981;--rose:#ff6f91;--mint:#9fffd6;isolation:isolate;box-sizing:border-box;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--paper);background:var(--ink);touch-action:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.shutterspire-app *,.shutterspire-app :before,.shutterspire-app :after{box-sizing:border-box}.shutterspire-app button{min-height:48px;border:1px solid color-mix(in srgb, var(--cyan) 58%, transparent);min-inline-size:48px;color:var(--paper);background:color-mix(in srgb, var(--blue) 68%, var(--ink));font:inherit;letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:.7rem 1rem;font-weight:800}.shutterspire-app button:hover{border-color:var(--paper);background:var(--blue)}.shutterspire-app button:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.shutterspire-app button:disabled{cursor:not-allowed;filter:grayscale();opacity:.48}.shutterspire-app .shutterspire-world,.shutterspire-app .shutterspire-overlay{position:absolute;inset:0}.shutterspire-app .shutterspire-world{z-index:0}.shutterspire-app .shutterspire-world canvas{width:100%;height:100%;display:block}.shutterspire-app .shutterspire-overlay{z-index:2;pointer-events:none;place-items:center;display:grid}.shutterspire-app .shutterspire-overlay>*{pointer-events:auto}.shutterspire-app .shutterspire-menu{text-align:center;background:linear-gradient(#0309141f,#030914f0);grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(.65rem,2.5vh,1.35rem);width:min(100%,33rem);height:100%;min-height:0;padding:clamp(.9rem,3.5vh,2rem) clamp(1rem,5vw,2rem);display:grid;position:relative;overflow:hidden}.shutterspire-app .shutterspire-menu__plate{background:linear-gradient(#0000 45%,#030914c2),url(/playables/shutterspire/assets/key-art.png) 50% 45%/cover no-repeat,url(/playables/shutterspire/assets/storm-observatory.png) 50%/cover no-repeat;border:1px solid #96faf66b;border-radius:1.3rem;align-self:stretch;min-height:0;box-shadow:inset 0 0 2.8rem #3edfe729,0 .7rem 2.5rem #00000052}.shutterspire-app .shutterspire-menu header{text-shadow:0 2px 16px #000;position:absolute;inset:clamp(1.5rem,6vh,3.5rem) 1rem auto}.shutterspire-app .shutterspire-menu h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,10vw,5rem);font-weight:500;line-height:.92}.shutterspire-app .shutterspire-menu header p{margin:.55rem 0 0;font-weight:750}.shutterspire-app .shutterspire-menu__stats{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.shutterspire-app .shutterspire-menu__stats span,.shutterspire-app .shutterspire-hud__top span,.shutterspire-app .shutterspire-profile__stats span{background:#030c1ab8;border:1px solid #72e5e840;border-radius:.8rem;padding:.5rem .7rem;display:grid}.shutterspire-app .shutterspire-menu small,.shutterspire-app .shutterspire-hud small,.shutterspire-app .shutterspire-profile small{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.shutterspire-app .shutterspire-menu nav{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.shutterspire-app .shutterspire-menu nav button:first-child{border-color:var(--paper);color:var(--ink);background:var(--paper);grid-column:1/-1;font-size:1.05rem}.shutterspire-app .shutterspire-loading,.shutterspire-app .shutterspire-countdown{text-align:center;text-shadow:0 4px 20px #000;place-items:center;gap:.8rem;display:grid}.shutterspire-app .shutterspire-countdown{pointer-events:none;position:absolute;inset:0}.shutterspire-app .shutterspire-countdown strong{color:var(--paper);font-family:Georgia,serif;font-size:clamp(5rem,25vw,12rem)}.shutterspire-app .shutterspire-sheet{width:min(100% - 1rem,52rem);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);overscroll-behavior:contain;color:#082445;background:linear-gradient(#e8f7f4f0,#e8f7f4f7),url(/playables/shutterspire/assets/cryptid-contact-sheet.png) 50%/cover;border:1px solid #96faf680;border-radius:1.2rem;padding:clamp(1rem,3vw,1.5rem);overflow-y:auto;box-shadow:0 1rem 5rem #000}.shutterspire-app .shutterspire-sheet>header,.shutterspire-app .shutterspire-sheet>footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shutterspire-app .shutterspire-sheet h2,.shutterspire-app .shutterspire-sheet h3,.shutterspire-app .shutterspire-sheet p{margin-block:.35rem}.shutterspire-app .shutterspire-sheet button{color:var(--paper)}.shutterspire-app .shutterspire-kicker{color:#275e83;letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:900}.shutterspire-app .shutterspire-help__grid,.shutterspire-app .shutterspire-results__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.shutterspire-app .shutterspire-help__grid article,.shutterspire-app .shutterspire-results__grid article,.shutterspire-app .shutterspire-boards{background:#ffffff85;border:1px solid #12398138;border-radius:.8rem;padding:.75rem}.shutterspire-app .shutterspire-profile__stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0;display:grid}.shutterspire-app .shutterspire-rewards{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.shutterspire-app .shutterspire-rewards button{display:grid}.shutterspire-app .shutterspire-hud{pointer-events:auto;position:absolute;inset:0;overflow:hidden}.shutterspire-app .shutterspire-hud__top{top:max(.55rem, env(safe-area-inset-top));left:max(.55rem, env(safe-area-inset-left));right:max(.55rem, env(safe-area-inset-right));pointer-events:none;grid-template-columns:repeat(4,minmax(4rem,auto)) 48px;gap:.4rem;display:grid;position:absolute}.shutterspire-app .shutterspire-hud__top button,.shutterspire-app .shutterspire-route button{pointer-events:auto}.shutterspire-app .shutterspire-phase{text-align:center;background:#020a16c2;border-radius:999px;padding:.35rem .8rem;display:grid;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.shutterspire-app .shutterspire-integrity{bottom:max(5.2rem, calc(env(safe-area-inset-bottom) + 4.8rem));left:max(.7rem, env(safe-area-inset-left));background:#020a16d1;border-radius:.75rem;width:min(18rem,46vw);padding:.55rem .7rem;position:absolute}.shutterspire-app .shutterspire-integrity>div:first-child{justify-content:space-between;gap:.5rem;display:flex}.shutterspire-app .shutterspire-integrity.is-low{color:#ffd6df;box-shadow:0 0 0 2px var(--rose)}.shutterspire-app .shutterspire-meter{border:1px solid #ffffff73;border-radius:999px;height:.55rem;margin-top:.35rem;overflow:hidden}.shutterspire-app .shutterspire-meter i{width:var(--shutterspire-meter);background:linear-gradient(90deg, var(--rose), var(--cyan));height:100%;display:block}.shutterspire-app .shutterspire-viewfinder{pointer-events:none;border:clamp(3px,.8vw,8px) solid #e8f7f4bd;border-radius:42% 42% 38% 38%/30% 30% 45% 45%;display:none;position:absolute;inset:15% 12%;box-shadow:inset 0 0 0 2px #06101cd9,inset 0 0 5rem #02081270}.shutterspire-app .shutterspire-hud.is-viewfinder .shutterspire-viewfinder{display:block}.shutterspire-app .shutterspire-lamps{gap:.35rem;display:flex;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.shutterspire-app .shutterspire-lamps span{min-width:5.3rem;color:var(--paper);background:#020812d1;border-radius:.4rem;grid-template-columns:.75rem auto;align-items:center;gap:0 .3rem;padding:.3rem .45rem;display:grid}.shutterspire-app .shutterspire-lamps i{background:#f36f80;border-radius:50%;grid-row:1/3;width:.65rem;height:.65rem}.shutterspire-app .shutterspire-lamps [data-state=good] i{background:var(--mint)}.shutterspire-app .shutterspire-lamps [data-state=warn] i{background:#ffdc78;border-radius:2px;transform:rotate(45deg)}.shutterspire-app .shutterspire-reticle{border:1px solid var(--paper);border-radius:50%;width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shutterspire-app .shutterspire-route{left:50%;bottom:max(5.3rem, calc(env(safe-area-inset-bottom) + 4.9rem));gap:.55rem;display:flex;position:absolute;transform:translate(-50%)}.shutterspire-app .shutterspire-route .is-selected{border-color:var(--rose);box-shadow:0 0 0 2px var(--rose)}.shutterspire-app .shutterspire-equipment{right:max(.7rem, env(safe-area-inset-right));bottom:max(5.2rem, calc(env(safe-area-inset-bottom) + 4.8rem));text-align:right;background:#020a16d1;border-radius:.7rem;gap:.25rem;padding:.55rem .7rem;display:grid;position:absolute}.shutterspire-app .shutterspire-touch{z-index:4;right:max(.5rem, env(safe-area-inset-right));bottom:max(.5rem, env(safe-area-inset-bottom));left:max(.5rem, env(safe-area-inset-left));grid-template-columns:repeat(5,minmax(48px,1fr));gap:.4rem;display:grid;position:absolute}.shutterspire-app .shutterspire-touch[hidden]{display:none}.shutterspire-app .shutterspire-touch button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081f43e0;padding-inline:.45rem}.shutterspire-app .shutterspire-pause{text-align:center;width:min(100% - 1rem,25rem)}.shutterspire-app .shutterspire-pause>div{gap:.55rem;margin-top:1rem;display:grid}.shutterspire-app .shutterspire-results{background:linear-gradient(#e8f7f4e6,#e8f7f4f7),url(/playables/shutterspire/assets/front-page.png) 50% 15%/cover no-repeat}.shutterspire-app .shutterspire-results__hero{text-shadow:0 1px #fffc;align-items:end;min-height:11rem}.shutterspire-app .shutterspire-results__hero strong{font-family:Georgia,serif;font-size:clamp(2.8rem,11vw,5.5rem);line-height:1;display:block}.shutterspire-app .shutterspire-result-callouts{flex-wrap:wrap;gap:.4rem;display:flex}.shutterspire-app .shutterspire-result-callouts strong{color:var(--paper);background:var(--blue);border-radius:999px;padding:.3rem .6rem}.shutterspire-app .shutterspire-boards{gap:.6rem;display:grid}.shutterspire-app .shutterspire-boards article{background:#ffffff73;border:1px solid #12398129;border-radius:.65rem;padding:.65rem}.shutterspire-app .shutterspire-boards article header{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.shutterspire-app .shutterspire-boards h3,.shutterspire-app .shutterspire-boards p,.shutterspire-app .shutterspire-boards ol{margin:0}.shutterspire-app .shutterspire-boards article header p{color:#275e83;text-align:right;font-size:.75rem}.shutterspire-app .shutterspire-boards ol{gap:.25rem;padding:.45rem 0 0;list-style:none;display:grid}.shutterspire-app .shutterspire-boards li{border-top:1px solid #1239811f;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.35rem .4rem;display:grid}.shutterspire-app .shutterspire-boards li span{color:#275e83;font-variant-numeric:tabular-nums}.shutterspire-app .shutterspire-boards li em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.shutterspire-app .shutterspire-results>footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.9rem;display:grid}.shutterspire-app .shutterspire-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){.shutterspire-app .shutterspire-menu{padding:.65rem .7rem max(.65rem, env(safe-area-inset-bottom));gap:.55rem}.shutterspire-app .shutterspire-help__grid,.shutterspire-app .shutterspire-results__grid{grid-template-columns:1fr}.shutterspire-app .shutterspire-profile__stats{grid-template-columns:1fr 1fr}.shutterspire-app .shutterspire-hud__top{grid-template-columns:repeat(4,minmax(0,1fr)) 56px;gap:.25rem}.shutterspire-app .shutterspire-hud__top span{padding:.3rem .2rem;font-size:.76rem}.shutterspire-app .shutterspire-hud__top button{padding:.35rem .15rem;font-size:.72rem}.shutterspire-app .shutterspire-phase{max-width:72vw;font-size:.75rem;top:4.35rem}.shutterspire-app .shutterspire-viewfinder{inset:17% 4% 21%}.shutterspire-app .shutterspire-route{bottom:max(9.2rem, calc(env(safe-area-inset-bottom) + 8.9rem));grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:calc(100% - 1rem);display:grid}.shutterspire-app .shutterspire-route button{min-inline-size:0;padding:.55rem .25rem;font-size:.76rem;line-height:1.05}.shutterspire-app .shutterspire-integrity{width:48vw;font-size:.72rem}.shutterspire-app .shutterspire-equipment{font-size:.72rem}}@media (height<=640px) and (width>=521px){.shutterspire-app .shutterspire-menu{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1.25fr 1fr}.shutterspire-app .shutterspire-menu__plate{grid-row:1/3}.shutterspire-app .shutterspire-menu header{left:48%;right:4%}.shutterspire-app .shutterspire-menu h1{font-size:clamp(2rem,8vw,3.6rem)}.shutterspire-app .shutterspire-menu__stats,.shutterspire-app .shutterspire-menu nav{grid-column:2}}@media (height<=430px) and (orientation:landscape){.shutterspire-app .shutterspire-menu{width:min(100%,60rem);padding:.45rem max(.65rem, env(safe-area-inset-right)) .45rem max(.65rem, env(safe-area-inset-left));grid-template-columns:1.5fr 1fr}.shutterspire-app .shutterspire-menu header{text-align:left;inset:.85rem 40% auto .95rem}.shutterspire-app .shutterspire-menu h1{font-size:clamp(2rem,7vw,2.7rem)}.shutterspire-app .shutterspire-menu header p{width:min(17rem,92%);margin-top:.35rem;font-size:.78rem}.shutterspire-app .shutterspire-menu nav{grid-template-columns:1fr 1fr}.shutterspire-app .shutterspire-menu nav button{padding:.55rem .25rem;font-size:.82rem}.shutterspire-app .shutterspire-menu nav button:first-child{font-size:.95rem}.shutterspire-app .shutterspire-sheet{max-height:calc(100dvh - .5rem)}.shutterspire-app .shutterspire-hud__top{right:32%}.shutterspire-app .shutterspire-touch{grid-template-columns:repeat(2,1fr);width:31%;left:auto}.shutterspire-app .shutterspire-integrity,.shutterspire-app .shutterspire-equipment{bottom:.5rem}}@media (width>=521px) and (hover:hover) and (pointer:fine){.shutterspire-app .shutterspire-touch{display:none}}@media (prefers-reduced-motion:reduce){.shutterspire-app *,.shutterspire-app :before,.shutterspire-app :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}