:root{--u:1vw;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--card:#131c30;--line:#223050;--text:#f2f5fb;--muted:#8fa0c0;--free:#2fbf71;--busy:#e5484d;--clean:#f5a524}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.stage{position:fixed;inset:0;overflow:hidden}.stage.rotate{transform-origin:0 0;width:100vh;height:100vw;inset:0 auto auto 0;transform:translate(100vw)rotate(90deg)}.screen{height:100%;padding:calc(2 * var(--u));gap:calc(1.5 * var(--u));background:var(--bg);background:color-mix(in srgb, var(--brand,#0b1220) 14%, #05080f);flex-direction:column;display:flex}.header{background:var(--brand,transparent);margin:calc(-2 * var(--u)) calc(-2 * var(--u)) 0;padding:calc(1.2 * var(--u)) calc(2 * var(--u));justify-content:space-between;align-items:center;display:flex}.logo{height:calc(5.5 * var(--u));width:auto;margin-bottom:calc(.6 * var(--u));display:block}.header h1{font-size:calc(3.2 * var(--u));margin:0}.header .date{color:var(--muted);font-size:calc(1.6 * var(--u))}.header .date:first-letter{text-transform:uppercase}.clock{font-size:calc(5 * var(--u));font-variant-numeric:tabular-nums;font-weight:700}.body{gap:calc(1.5 * var(--u));flex:1;min-height:0;display:flex}.panel{gap:calc(1.2 * var(--u));flex:1;grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:calc(1 * var(--u));padding:calc(1.4 * var(--u));overflow:hidden}.card h2{margin:0 0 calc(1 * var(--u));font-size:calc(2.2 * var(--u))}.label{color:var(--accent,var(--muted));font-size:calc(1.2 * var(--u));letter-spacing:.12em;text-transform:uppercase;margin:calc(1 * var(--u)) 0 calc(.4 * var(--u))}.booking{font-size:calc(1.9 * var(--u));margin:calc(.4 * var(--u)) 0}.booking .time{font-variant-numeric:tabular-nums;color:var(--muted);margin-right:calc(.8 * var(--u));white-space:nowrap}.booking .meta{font-size:calc(1.4 * var(--u));color:var(--muted);display:block}.none{color:var(--muted);font-style:italic;font-size:calc(1.6 * var(--u))}.lockers{grid-template-columns:repeat(auto-fill, minmax(calc(10 * var(--u)), 1fr));gap:calc(1 * var(--u));align-content:start;display:grid}.locker{border-radius:calc(1 * var(--u));padding:calc(1.2 * var(--u));text-align:center;border:2px solid var(--line);background:var(--card)}.locker b{font-size:calc(4 * var(--u));display:block}.locker span{font-size:calc(1.4 * var(--u))}.locker.free{border-color:var(--free)}.locker.occupied{border-color:var(--busy)}.locker.cleaning{border-color:var(--clean)}.event{text-align:center;font-size:calc(6 * var(--u));flex:1;place-items:center;font-weight:700;display:grid}.banner{background:var(--clean);color:#1a1205;font-size:calc(2 * var(--u));padding:calc(.8 * var(--u)) calc(1.4 * var(--u));border-radius:calc(.8 * var(--u));font-weight:600}.status{right:calc(1 * var(--u));bottom:calc(.6 * var(--u));font-size:calc(1 * var(--u));color:var(--muted);position:absolute}.fullmsg{height:100vh;font-size:calc(2.4 * var(--u));color:var(--muted);text-align:center;padding:calc(4 * var(--u));place-items:center;display:grid}.body.mode-split .panel{flex:3;grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;align-content:start}.body.mode-split .lockers{flex:1;grid-template-columns:repeat(2,1fr)}.body.mode-split .locker b{font-size:calc(3 * var(--u))}.body.mode-lockers .lockers{grid-template-columns:repeat(auto-fill, minmax(calc(18 * var(--u)), 1fr))}.body.mode-lockers .locker b{font-size:calc(8 * var(--u))}.body.mode-lockers .locker span{font-size:calc(2.4 * var(--u))}.panel.dense{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-auto-columns:auto;grid-auto-flow:row}.panel.dense .card{padding:calc(1 * var(--u)) calc(1.2 * var(--u))}.panel.dense h2{font-size:calc(1.8 * var(--u));margin-bottom:calc(.4 * var(--u))}.panel.dense .label{font-size:calc(.95 * var(--u));margin:calc(.6 * var(--u)) 0 calc(.2 * var(--u))}.panel.dense .booking{font-size:calc(1.45 * var(--u));margin:calc(.2 * var(--u)) 0}.panel.dense .booking .meta{font-size:calc(1.1 * var(--u))}.panel.dense .none{font-size:calc(1.3 * var(--u))}.body.mode-split .panel.dense{grid-template-columns:repeat(2,1fr)}.locker .who{font-size:calc(1.5 * var(--u));margin-top:calc(.5 * var(--u));line-height:1.2}.locker .who.next{color:var(--muted);font-size:calc(1.3 * var(--u))}.body.mode-split .locker .who{display:none}.portrait .body{flex-direction:column}.portrait .panel{grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;align-content:start}.portrait .panel.dense,.portrait .body.mode-split .panel.dense{grid-template-columns:repeat(2,1fr)}.portrait .body.mode-split .panel{flex:3;grid-template-columns:1fr}.portrait .lockers{grid-template-columns:repeat(auto-fill, minmax(calc(16 * var(--u)), 1fr))}.portrait .body.mode-split .lockers{flex:none;grid-template-columns:repeat(3,1fr)}.portrait .body.mode-lockers .lockers{grid-template-columns:repeat(2,1fr)}.portrait .body.mode-lockers .locker b{font-size:calc(6 * var(--u))}.portrait .clock{font-size:calc(4.2 * var(--u))}.portrait .logo{height:calc(5 * var(--u))}.panel.compact .booking .meta{display:none}.panel.compact .card{padding:calc(.8 * var(--u)) calc(1.1 * var(--u))}.panel.compact h2{font-size:calc(1.6 * var(--u));margin-bottom:calc(.2 * var(--u))}.panel.compact .label{margin:calc(.4 * var(--u)) 0 calc(.1 * var(--u))}.panel.compact .booking{font-size:calc(1.35 * var(--u));margin:calc(.1 * var(--u)) 0}.lockers-wrap{gap:calc(1 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.section{font-size:calc(2.2 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.card.closed{border-color:var(--busy)}.closed-note{gap:calc(.6 * var(--u));padding-top:calc(1 * var(--u));flex-direction:column;display:flex}.closed-note b{font-size:calc(3.6 * var(--u));color:var(--busy);letter-spacing:.06em;text-transform:uppercase}.closed-note span{font-size:calc(2 * var(--u))}.closed-note .muted{color:var(--muted);font-size:calc(1.6 * var(--u))}.panel.dense .closed-note b{font-size:calc(2.6 * var(--u))}.panel.dense .closed-note span{font-size:calc(1.4 * var(--u))}.slides{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.slides img{object-fit:contain;border-radius:calc(1 * var(--u));max-width:100%;max-height:100%}