body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;background:radial-gradient(circle at top left,#0f172a 0,rgba(15,118,110,.45) 35%,rgba(30,64,175,.25) 70%),linear-gradient(160deg,#020617,#0b1120 32%,#111d3b 68%,#1a2a4a);display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:2.5rem}.elevator-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(30,64,175,.75) 55%,rgba(15,118,110,.65));border:1px solid rgba(148,163,184,.28);border-radius:32px;box-shadow:0 30px 65px rgba(2,6,23,.45),inset 0 0 0 1px hsla(0,0%,100%,.06);color:#e2e8f0;display:flex;flex-direction:column;overflow:hidden;width:min(820px,96vw)}.elevator-header{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(15,118,110,.25));border-bottom:1px solid rgba(148,163,184,.22);padding:2rem;text-align:center}.title{color:#f8fafc;font-size:1.9rem;font-weight:700;margin:0 0 .6rem}.status{color:rgba(226,232,240,.78);font-size:1rem;margin:.2rem 0}.elevator-body{display:flex;flex-wrap:wrap;gap:2.25rem;justify-content:center;padding:2.25rem}.floor-column{display:flex;flex:0 0 180px;flex-direction:column;gap:.9rem}.floor-row{align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,64,175,.55));border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 14px 30px rgba(2,6,23,.32);display:flex;justify-content:space-between;padding:.85rem 1.1rem;transition:box-shadow .18s ease,background .18s ease,border .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border .18s ease,-webkit-transform .18s ease}.floor-row.active{background:linear-gradient(135deg,rgba(15,118,110,.75),rgba(30,64,175,.7));border-color:rgba(56,189,248,.5);box-shadow:0 22px 44px rgba(15,118,110,.32)}.floor-row.door-open{background:linear-gradient(135deg,rgba(5,150,105,.75),rgba(56,189,248,.65));border-color:rgba(59,130,246,.45)}.floor-number-badge{color:#f8fafc;font-size:1.35rem;font-weight:700;letter-spacing:.08em}.hall-controls{display:flex;gap:.45rem}.hall-button{background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.28);color:#0f172a;cursor:pointer;display:grid;font-size:1.2rem;font-weight:700;height:44px;place-items:center;transition:box-shadow .15s ease,background .15s ease,opacity .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:44px}.hall-button.down{background:linear-gradient(135deg,#f97316,#fb7185)}.hall-button:hover:not(:disabled){box-shadow:0 18px 36px rgba(15,23,42,.35);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.hall-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.hall-button.queued{box-shadow:inset 0 0 0 2px rgba(56,189,248,.65),0 12px 28px rgba(56,189,248,.3)}.hall-button.down.queued{box-shadow:inset 0 0 0 2px rgba(251,113,133,.65),0 12px 28px rgba(251,113,133,.3)}.panel-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(70px,1fr));justify-items:center}.cabin-panel{background:radial-gradient(circle at top,rgba(148,163,184,.18),rgba(15,23,42,.95) 70%);border:1px solid rgba(148,163,184,.25);border-radius:26px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 24px 55px rgba(2,6,23,.35);display:flex;flex:1 1 320px;flex-direction:column;gap:1.25rem;padding:2rem;position:relative}.cabin-panel:before{color:rgba(226,232,240,.55);content:"Cabin Panel";font-size:.75rem;left:50%;letter-spacing:.3em;position:absolute;text-transform:uppercase;top:1.2rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.panel-button{background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(30,64,175,.7));border:none;border-radius:20px;box-shadow:0 16px 32px rgba(2,6,23,.45);color:#f8fafc;cursor:pointer;font-size:1.2rem;font-weight:700;height:68px;transition:box-shadow .18s ease,background .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,-webkit-transform .18s ease;width:68px}.panel-button:hover:not(:disabled){box-shadow:0 22px 44px rgba(30,64,175,.45);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.panel-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;-webkit-transform:none;transform:none}.panel-button.queued{background:linear-gradient(145deg,rgba(56,189,248,.75),rgba(14,165,233,.7));box-shadow:0 20px 45px rgba(56,189,248,.45);color:#0f172a}.panel-button.current{background:linear-gradient(145deg,rgba(15,118,110,.85),rgba(45,212,191,.8));box-shadow:0 22px 48px rgba(16,185,129,.45),inset 0 0 0 2px rgba(34,211,238,.6);color:#022c22}button{font-family:inherit}.instructions{color:rgba(226,232,240,.8);font-size:.95rem;padding:1.5rem 2.25rem 0}.instructions p{color:#f8fafc;font-weight:600;margin:0 0 .35rem}.instructions ol{grid-gap:.5rem;display:grid;gap:.5rem;margin:0;padding-left:1.4rem}.instructions li{line-height:1.55}.door-visual{padding:1.25rem 1.75rem 0}.door-icon,.door-visual{display:flex;justify-content:center}.door-icon{align-items:flex-end;background:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.1),transparent 55%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.12),transparent 60%),linear-gradient(160deg,#0f172a,#1e293b 45%,#0b1120);border:none;border:1px solid rgba(148,163,184,.4);border-radius:30px;box-shadow:0 28px 55px rgba(15,23,42,.42);cursor:default;height:160px;overflow:hidden;padding-bottom:20px;position:relative;transition:box-shadow .22s ease,opacity .22s ease,-webkit-transform .22s ease;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease,-webkit-transform .22s ease;width:160px}.door-icon:not(:disabled):hover{box-shadow:0 26px 55px rgba(15,23,42,.42);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.door-icon:disabled{box-shadow:0 6px 18px rgba(30,41,59,.18);cursor:not-allowed;opacity:.55;-webkit-transform:none;transform:none}.door-panel{background:linear-gradient(160deg,rgba(226,232,240,.95),rgba(148,163,184,.92)),linear-gradient(45deg,hsla(0,0%,100%,.45),transparent 55%);border-radius:18px;bottom:28%;box-shadow:inset 0 0 0 1px rgba(71,85,105,.35),inset 0 10px 18px hsla(0,0%,100%,.22),inset 0 -18px 25px rgba(30,41,59,.45);position:absolute;top:16%;transition:-webkit-transform .55s ease;transition:transform .55s ease;transition:transform .55s ease,-webkit-transform .55s ease;width:40%}.door-panel:before{background:linear-gradient(180deg,hsla(0,0%,100%,.35),rgba(148,163,184,.1));border-radius:14px;content:"";inset:18% 28%;opacity:.9;position:absolute}.door-panel.left{left:12%}.door-panel.left,.door-panel.right{-webkit-transform:translateX(0);transform:translateX(0)}.door-panel.right{right:12%}.door-icon.open .door-panel.left{-webkit-transform:translateX(-78%);transform:translateX(-78%)}.door-icon.open .door-panel.right{-webkit-transform:translateX(78%);transform:translateX(78%)}.door-icon.open:before{background:radial-gradient(circle at 50% 45%,rgba(248,250,252,.4),rgba(15,23,42,.05));border-radius:55%/35%;-webkit-filter:blur(9px);filter:blur(9px);inset:32% 28% 20%;opacity:.75}.door-icon.open:before,.door-icon:after{content:"";pointer-events:none;position:absolute}.door-icon:after{border:1px solid rgba(148,163,184,.35);border-radius:26px;inset:10% 16% 20%;mix-blend-mode:screen}.door-icon-label{bottom:16px;color:rgba(226,232,240,.92);font-size:.78rem;font-weight:600;letter-spacing:.08em;pointer-events:none;position:absolute;text-transform:uppercase}@media (max-width:640px){.elevator-body{align-items:stretch;flex-direction:column}.floor-row{gap:.75rem}.cabin-panel{gap:1rem}}
/*# sourceMappingURL=main.4f19e553.css.map*/