[data-brc-stage] .lab-hud{top:calc(56px + env(safe-area-inset-top,0px) + 8px);right:auto;left:max(12px, env(safe-area-inset-left,0px));z-index:62}#game-viewport{--navy:#06080c;--glass:#0a0e17b8;--glass-heavy:#0a0e17eb;--teal:#00d2ff;--amber:#ffb700;--text:#e8eef6;--muted:#aab4c1;z-index:5;color:var(--text);background:var(--navy);user-select:none;touch-action:manipulation;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;inset:0;overflow:hidden}#game-viewport *,#game-viewport :before,#game-viewport :after{box-sizing:border-box}#game-viewport button{color:inherit;font:inherit;cursor:pointer}#game-viewport .brc-main-canvas{z-index:3;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}#game-viewport .scene-stack{position:absolute;inset:0}#game-viewport .scene-view{opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}#game-viewport .scene-view.active{opacity:1;pointer-events:auto}#game-viewport .background-layer{position:absolute;inset:0}#game-viewport .background-layer img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}#game-viewport .scene-grade{pointer-events:none;background:linear-gradient(#0000007a,#0000 23% 68%,#000000ad),radial-gradient(#0000 38%,#0000006b);position:absolute;inset:0}#game-viewport #hud-header{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));backdrop-filter:blur(12px);z-index:20;background:#05080dc2;border-bottom:1px solid #00d2ff38;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;inset:0 0 auto}#game-viewport .brand{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:clamp(9px,2vw,12px);overflow:hidden}#game-viewport #location-chip{background:#00d2ff14;border:1px solid #00d2ff40;border-radius:99px;align-items:center;gap:8px;max-width:44vw;padding:6px 12px;display:flex}#game-viewport #location-name{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,1.8vw,11px);overflow:hidden}#game-viewport .dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 9px var(--teal);border-radius:50%;flex:none}#game-viewport .header-right{justify-self:end;display:flex}#game-viewport #btn-reset,#game-viewport #btn-mute{min-width:44px;min-height:44px;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:0 8px;font-size:9px}#game-viewport #btn-reset{color:#b9c1cc}#game-viewport #btn-mute[aria-pressed=true]{color:#ff8993}#game-viewport .hotspot-layer{z-index:5;pointer-events:none;position:absolute;inset:0}#game-viewport .hotspot{pointer-events:auto;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}#game-viewport .hotspot-ring{border:1.5px solid var(--teal);background:#00d2ff24;border-radius:50%;width:22px;height:22px;animation:2.2s infinite brcPulse;position:relative;box-shadow:0 0 16px #00d2ffcc}#game-viewport .hotspot-ring:after{content:"";border:1px solid #00d2ff8c;border-radius:50%;animation:2.2s infinite reverse brcPulse;position:absolute;inset:-8px}#game-viewport .hotspot.amber .hotspot-ring{border-color:var(--amber);background:#ffb7002e;box-shadow:0 0 18px #ffb700b3}#game-viewport .hotspot.is-complete{opacity:.45;filter:grayscale(.6)}#game-viewport .hotspot-label{opacity:0;pointer-events:none;white-space:nowrap;background:var(--glass-heavy);letter-spacing:.08em;text-transform:uppercase;border:1px solid #00d2ff4d;border-radius:7px;padding:6px 9px;font-size:10px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}#game-viewport .hotspot:hover .hotspot-label,#game-viewport .hotspot:focus-visible .hotspot-label{opacity:1}@keyframes brcPulse{50%{transform:scale(1.2)}}#game-viewport .brc-particles{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#game-viewport #inventory-bar{z-index:12;min-height:76px;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));backdrop-filter:blur(12px);background:#05080dc7;border-top:1px solid #00d2ff38;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}#game-viewport .inventory-label{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;font-size:9px}#game-viewport #inventory-items{align-items:center;gap:8px;min-width:0;display:flex;overflow:auto}#game-viewport .inventory-item{white-space:nowrap;border-radius:9px;min-height:44px;padding:5px 10px;background:#00d2ff14!important;border:1px solid #00d2ff40!important;font-size:10px!important}#game-viewport .inventory-item span{color:var(--amber);margin-right:6px;font-size:16px}#game-viewport .empty-kit,#game-viewport .inventory-hint{color:#aab4c1;font-size:10px}#game-viewport .inventory-hint{text-align:right;margin-left:auto}#game-viewport .brc-modal{z-index:35;padding:calc(70px + env(safe-area-inset-top,0px)) 16px calc(88px + env(safe-area-inset-bottom,0px));place-items:center;display:grid;position:absolute;inset:0}#game-viewport .brc-modal[hidden]{display:none}#game-viewport .modal-scrim{backdrop-filter:blur(6px);background:#000000ad;position:absolute;inset:0}#game-viewport .modal-card{background:linear-gradient(145deg,#111822f7,#05090ff7);border:1px solid #00d2ff4d;border-radius:18px;width:min(520px,100%);max-height:100%;padding:clamp(22px,5vw,36px);position:relative;overflow:auto;box-shadow:0 25px 90px #000}#game-viewport .modal-close{color:#b8c1cc;background:0 0;border:0;width:44px;height:44px;font-size:28px;position:absolute;top:10px;right:12px}#game-viewport .eyebrow{color:var(--amber);letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}#game-viewport .modal-card h2{margin:10px 42px 12px 0;font-size:clamp(21px,5vw,30px)}#game-viewport .modal-lead,#game-viewport .modal-note{color:#c5ced8;font-size:14px;line-height:1.6}#game-viewport .modal-note{color:#8995a3;font-size:11px}#game-viewport .glass-button{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;min-height:46px;padding:0 18px;color:#eafaff!important;background:#00d2ff1f!important;border:1px solid #00d2ff80!important;font-size:11px!important;font-weight:750!important}#game-viewport .glass-button:hover{background:#00d2ff3d!important}#game-viewport .postcard{object-fit:contain;border-radius:8px;width:100%;max-height:36vh;margin:6px 0 16px}#game-viewport .lock-digits{justify-content:center;gap:12px;margin:20px 0;display:flex}#game-viewport .lock-digits label{text-align:center;color:var(--amber);gap:5px;font-size:10px;display:grid}#game-viewport .lock-digits select{color:#fff;text-align:center;background:#111923;border:1px solid #00d2ff59;border-radius:10px;width:56px;height:62px;font-size:24px}#game-viewport .socket-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}#game-viewport .socket{border-radius:8px;min-height:44px;padding:0 12px;background:#00d2ff12!important;border:1px dashed #00d2ff80!important;font-size:11px!important}#game-viewport .socket.filled{color:#91ffbd}#game-viewport .range-label{justify-content:space-between;margin:18px 0 8px;font-size:12px;display:flex}#game-viewport .tuner-track{padding:8px 0;position:relative}#game-viewport .tuner-track i{opacity:.7;background:#77edaa;border-radius:8px;width:12%;height:6px;position:absolute;top:50%;left:62%;transform:translateY(-50%)}#game-viewport .tuner-track input{width:100%;accent-color:var(--teal);position:relative}#game-viewport .tune-readout{color:#9cdffc;min-height:22px;font-size:12px}#game-viewport .flywheel{background:radial-gradient(circle,#1e3540,#071018);border:8px double #00d2ff80;border-radius:50%;place-items:center;width:128px;height:128px;margin:20px auto;display:grid;box-shadow:0 0 30px #00d2ff24}#game-viewport .flywheel span{color:var(--teal);font-size:72px;line-height:1}#game-viewport .flywheel.turning span{animation:.5s brcTurn}#game-viewport .flywheel small{color:#c5ced8;margin-top:148px;font-size:11px;position:absolute}@keyframes brcTurn{to{transform:rotate(360deg)}}#game-viewport .knot-row{justify-content:center;gap:10px;margin:24px 0;display:flex}#game-viewport .knot{border-radius:50%;border:1px solid var(--teal)!important;background:#00d2ff1a!important;width:48px!important;height:48px!important;font-size:26px!important;position:static!important;transform:none!important}#game-viewport .knot.untied{opacity:.3}#game-viewport #brc-toast{z-index:45;left:50%;top:calc(72px + env(safe-area-inset-top,0px));color:#fff;text-align:center;opacity:0;pointer-events:none;background:#040a0fe6;border:1px solid #00d2ff40;border-radius:10px;max-width:min(90%,560px);padding:11px 16px;font-size:12px;transition:all .2s;position:absolute;transform:translate(-50%,-8px)}#game-viewport #brc-toast.visible{opacity:1;transform:translate(-50%)}#game-viewport #floor-reveal{z-index:8;border:1px solid var(--teal);color:#fff;white-space:nowrap;background:#050c12e0;border-radius:999px;min-height:46px;padding:0 16px;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}#game-viewport #restoration-bay,#game-viewport #finale-card{z-index:9;background:linear-gradient(#00000061,#000000b8),url(/lab/barn-road-chronicles/assets/scenes/restoration-bay.jpg) 50%/cover;display:none;position:absolute;inset:0;overflow:auto}#game-viewport #restoration-bay.active,#game-viewport #finale-card.active{display:flex}#game-viewport #restoration-bay{padding:calc(72px + env(safe-area-inset-top,0px)) 18px calc(90px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:center;align-items:center;gap:10px}#game-viewport .restore-copy{text-align:center;max-width:680px}#game-viewport .restore-copy h1,#game-viewport #finale-card h1{margin:8px 0;font-size:clamp(22px,5vw,38px)}#game-viewport .restore-copy p,#game-viewport #finale-card p{color:#d5dde7;font-size:13px;line-height:1.5}#game-viewport .car-workbench{touch-action:none;place-items:center;width:min(900px,90vw);height:min(42vh,340px);min-height:160px;display:grid;position:relative}#game-viewport .car-workbench img,#game-viewport .car-workbench canvas{object-fit:contain;max-width:100%;max-height:100%;position:absolute}#game-viewport #atom-clean{opacity:.06;pointer-events:none;width:100%;height:100%;transition:opacity .25s}#game-viewport #atom-dirty{pointer-events:none;width:100%;height:100%}#game-viewport #dirt-canvas,#game-viewport #paint-canvas{pointer-events:none;display:none}#game-viewport #restore-hud{color:#fff;grid-template-columns:1fr auto;gap:5px;width:min(480px,85vw);font-size:11px;display:grid}#game-viewport #restore-hud strong{color:var(--teal)}#game-viewport .progress-track{background:#ffffff2e;border-radius:8px;grid-column:1/-1;height:6px;overflow:hidden}#game-viewport .progress-track i{background:linear-gradient(90deg,var(--teal),#a8ffc5);width:0;height:100%;transition:width .25s;display:block}#game-viewport #tool-dock{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#game-viewport #tool-dock button{background:#080d14c2;border:1px solid #ffffff38;border-radius:9px;min-height:44px;padding:0 13px;font-size:10px}#game-viewport #tool-dock button.selected{color:var(--teal);border-color:var(--teal);background:#00d2ff1f}#game-viewport .restore-exit{left:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));position:absolute}#game-viewport #finale-card{text-align:center;background-image:linear-gradient(#0000004d,#000000b3),url(/lab/barn-road-chronicles/assets/scenes/open-road.jpg);flex-direction:column;justify-content:center;align-items:center;padding:24px}#game-viewport #finale-card p{max-width:500px}#game-viewport .text-button{color:#d0d7df;background:0 0;border:0;min-height:44px;margin-top:12px;font-size:11px}#game-viewport .letter{color:#e0e5e9;font-family:Georgia,serif;font-size:14px;line-height:1.8}#game-viewport .letter .signature{text-align:right;font-style:italic}@media (width<=560px){#game-viewport .brand{letter-spacing:.1em;max-width:110px}#game-viewport #btn-reset,#game-viewport #btn-mute{padding:0 4px;font-size:8px}#game-viewport #inventory-bar{gap:7px;min-height:70px}#game-viewport .inventory-hint{display:none}#game-viewport .inventory-item{text-overflow:ellipsis;max-width:150px;overflow:hidden}#game-viewport .car-workbench{height:32vh}}@media (prefers-reduced-motion:reduce){#game-viewport *,#game-viewport :before,#game-viewport :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
