:root{color-scheme:dark;--ink:#010304;--ice:#d8ecf2;--muted:#8fa4ad;--brass:#cbb98f;--red:#c24a45;--green:#6e9e88;--panel:rgba(3,8,10,.84);--line:rgba(190,222,229,.24);--safe:env(safe-area-inset-bottom,0px)}
[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010304;color:var(--ice);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{font:inherit}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand img{filter:drop-shadow(0 0 20px rgba(185,226,237,.23))}.brand b{display:block;font-family:Georgia,serif;letter-spacing:.18em;font-size:.95rem}.brand small{display:block;color:#9db1b9;font-size:.55rem;letter-spacing:.16em;margin-top:4px}.text-button{border:1px solid var(--line);background:rgba(0,0,0,.38);color:var(--ice);padding:10px 13px;letter-spacing:.12em;font-size:.65rem;font-weight:800;cursor:pointer}.text-button:focus-visible,.begin:focus-visible,.lock-button:focus-visible,.monitor-button:focus-visible,[data-cam]:focus-visible{outline:2px solid #dff6ff;outline-offset:3px}
#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20;mix-blend-mode:screen;opacity:.26}.start-screen{position:fixed;inset:0;z-index:5;background:#020405;overflow:hidden}.start-art,.start-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.start-art>img{filter:brightness(.68) contrast(1.1);transform:scale(1.02);animation:slowPush 20s ease-in-out infinite alternate}.start-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 37%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.64) 100%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 45%,rgba(0,0,0,.2))}.start-customer{position:absolute;right:5%;bottom:-8%;width:min(34vw,430px);filter:brightness(.34) contrast(1.25);opacity:.68;animation:customerBreathe 7s ease-in-out infinite}.start-customer img{width:100%;display:block}.start-static,.camera-static,.jumpscare-static{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.30'/%3E%3C/svg%3E");opacity:.12;animation:staticShift .18s steps(2) infinite}.start-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:clamp(18px,3vw,34px)}.start-tools{display:flex;gap:8px}.start-copy{position:absolute;z-index:3;left:clamp(20px,7vw,110px);top:50%;transform:translateY(-46%);width:min(760px,calc(100% - 40px))}.eyebrow{color:var(--brass);font-size:.66rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.start-copy h1{font-family:Georgia,serif;font-size:clamp(3.4rem,9vw,8.4rem);line-height:.78;letter-spacing:.02em;margin:18px 0 24px;text-shadow:0 20px 80px #000}.start-copy h1 em{font-style:normal;color:#9fb4bd;font-size:.72em;letter-spacing:.08em}.start-lede{font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.35rem);line-height:1.65;color:#c4d0d5;max-width:700px}.rules{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0;color:#aebbc0;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.rules span:before{content:"◉";color:var(--brass);margin-right:8px}.start-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.begin{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border:1px solid var(--line);background:rgba(3,7,9,.77);color:var(--ice);padding:14px 18px;text-decoration:none;letter-spacing:.14em;font-size:.7rem;font-weight:900;cursor:pointer}.begin.primary{border-color:rgba(203,185,143,.7);background:linear-gradient(180deg,rgba(203,185,143,.17),rgba(2,6,8,.9));box-shadow:0 0 50px rgba(203,185,143,.06)}.begin:hover{border-color:#e6f7fa;transform:translateY(-1px)}.trust{font-size:.64rem;color:#83939a;max-width:680px;line-height:1.5;margin-top:18px}
.game{position:fixed;inset:0;background:#010304;isolation:isolate}.office-stage{position:absolute;inset:0;overflow:hidden;background:#020506}.office-photo{width:100%;height:100%;object-fit:cover;filter:brightness(.77) contrast(1.11);transform:scale(1.015);animation:officeDrift 16s ease-in-out infinite alternate}.office-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0 24%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.84) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 32%,rgba(0,0,0,.28))}.fluorescent{position:absolute;z-index:2;left:34%;right:34%;top:4.5%;height:1.5%;background:#d7f5fc;border-radius:50%;box-shadow:0 0 18px 8px rgba(190,236,247,.27),0 0 80px 22px rgba(154,214,230,.10);animation:flicker 8s infinite}.office-fog{position:absolute;z-index:2;inset:0;background:linear-gradient(104deg,transparent 20%,rgba(174,213,222,.035) 43%,transparent 57%);animation:fog 13s ease-in-out infinite}.office-customer{position:absolute;z-index:2;bottom:6%;width:min(24vw,280px);opacity:0;filter:brightness(.22) contrast(1.4);transition:opacity .5s,transform 1.2s}.office-customer.left{left:1%;transform:translateX(-20%)}.office-customer.right{right:1%;transform:translateX(20%) scaleX(-1)}.office-customer img{width:100%}.office-customer.is-visible{opacity:.84;transform:translateX(0)}.glass-hands{position:absolute;z-index:5;inset:0;opacity:0;transform:scale(1.04);transition:opacity .12s}.glass-hands img{width:100%;height:100%;object-fit:cover}.glass-hands.is-visible{opacity:.88;animation:handsHit .28s ease-out}.monitor-glow{position:absolute;z-index:3;left:30.5%;right:30.5%;top:21%;height:38%;background:rgba(21,83,86,.08);box-shadow:0 0 90px rgba(81,179,188,.11);animation:monitorPulse 5s ease-in-out infinite}.door-shutter{position:absolute;z-index:4;top:8%;bottom:19%;width:23%;background:repeating-linear-gradient(0deg,#0a0d0e 0 14px,#20282a 15px 18px);box-shadow:0 0 45px #000;transform:translateY(-110%);transition:transform .38s cubic-bezier(.5,0,.2,1)}.door-shutter.front{left:0}.door-shutter.archive{right:0}.door-shutter.closed{transform:translateY(0)}
.hud{position:absolute;z-index:10;left:0;right:0;top:0;display:grid;grid-template-columns:180px 1fr 180px;align-items:start;padding:calc(16px + env(safe-area-inset-top)) 18px 12px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.hud-block{display:flex;flex-direction:column}.hud-block small{font-size:.56rem;letter-spacing:.18em;color:#8da0a7}.hud-block b{font-family:"Courier New",monospace;font-size:1.1rem;letter-spacing:.08em;margin-top:4px}.power-block{text-align:right;align-items:flex-end}.power-bar{width:150px;height:4px;background:rgba(255,255,255,.15);margin-top:5px}.power-bar i{display:block;width:100%;height:100%;background:#d7e8ec;transform-origin:left center;transition:transform .2s,background .3s}.objective{justify-self:center;max-width:460px;text-align:center;border:1px solid rgba(178,213,220,.18);background:rgba(0,0,0,.42);backdrop-filter:blur(8px);padding:9px 14px;color:#b9c9ce;font-size:.62rem;letter-spacing:.16em;font-weight:900}.danger-meter{position:absolute;z-index:10;left:50%;bottom:85px;width:min(360px,45vw);height:3px;transform:translateX(-50%);background:rgba(255,255,255,.08);opacity:.7}.danger-meter i{display:block;height:100%;width:0;background:#9a2f2e;box-shadow:0 0 18px #c54845;transition:width .5s}.control{position:absolute;z-index:11;bottom:calc(20px + var(--safe));display:flex;align-items:center;gap:10px}.front-control{left:20px}.archive-control{right:20px;flex-direction:row-reverse}.control-label{font-size:.56rem;letter-spacing:.17em;color:#97a9ae;font-weight:900}.lock-button{width:72px;height:72px;border:1px solid rgba(159,194,201,.26);background:rgba(0,0,0,.68);border-radius:12px;color:#dcecef;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.5)}.lock-button i{width:26px;height:26px;border-radius:50%;background:#6d1517;box-shadow:inset 0 0 0 4px #24080a,0 0 16px rgba(200,50,50,.25)}.lock-button b{font-size:.5rem;letter-spacing:.12em}.lock-button[aria-pressed="true"]{border-color:rgba(157,205,184,.5)}.lock-button[aria-pressed="true"] i{background:#5e947e;box-shadow:inset 0 0 0 4px #183229,0 0 18px rgba(95,176,140,.36)}.monitor-button{position:absolute;z-index:11;bottom:calc(18px + var(--safe));left:50%;transform:translateX(-50%);width:150px;height:67px;border:1px solid rgba(162,202,211,.28);background:rgba(0,0,0,.68);color:#dbe9ed;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 16px 48px #000}.monitor-button b{font-size:.54rem;letter-spacing:.12em}.monitor-icon{width:34px;height:24px;border:2px solid #7b9299;display:block;position:relative}.monitor-icon:after{content:"";position:absolute;left:7px;right:7px;bottom:-8px;border-top:2px solid #7b9299}.receipt-paper{position:absolute;z-index:7;left:62%;bottom:-70px;width:190px;min-height:128px;background:#d6d4c4;color:#171714;padding:15px 14px;font-family:"Courier New",monospace;transform:rotate(-1deg);box-shadow:0 14px 44px #000;transition:bottom .7s;cursor:pointer;text-align:center}.receipt-paper.is-out{bottom:8%}.receipt-paper b,.receipt-paper span,.receipt-paper small{display:block}.receipt-paper b{font-size:.72rem;letter-spacing:.1em;border-bottom:1px dashed #777;padding-bottom:8px}.receipt-paper span{font-size:.68rem;line-height:1.4;margin:13px 0}.receipt-paper small{font-size:.48rem;color:#4a4a42}
.camera-overlay{position:absolute;z-index:30;inset:0;background:#020405}.camera-feed{position:absolute;inset:0 0 118px;overflow:hidden;background:#030708}.camera-feed>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.14) hue-rotate(126deg) brightness(1.04) contrast(1.34);transition:opacity .08s}.camera-feed:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px 55px #000;pointer-events:none}.camera-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.24) 4px 5px);mix-blend-mode:multiply;pointer-events:none}.camera-static{opacity:.13;mix-blend-mode:screen}.camera-static.hit{opacity:.75}.camera-customer{position:absolute;z-index:3;bottom:-7%;left:50%;width:min(33vw,390px);transform:translateX(-50%);opacity:0;filter:brightness(.45) contrast(1.3);transition:opacity .12s,transform .35s}.camera-customer img{width:100%}.camera-customer.visible{opacity:.92}.camera-customer.distant{width:min(18vw,210px);bottom:8%}.camera-customer.left{left:27%}.camera-customer.right{left:74%}.camera-customer.close{width:min(53vw,650px);bottom:-28%;filter:brightness(.7) contrast(1.35)}.camera-label{position:absolute;z-index:6;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;font-family:"Courier New",monospace;font-size:.73rem;letter-spacing:.08em;text-shadow:0 2px 6px #000}.camera-label b:before{content:"●";color:#b64945;margin-right:8px;animation:blink 1s steps(1) infinite}.camera-warning{position:absolute;z-index:7;left:18px;bottom:18px;padding:8px 11px;border:1px solid rgba(180,210,216,.22);background:rgba(0,0,0,.58);font-size:.62rem;font-family:"Courier New",monospace;letter-spacing:.11em;font-weight:900;color:#c7dadd;text-shadow:0 2px 6px #000;pointer-events:none}.camera-warning.quiet{opacity:.55}.camera-warning.danger{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);font-size:clamp(1rem,3.2vw,2.2rem);padding:14px 20px;border-color:rgba(196,62,57,.55);color:#effcfe;box-shadow:0 0 60px rgba(173,35,31,.2);opacity:1}.camera-dock{position:absolute;z-index:35;left:0;right:0;bottom:0;height:118px;background:rgba(1,4,5,.96);border-top:1px solid rgba(158,194,202,.24);display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + var(--safe))}.camera-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;flex:1}.camera-map button{height:78px;border:1px solid rgba(144,178,185,.2);background:#071012;color:#9cafb4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.camera-map button b{font-family:"Courier New",monospace;font-size:1rem}.camera-map button span{font-size:.46rem;letter-spacing:.08em}.camera-map button.active{border-color:#b9d6dc;background:#102125;color:#e1f3f6;box-shadow:inset 0 0 22px rgba(116,191,202,.12)}.lower-monitor{height:78px;width:118px;border:1px solid rgba(184,212,218,.28);background:#0a1012;color:#d9e8eb;font-size:.55rem;font-weight:900;letter-spacing:.12em;cursor:pointer}.event-message{position:absolute;z-index:45;left:50%;top:18%;transform:translateX(-50%);max-width:min(620px,86vw);padding:14px 20px;background:rgba(0,0,0,.79);border:1px solid rgba(190,220,225,.33);font-family:"Courier New",monospace;font-size:.78rem;letter-spacing:.08em;text-align:center;box-shadow:0 20px 70px #000}.settings{position:absolute;z-index:12;right:18px;top:92px;display:flex;gap:6px}.settings button,.settings a{border:1px solid rgba(164,196,203,.15);background:rgba(0,0,0,.38);color:#92a6ac;padding:7px 9px;text-decoration:none;font-size:.49rem;letter-spacing:.12em;cursor:pointer}.pause-screen{position:absolute;z-index:80;inset:0;background:rgba(0,0,0,.87);display:grid;place-items:center;text-align:center;backdrop-filter:blur(10px)}.pause-screen h2{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5rem);margin:18px 0 30px}.jumpscare{position:fixed;z-index:100;inset:0;background:#000;display:grid;place-items:center;overflow:hidden}.jumpscare img{width:min(120vw,1050px);max-width:none;animation:jumpscare .13s steps(2) infinite;filter:contrast(1.55) brightness(1.15)}.jumpscare p{position:absolute;bottom:8%;font-family:"Courier New",monospace;letter-spacing:.16em;font-size:.72rem;font-weight:900}.jumpscare-static{opacity:.44;z-index:2}.ending{position:fixed;z-index:95;inset:0;background:#010304;display:grid;grid-template-columns:1.15fr .85fr}.ending-art{position:relative;overflow:hidden}.ending-art>img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) contrast(1.25)}.ending-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(1,3,4,.9))}.ending-figure{position:absolute;right:6%;bottom:-8%;width:38%;filter:brightness(.25);opacity:.78}.ending-figure img{width:100%}.ending-card{align-self:center;padding:clamp(28px,5vw,78px);position:relative;z-index:2}.ending-card h2{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,6rem);line-height:.9;margin:18px 0 24px}.ending-card>p:not(.eyebrow){font-family:Georgia,serif;color:#b8c8cd;font-size:1.13rem;line-height:1.7}.ending-record{border-left:2px solid rgba(203,185,143,.5);padding:13px 17px;margin:26px 0;font-family:"Courier New",monospace;font-size:.72rem;line-height:1.7;color:#9eafb4}.ending-actions{display:flex;flex-wrap:wrap;gap:10px}
@keyframes slowPush{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(-1%)}}@keyframes customerBreathe{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:.72}}@keyframes staticShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,1%)}}@keyframes officeDrift{from{transform:scale(1.015) translateX(-.2%)}to{transform:scale(1.035) translateX(.2%)}}@keyframes flicker{0%,4%,6%,8%,100%{opacity:1}5%,7%{opacity:.25}63%{opacity:.75}64%{opacity:1}}@keyframes fog{0%,100%{transform:translateX(-3%);opacity:.5}50%{transform:translateX(3%);opacity:.9}}@keyframes monitorPulse{0%,100%{opacity:.55}50%{opacity:.9}}@keyframes handsHit{0%{transform:scale(1.2);opacity:0}100%{transform:scale(1.04);opacity:.88}}@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.15}}@keyframes jumpscare{0%{transform:scale(1.15) rotate(-1deg)}100%{transform:scale(1.28) rotate(1deg)}}
body.reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
@media (max-width:760px){.start-top{padding:15px}.brand small{display:none}.start-copy{top:auto;bottom:32px;transform:none;left:18px;width:calc(100% - 36px)}.start-copy h1{font-size:clamp(3rem,18vw,5rem);margin:12px 0 15px}.start-lede{font-size:.98rem;line-height:1.48}.rules{gap:6px 12px;margin:15px 0}.start-actions{margin-top:16px}.trust{display:none}.start-customer{right:-12%;width:58vw;bottom:18%}.hud{grid-template-columns:92px 1fr 92px;padding:calc(11px + env(safe-area-inset-top)) 10px}.hud-block b{font-size:.78rem}.power-bar{width:80px}.objective{font-size:.48rem;padding:7px 8px}.settings{top:70px;right:8px}.settings a{display:none}.control{bottom:calc(12px + var(--safe))}.front-control{left:10px}.archive-control{right:10px}.control-label{display:none}.lock-button{width:58px;height:58px}.lock-button i{width:22px;height:22px}.monitor-button{bottom:calc(10px + var(--safe));height:58px;width:134px}.danger-meter{bottom:78px;width:42vw}.receipt-paper{left:55%;width:160px}.receipt-paper.is-out{bottom:12%}.camera-feed{inset:0 0 170px}.camera-dock{height:170px;display:block;padding:8px 8px calc(8px + var(--safe))}.camera-map{grid-template-columns:repeat(3,1fr);height:112px}.camera-map button{height:52px}.camera-map button span{font-size:.4rem}.camera-map button b{font-size:.8rem}.lower-monitor{position:absolute;right:8px;bottom:calc(8px + var(--safe));height:40px;width:120px}.camera-customer.distant{width:30vw}.camera-customer.close{width:85vw}.ending{grid-template-columns:1fr}.ending-art{position:absolute;inset:0;opacity:.45}.ending-card{align-self:end;padding-bottom:calc(28px + var(--safe));background:linear-gradient(0deg,#010304 0 72%,transparent)}.ending-card h2{font-size:clamp(2.5rem,13vw,4.6rem)}.ending-card>p:not(.eyebrow){font-size:1rem}.fluorescent{left:28%;right:28%}}
@media (max-height:610px) and (orientation:landscape){.start-copy{top:55%;width:60%}.start-copy h1{font-size:3.4rem}.start-lede{font-size:.88rem}.trust{display:none}.rules{margin:10px 0}.start-actions{margin-top:10px}.camera-feed{inset:0 0 90px}.camera-dock{height:90px}.camera-map button{height:62px}.lower-monitor{height:62px}.control{bottom:10px}.lock-button{width:54px;height:54px}.monitor-button{height:54px;bottom:10px}.danger-meter{bottom:68px}}

/* V2.1 COSMETIC LAYOUT REPAIR — gameplay and timing untouched */
.ending{overflow:auto}
.ending-card{min-width:0;max-height:100dvh;overflow:auto}

@media (max-width:760px){
  .start-top{padding:14px 15px;gap:10px}
  .brand{gap:8px;min-width:0}
  .brand img{width:38px;height:38px;flex:0 0 auto}
  .brand b{font-size:.74rem;letter-spacing:.14em;white-space:nowrap}
  .start-tools{gap:5px;flex:0 0 auto}
  .text-button{padding:8px 9px;font-size:.56rem}

  .start-copy{left:18px;right:18px;width:auto;bottom:calc(20px + var(--safe));max-width:none}
  .start-copy h1{font-size:clamp(2.8rem,14vw,4.1rem);line-height:.82;letter-spacing:0;margin:12px 0 16px;max-width:100%}
  .start-copy h1 span,.start-copy h1 em{display:block;white-space:nowrap}
  .start-copy h1 em{font-size:.68em;letter-spacing:.055em}
  .start-lede{font-size:.93rem;line-height:1.48;margin:0;max-width:100%}
  .rules{display:grid;grid-template-columns:1fr;gap:6px;margin:14px 0 0;font-size:.62rem;line-height:1.3}
  .rules span:before{margin-right:7px}
  .start-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px;max-width:320px}
  .start-actions .begin{width:100%;min-height:48px;padding:12px 14px;font-size:.61rem}

  .hud{grid-template-columns:82px minmax(0,1fr) 82px;gap:6px;padding:calc(9px + env(safe-area-inset-top)) 9px 8px}
  .hud-block small{font-size:.48rem}
  .hud-block b{font-size:.73rem}
  .power-bar{width:72px}
  .objective{max-width:100%;font-size:.45rem;line-height:1.35;padding:6px 7px;letter-spacing:.11em}

  .settings{top:64px;right:8px;max-width:180px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
  .settings button,.settings a{padding:6px 8px;font-size:.44rem;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}

  .control{bottom:calc(8px + var(--safe));gap:4px;flex-direction:column;align-items:center}
  .archive-control{flex-direction:column}
  .control-label{display:block;font-size:.43rem;letter-spacing:.12em;text-shadow:0 2px 8px #000}
  .front-control{left:10px}
  .archive-control{right:10px}
  .lock-button{width:56px;height:56px;border-radius:10px}
  .lock-button i{width:21px;height:21px}
  .monitor-button{bottom:calc(8px + var(--safe));width:146px;height:60px;border-radius:9px}
  .monitor-button b{font-size:.5rem}
  .danger-meter{bottom:84px;width:46vw}

  .receipt-paper{left:50%;width:min(210px,58vw);min-height:112px;bottom:-150px;transform:translateX(-50%) rotate(-1deg);z-index:14;padding:13px 12px}
  .receipt-paper.is-out{bottom:calc(88px + var(--safe))}
  .receipt-paper span{margin:10px 0}

  .camera-feed{inset:0 0 calc(188px + var(--safe))}
  .camera-label{left:12px;right:12px;top:12px;font-size:.57rem;gap:12px}
  .camera-label b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .camera-label span{white-space:nowrap}
  .camera-warning{left:12px;bottom:12px;font-size:.52rem;padding:7px 9px}
  .camera-warning.danger{left:50%;font-size:clamp(.9rem,5vw,1.35rem);width:min(88vw,420px)}
  .camera-dock{height:calc(188px + var(--safe));display:grid;grid-template-rows:112px 42px;gap:8px;padding:8px 8px calc(8px + var(--safe));align-content:start}
  .camera-map{width:100%;height:112px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .camera-map button{height:53px;min-width:0;padding:3px}
  .camera-map button b{font-size:.82rem}
  .camera-map button span{font-size:.39rem;line-height:1.2;white-space:normal}
  .lower-monitor{position:static;width:100%;height:42px}

  .ending{display:block;overflow-y:auto}
  .ending-art{position:fixed;inset:0;opacity:.42}
  .ending-card{width:100%;max-width:100%;min-height:100dvh;max-height:none;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(110px,24vh,220px) 20px calc(24px + var(--safe));background:linear-gradient(0deg,#010304 0 74%,rgba(1,3,4,.9) 82%,transparent)}
  .ending-card h2{font-size:clamp(2.35rem,11.2vw,4rem);line-height:.91;margin:14px 0 20px;overflow-wrap:normal}
  .ending-card>p:not(.eyebrow){font-size:.98rem;line-height:1.58}
  .ending-record{margin:22px 0;font-size:.65rem}
  .ending-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .ending-actions .begin{width:100%}
}

@media (max-width:380px){
  .brand b{font-size:.66rem;letter-spacing:.11em}
  .text-button{padding:7px 8px;font-size:.52rem}
  .start-copy h1{font-size:clamp(2.65rem,13.8vw,3.65rem)}
  .start-lede{font-size:.87rem}
  .rules{font-size:.57rem}
  .start-actions .begin{font-size:.57rem}
}

@media (max-height:760px) and (max-width:760px){
  .start-copy{bottom:calc(12px + var(--safe))}
  .start-copy h1{font-size:clamp(2.55rem,12.8vw,3.45rem);margin:8px 0 10px}
  .start-lede{font-size:.82rem;line-height:1.38}
  .rules{margin-top:9px;gap:4px;font-size:.54rem}
  .start-actions{margin-top:10px;gap:6px}
  .start-actions .begin{min-height:43px;padding:10px 12px}
  .camera-feed{inset:0 0 calc(178px + var(--safe))}
  .camera-dock{height:calc(178px + var(--safe));grid-template-rows:104px 40px;gap:7px}
  .camera-map{height:104px}
  .camera-map button{height:49px}
  .lower-monitor{height:40px}
}

@media (min-width:761px) and (max-height:760px){
  .start-copy{top:52%;width:min(720px,calc(100% - 40px))}
  .start-copy h1{font-size:clamp(3.2rem,7.3vw,6rem);margin:12px 0 16px}
  .start-lede{font-size:1rem;line-height:1.48}
  .rules{margin:14px 0}
  .start-actions{margin-top:15px}
  .ending-card{padding:28px 42px}
  .ending-card h2{font-size:clamp(2.7rem,5.3vw,4.6rem);margin:12px 0 18px}
  .ending-card>p:not(.eyebrow){font-size:1rem;line-height:1.55}
  .ending-record{margin:18px 0}
}
@media (max-width:760px){
  .start-copy h1{font-size:clamp(2.7rem,12.6vw,3.8rem)}
  .start-copy h1 span{white-space:normal}
  .start-copy h1 em{white-space:nowrap}
}
@media (max-width:380px){
  .start-copy h1{font-size:clamp(2.55rem,12.2vw,3.4rem)}
}
@media (max-width:760px){.eyebrow{font-size:.55rem;letter-spacing:.18em;white-space:nowrap}}


/* V2.2 DESKTOP CONTROL-BOOTH REPAIR
   Structural/cosmetic only. Gameplay, timing, audio, threat logic, endings, and memory remain untouched. */
:root{
  --booth-gap:clamp(10px,1.2vw,18px);
  --booth-bottom:max(12px,env(safe-area-inset-bottom,0px));
  --booth-height:94px;
}
html,body{width:100%;height:100%;min-height:100%;}
.game{height:100dvh;min-height:100svh;overflow:hidden;}
.office-stage{inset:0;}
.office-photo{
  width:100%;height:100%;object-fit:cover;object-position:center 50%;
  filter:brightness(.88) contrast(1.08) saturate(.82);
  transform:scale(1.002);
}
.office-stage:after{
  background:
    radial-gradient(ellipse at 50% 43%,transparent 0 31%,rgba(0,0,0,.18) 59%,rgba(0,0,0,.74) 100%),
    linear-gradient(0deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.22) 24%,transparent 46%,rgba(0,0,0,.24) 100%);
}
.hud{
  grid-template-columns:minmax(170px,220px) minmax(260px,620px) minmax(170px,220px);
  justify-content:space-between;
  gap:clamp(12px,2vw,34px);
  padding:calc(16px + env(safe-area-inset-top)) clamp(18px,2.2vw,36px) 14px;
}
.hud-block small{font-size:.6rem;}
.hud-block b{font-size:clamp(.98rem,1.15vw,1.18rem);}
.objective{max-width:620px;padding:10px 18px;font-size:.64rem;line-height:1.35;}
.settings{
  top:86px;right:clamp(18px,2.2vw,36px);gap:7px;
  padding:5px;border:1px solid rgba(164,196,203,.09);
  background:rgba(0,0,0,.28);backdrop-filter:blur(7px);
}
.settings button,.settings a{padding:8px 10px;font-size:.54rem;}

.control-deck{
  position:absolute;z-index:13;
  left:50%;bottom:var(--booth-bottom);transform:translateX(-50%);
  width:min(760px,calc(100vw - 44px));height:var(--booth-height);
  display:grid;grid-template-columns:1fr minmax(180px,1.18fr) 1fr;
  align-items:center;gap:var(--booth-gap);
  padding:10px 14px;
  border:1px solid rgba(153,191,199,.24);
  border-top-color:rgba(207,229,234,.34);
  border-radius:15px;
  background:
    linear-gradient(180deg,rgba(13,21,23,.95),rgba(1,4,5,.96)),
    repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.012) 35px 36px);
  box-shadow:0 24px 70px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(0,0,0,.6);
}
.control-deck:before{
  content:"";position:absolute;inset:-18px -28px -26px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.94) 0 42%,transparent 74%);
}
.control{
  position:static;inset:auto;bottom:auto;left:auto;right:auto;
  min-width:0;height:72px;display:grid;grid-template-columns:1fr 66px;
  align-items:center;gap:10px;padding:7px 8px 7px 13px;
  border:1px solid rgba(144,178,185,.14);border-radius:10px;
  background:linear-gradient(180deg,rgba(8,14,16,.76),rgba(1,3,4,.72));
}
.archive-control{flex-direction:initial;grid-template-columns:66px 1fr;padding:7px 13px 7px 8px;}
.archive-control .control-label{grid-column:2;grid-row:1;text-align:right;}
.archive-control .lock-button{grid-column:1;grid-row:1;}
.control-label{display:block;font-size:.58rem;line-height:1.35;letter-spacing:.18em;color:#a8bbc0;}
.lock-button{width:58px;height:58px;border-radius:10px;justify-self:center;box-shadow:0 10px 28px rgba(0,0,0,.55);}
.lock-button i{width:22px;height:22px;}
.lock-button b{font-size:.47rem;}
.monitor-button{
  position:static;inset:auto;bottom:auto;left:auto;transform:none;
  width:100%;height:72px;border-radius:10px;
  background:linear-gradient(180deg,rgba(11,20,22,.94),rgba(1,4,5,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.52);
}
.monitor-button:hover{border-color:rgba(210,235,240,.48);background:linear-gradient(180deg,rgba(16,29,32,.98),rgba(2,7,8,.98));}
.monitor-button b{font-size:.59rem;}
.monitor-icon{width:38px;height:27px;}
.danger-meter{
  bottom:calc(var(--booth-bottom) + var(--booth-height) + 15px);
  width:min(420px,42vw);height:4px;
  background:rgba(255,255,255,.09);
}
.receipt-paper{
  left:calc(50% + min(25vw,290px));
  bottom:-190px;width:190px;min-height:128px;
  transform:translateX(-50%) rotate(-1deg);
  z-index:14;
  transition:bottom .7s cubic-bezier(.2,.8,.2,1),transform .35s ease;
}
.receipt-paper.is-out{
  bottom:calc(var(--booth-bottom) + var(--booth-height) + 20px);
  transform:translateX(-50%) rotate(-1deg);
}

@media (max-width:980px) and (min-width:761px){
  :root{--booth-height:88px;}
  .control-deck{width:min(700px,calc(100vw - 28px));padding:8px 10px;grid-template-columns:1fr minmax(168px,1.1fr) 1fr;}
  .control{height:68px;grid-template-columns:1fr 58px;padding-left:10px;}
  .archive-control{grid-template-columns:58px 1fr;padding-right:10px;}
  .lock-button{width:54px;height:54px;}
  .monitor-button{height:68px;}
  .receipt-paper{left:66%;}
}

@media (min-width:761px) and (max-height:820px){
  :root{--booth-height:82px;}
  .hud{padding-top:calc(10px + env(safe-area-inset-top));}
  .settings{top:72px;}
  .control-deck{height:var(--booth-height);width:min(720px,calc(100vw - 34px));padding:7px 10px;}
  .control,.monitor-button{height:64px;}
  .lock-button{width:52px;height:52px;}
  .danger-meter{bottom:calc(var(--booth-bottom) + var(--booth-height) + 10px);}
  .receipt-paper.is-out{bottom:calc(var(--booth-bottom) + var(--booth-height) + 14px);}
}

@media (max-width:760px){
  :root{--booth-height:74px;--booth-bottom:max(7px,env(safe-area-inset-bottom,0px));}
  .office-photo{object-position:center 50%;filter:brightness(.86) contrast(1.08) saturate(.82);}
  .control-deck{
    width:calc(100vw - 12px);height:var(--booth-height);bottom:var(--booth-bottom);
    grid-template-columns:68px minmax(126px,1fr) 68px;gap:6px;padding:6px;border-radius:11px;
  }
  .control{height:60px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px;border-radius:8px;}
  .archive-control{display:flex;flex-direction:column;padding:4px;}
  .archive-control .control-label,.archive-control .lock-button{grid-column:auto;grid-row:auto;}
  .control-label{display:block;font-size:.4rem;line-height:1;letter-spacing:.1em;text-align:center;}
  .lock-button{width:48px;height:43px;border-radius:8px;}
  .lock-button i{width:17px;height:17px;}
  .lock-button b{font-size:.39rem;}
  .monitor-button{width:100%;height:60px;border-radius:8px;gap:7px;}
  .monitor-button b{font-size:.48rem;}
  .monitor-icon{width:30px;height:21px;}
  .danger-meter{bottom:calc(var(--booth-bottom) + var(--booth-height) + 8px);width:50vw;}
  .receipt-paper{left:50%;width:min(210px,58vw);bottom:-180px;}
  .receipt-paper.is-out{bottom:calc(var(--booth-bottom) + var(--booth-height) + 11px);}
}

@media (max-width:360px){
  .control-deck{grid-template-columns:62px minmax(116px,1fr) 62px;gap:4px;padding:5px;}
  .monitor-button b{font-size:.43rem;letter-spacing:.09em;}
  .control-label{font-size:.36rem;}
}