html,body,#root{height:100%;margin:0}body{color:#e7ecf5;background:#0b1020;font-family:Segoe UI,system-ui,sans-serif}.app{height:100%;position:relative;overflow:hidden}.viewport{z-index:0;position:absolute;inset:0}.viewport canvas{display:block}.hud{z-index:3;transform-origin:top;pointer-events:none;width:min(980px,100% - 2rem);position:absolute;top:1rem;left:50%;transform:translate(-50%)perspective(900px)rotateX(7deg)}.header{pointer-events:auto;background:linear-gradient(#2e3e5af0,#0e1422f0);border:1px solid #bacce847;border-radius:18px;align-items:flex-end;gap:1rem;padding:.85rem 1rem 1rem;display:flex}.brand{flex-direction:column;gap:.45rem;display:flex}.header h1{white-space:nowrap;margin:0;font-size:1.15rem;font-weight:650}.rooms{flex-wrap:wrap;gap:.35rem;display:flex}.rooms button{color:#d5deee;font:inherit;cursor:pointer;background:#0e1524;border:1px solid #31415f;border-radius:8px;padding:.4rem .65rem;font-size:.85rem;font-weight:650}.rooms button[aria-pressed=true]{color:#f8fafc;background:#2563eb;border-color:#2563eb}.rooms button:hover{border-color:#3b82f6}.locate{flex:1;min-width:16rem;margin:0}.locate label,.info-kicker{letter-spacing:.04em;text-transform:uppercase;color:#b7c3d9;margin:0 0 .35rem;font-size:.75rem;font-weight:650;display:block}.locate-row{gap:.4rem;display:flex}.locate input{color:#e7ecf5;min-width:0;font:inherit;background:#0e1524;border:1px solid #31415f;border-radius:8px;flex:1;padding:.5rem .6rem}.locate button{color:#f8fafc;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:.5rem .7rem;font-weight:650}.locate button:hover{background:#1d4ed8}.hud .status,.info-card{color:#d5deee;pointer-events:auto;background:#101726f0;border:1px solid #bacce838;border-radius:14px;flex-direction:column;gap:.25rem;display:flex}.hud .status{width:min(420px,100%);margin:.7rem auto 0;padding:.7rem .85rem}.hud .status strong,.info-card strong{font-weight:650}.hud .status span,.info-card span{overflow-wrap:anywhere}.hud .status.missing{color:#f3b4b4}.info-card{z-index:3;width:min(340px,100% - 2rem);padding:.95rem 1rem 1rem;position:absolute;bottom:2.75rem;left:1rem}.info-card .info-kicker{margin-top:.55rem}.info-card .info-kicker:first-of-type{margin-top:0}.info-card strong{font-size:1.05rem}.close{color:#d5deee;width:1.7rem;height:1.7rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;font-size:1.2rem;line-height:1;position:absolute;top:.55rem;right:.55rem}.close:hover{background:#ffffff14}.bay-label{color:#f8fafc;white-space:nowrap;background:#0f172ae6;border-radius:6px;padding:.2rem .45rem;font:650 13px/1.2 Segoe UI,system-ui,sans-serif}.low-stock{color:#f87171;font-weight:700}.match-list{flex-wrap:wrap;gap:.35rem;display:flex}.match-list button{color:#93c5fd;font:inherit;cursor:pointer;background:#0e1524;border:1px solid #31415f;border-radius:6px;padding:.25rem .45rem;font-size:.8rem;font-weight:650}.match-list button:hover{color:#bfdbfe;border-color:#2563eb}.hints{z-index:2;color:#9aa8c3;pointer-events:none;margin:0;font-size:13px;position:absolute;top:7.5rem;left:.85rem}.credit{z-index:3;color:#9aa8c3;pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:.55rem;right:1rem}.credit a{color:#1caad9;pointer-events:auto;font-weight:650}@media (width<=800px){.hints{top:12.5rem}.hud{transform:translate(-50%)}.header{flex-direction:column;align-items:stretch}.locate{width:auto;min-width:0}.header h1{margin-bottom:0}}