:root{--navy:#0b1f3a;--navy-mid:#123a6b;--blue:#1a73e8;--yellow:#ffd400;--yellow-soft:#ffe566;--ink:#0b1f3a;--muted:#6b7a90;--sand:#fff;--fog:#eef2f8;--panel:#fffffff0;--panel-solid:#fff;--stroke:#0b1f3a1f;--danger:#e24a3b;--ok:#1f9d57;--shadow:0 18px 50px #0b1f3a38;--radius:22px;--font-display:"Barlow Condensed", Impact, sans-serif;--font-body:"Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--navy);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit}button{cursor:pointer}::-webkit-scrollbar{width:0;height:0}.setup-shell{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:radial-gradient(circle at 18% 18%,#ffd40029,#0000 40%),radial-gradient(circle at 86% 78%,#1a73e859,#0000 45%),linear-gradient(160deg,#0b1f3a 0%,#123a6b 55%,#1a73e8 100%);align-content:start;justify-items:center;height:100%;min-height:100%;padding:20px 24px 28px;display:grid;position:relative;overflow:hidden auto}.setup-pitch{opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 46px,#ffffff4d 46px 48px),repeating-linear-gradient(0deg,#0000 0 46px,#ffffff29 46px 48px);position:absolute;inset:0}.setup-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--panel-solid);width:min(640px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:28px;margin:auto 0;padding:28px 28px 24px;position:relative;overflow-y:auto}@media (orientation:landscape) and (height<=720px){.setup-shell{align-content:stretch;padding:12px 16px 16px}.setup-card{border-radius:18px;height:auto;min-height:0;max-height:none;padding:18px 20px 16px}.setup-card h1{margin-top:10px;font-size:1.7rem}.setup-lead{margin-bottom:12px;font-size:.92rem}.setup-steps{margin-bottom:12px}.scene-picker{max-height:none}}.setup-card h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--navy);margin:18px 0 8px;font-size:clamp(2rem,4vw,2.7rem)}.setup-lead{color:var(--muted);margin:0 0 22px;line-height:1.5}.setup-steps{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.setup-steps span{background:var(--fog);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:600}.setup-steps span.active{background:var(--navy);color:#fff}.setup-form{gap:14px;display:grid}.setup-form label{color:var(--navy);gap:6px;font-size:.9rem;font-weight:600;display:grid}.setup-form input[type=text],.setup-form input:not([type=checkbox]),.setup-form select{border:1px solid var(--stroke);background:#fff;border-radius:14px;height:48px;padding:0 14px}.scene-picker{gap:8px;display:grid}.scene-picker-title{color:var(--navy);margin:4px 0;font-weight:700}.setup-form button{color:#fff;background:#0b1f3a;border:0;border-radius:14px;height:50px;font-weight:700}.setup-form button.ghost{color:var(--navy);border:1px solid var(--stroke);background:0 0}.demo-grid{gap:10px;display:grid}.demo-chip{text-align:left;gap:4px;display:grid;height:auto!important;color:var(--navy)!important;border:1px solid var(--stroke)!important;background:#fff!important;padding:14px 16px!important}.demo-chip span{color:var(--muted);font-size:.9rem;font-weight:500}.facility-banner{color:#fff;background:linear-gradient(160deg,#0b1f3a 0%,#123a6b 55%,#1a73e8 100%);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.facility-banner span{opacity:.75;font-size:.9rem}.court-list{gap:10px;display:grid}.court-row{border:1px solid var(--stroke);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.court-row span{gap:2px;display:grid}.court-row em{color:var(--muted);font-size:.85rem;font-style:normal}.setup-msg{color:var(--navy-mid);margin:16px 0 0;font-weight:600}.kiosk-shell{height:100%;min-height:100vh;color:var(--sand);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.kiosk-bg{z-index:0;background:linear-gradient(160deg,#0b1f3a 0%,#123a6b 55%,#1a73e8 120%);position:absolute;inset:0}.pitch-lines{opacity:.12;background-image:radial-gradient(circle,#0000 0 18%,#ffd40040 19% 20%,#0000 21%),repeating-linear-gradient(90deg,#0000 0 64px,#ffffff29 64px 66px);position:absolute;inset:0}.glow-a,.glow-b{filter:blur(42px);border-radius:999px;position:absolute}.glow-a{background:#ffd40038;width:42vw;height:42vw;top:-10%;left:-8%}.glow-b{background:#1a73e873;width:36vw;height:36vw;bottom:-8%;right:-6%}.kiosk-top,.kiosk-main,.kiosk-foot{z-index:1;position:relative}.kiosk-top{justify-content:space-between;align-items:center;gap:18px;padding:22px 28px 8px;display:flex}.kiosk-title{flex:1;gap:2px;display:grid}.kiosk-title strong{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.4rem)}.kiosk-title span,.kiosk-foot{color:#ffffffb8}.kiosk-clock{text-align:right;justify-items:end;gap:8px;display:grid}.kiosk-clock em{font-style:normal;font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(1.8rem,3.4vw,2.8rem)}.kiosk-clock button{color:var(--sand);background:0 0;border:1px solid #ffffff47;border-radius:999px;padding:6px 12px;font-size:.8rem}.kiosk-main{grid-template-columns:1.55fr .72fr;gap:22px;min-height:0;padding:8px 28px 18px;display:grid}.kiosk-stage{background:#ffffff14;border:1px solid #ffffff24;border-radius:28px;grid-template-rows:1fr auto;min-height:0;display:grid;position:relative;overflow:hidden}.scene-wrap{-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding:20px 24px 8px;display:grid;overflow:hidden}.scene-swipe-zone{height:100%;min-height:0;overflow:hidden}.scroll-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;cursor:grab;height:100%;min-height:0;padding-right:6px;overflow:hidden auto}.scroll-panel:active{cursor:grabbing}.scene-with-scroll{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid}.scene-dots{justify-content:center;gap:10px;padding:0 0 18px;display:flex}.scene-dots button{background:#ffffff47;border:0;border-radius:999px;width:10px;height:10px;padding:0}.scene-dots button.on{background:var(--yellow);width:28px}.qr-panel{background:var(--panel-solid);color:var(--navy);box-shadow:var(--shadow);border-radius:28px;align-content:start;gap:18px;padding:24px 22px;display:grid}.qr-frame{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(140deg, var(--yellow), var(--blue)) border-box;border:3px solid #0000;border-radius:20px;place-items:center;padding:18px;display:grid}.qr-copy strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:2rem;display:block}.qr-copy p{color:var(--muted);margin:0;line-height:1.45}.kiosk-foot{justify-content:space-between;padding:0 28px 18px;font-size:.9rem;display:flex}.scene{align-content:start;gap:18px;height:100%;display:grid}.scene-head .eyebrow,.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--yellow);margin:0;font-size:.78rem;font-weight:700}.scene-head h2,.welcome-hero h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:6px 0 0;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:.95}.welcome-scene{place-content:center;min-height:100%;position:relative}.welcome-hero{z-index:1;max-width:720px;position:relative}.welcome-sub{color:#ffffffc7;margin:14px 0 0;font-size:1.15rem}.court-pills{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.court-pills span{background:#ffd40029;border:1px solid #ffd40073;border-radius:999px;padding:10px 14px;font-weight:600}.welcome-orb{filter:blur(2px);background:radial-gradient(circle at 30% 30%,#ffd4008c,#1a73e814);border-radius:40% 60% 55% 45%;width:min(280px,34vw);height:min(280px,34vw);position:absolute;top:12%;right:4%}.match-rail,.score-grid,.teams-grid,.slots-grid{gap:14px;display:grid}.match-rail{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.match-card,.score-card,.team-stat,.slot-board{background:#0b1f3a6b;border:1px solid #ffffff1f;border-radius:22px;padding:18px}.match-meta{color:#ffffffb3;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:.95rem;display:flex}.match-teams{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.match-teams>div{justify-items:center;gap:10px;display:grid}.match-teams strong,.score-side strong,.team-stat h3{font-size:1rem}.vs{font-family:var(--font-display);color:var(--yellow);font-size:1.6rem}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.slot-board h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px;font-size:1.6rem}.slot-rows{gap:8px;display:grid}.slot-rows-inline{max-height:none;overflow:visible}.slot-row{border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:600;display:flex}.slot-row.free{color:#b8f0c8;background:#1f9d5738}.slot-row.busy{color:#ffc9c2;background:#e24a3b2e}.score-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.score-top{color:#ffffffa6;justify-content:space-between;margin-bottom:14px;font-size:.9rem;display:flex}.score-body{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.score-side{text-align:center;justify-items:center;gap:8px;display:grid}.scoreline{font-family:var(--font-display);color:var(--yellow);align-items:baseline;gap:8px;font-size:2.6rem;display:flex}.scoreline i{color:#ffffff73;font-size:1.6rem;font-style:normal}.teams-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-stat{text-align:center;justify-items:center;gap:12px;display:grid}.team-stat h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.5rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.stat-row div{gap:2px;display:grid}.stat-row strong{font-family:var(--font-display);color:var(--yellow);font-size:1.5rem}.stat-row span{color:#ffffffa6;font-size:.8rem}.booking-layout{grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-top:8px;display:grid}.booking-qr{background:#fff;border-radius:24px;padding:22px;box-shadow:0 0 0 4px #ffd40073}.booking-copy ol{gap:14px;margin:0;padding-left:1.2rem;font-size:1.25rem;line-height:1.4;display:grid}.booking-url{color:var(--yellow-soft);word-break:break-all;background:#0b1f3a73;border-radius:12px;margin:22px 0 0;padding:12px 14px;font-size:.95rem}.leader-list{gap:10px;padding-bottom:8px;display:grid}.leader-row{background:#0b1f3a6b;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:48px auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.leader-row .rank{font-family:var(--font-display);color:var(--yellow);font-size:1.4rem}.leader-row strong{font-size:1.05rem}.leader-row em{color:#ffffffb3;text-align:right;font-style:normal;font-weight:600}.scorer-row{grid-template-columns:48px 52px 1fr auto}.player-avatar{width:52px;height:52px;font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(145deg,#0b1f3a,#1a73e8);border:2px solid #ffd40073;border-radius:14px;place-items:center;font-weight:800;display:grid}.empty-board{z-index:1;text-align:center;place-content:center;justify-items:center;gap:12px;height:100%;padding:32px;display:grid;position:relative}.empty-board h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:2.4rem}.empty-board p{color:#ffffffb3;margin:0}.empty-board button{background:var(--yellow);height:46px;color:var(--navy);border:0;border-radius:12px;margin-top:8px;padding:0 18px;font-weight:700}@media (width<=980px){.kiosk-main{grid-template-columns:1fr}.qr-panel{order:-1;grid-template-columns:auto 1fr;align-items:center}}@media (width<=640px){.kiosk-top{flex-wrap:wrap}.qr-panel,.booking-layout{grid-template-columns:1fr}}