:root{--c-bg: #0a0f1c;--c-bg-raised: #121a2c;--c-bg-panel: #18223a;--c-bg-inset: #0d1424;--c-border: #253352;--c-border-strong: #3a4d76;--c-text: #eef2f9;--c-text-muted: #9fadc6;--c-text-faint: #6b7a97;--c-gold: #d9a441;--c-gold-bright: #f2c66a;--c-sand: #c9a074;--c-green: #2f8f6a;--c-green-bright: #46bd8d;--c-red-sea: #1f6f8b;--c-ok: #3fb984;--c-warn: #e0a53c;--c-bad: #dd5f5f;--c-info: #5b9fd4;--c-perfect: #f2c66a;--c-great: #46bd8d;--c-good: #5b9fd4;--c-early: #b98ed4;--c-late: #d48e8e;--c-missed: #8a93a8;--font-ui: "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, sans-serif;--font-mono: "SF Mono", "Roboto Mono", ui-monospace, monospace;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--radius: .75rem;--radius-lg: 1.25rem;--radius-pill: 999px;--shadow-panel: 0 1.5rem 3rem rgba(0, 0, 0, .45);--shadow-raised: 0 .5rem 1.5rem rgba(0, 0, 0, .35);--transition: .18s cubic-bezier(.2, .8, .3, 1)}.high-contrast{--c-bg: #000000;--c-bg-raised: #0a0a0a;--c-bg-panel: #111111;--c-bg-inset: #000000;--c-border: #6a6a6a;--c-border-strong: #ffffff;--c-text: #ffffff;--c-text-muted: #e0e0e0;--c-text-faint: #b8b8b8;--c-gold: #ffd24a;--c-gold-bright: #ffe38a;--c-ok: #4dff9f;--c-warn: #ffc043;--c-bad: #ff6b6b}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0 0 var(--s-3);line-height:1.2}p{margin:0 0 var(--s-3);line-height:1.6}a{color:var(--c-gold-bright)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;font-size:1rem;padding:var(--s-3) var(--s-4);border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-bg-inset);color:var(--c-text);width:100%}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--c-gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-radius:var(--radius);background:var(--c-bg-panel);border:1px solid var(--c-border);color:var(--c-text);font-weight:600;transition:background var(--transition),border-color var(--transition);min-height:2.75rem}.btn:hover:not(:disabled){background:var(--c-bg-raised);border-color:var(--c-border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(160deg,var(--c-gold-bright),var(--c-gold));border-color:var(--c-gold);color:#1a1206}.btn--primary:hover:not(:disabled){background:var(--c-gold-bright)}.btn--danger{border-color:var(--c-bad);color:var(--c-bad)}.panel{background:var(--c-bg-panel);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow-panel)}.field{display:block;margin-bottom:var(--s-4)}.field>span{display:block;margin-bottom:var(--s-2);color:var(--c-text-muted);font-size:.875rem;font-weight:600}.status{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;border:1px solid currentColor}.status:before{font-family:var(--font-mono)}.status--ok{color:var(--c-ok)}.status--ok:before{content:"●"}.status--warn{color:var(--c-warn)}.status--warn:before{content:"▲"}.status--bad{color:var(--c-bad)}.status--bad:before{content:"■"}.status--idle{color:var(--c-text-faint)}.status--idle:before{content:"○"}.meter{height:.5rem;background:var(--c-bg-inset);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--c-border)}.meter__fill{height:100%;background:linear-gradient(90deg,var(--c-green),var(--c-green-bright));transition:width .12s linear}.meter__fill--low{background:linear-gradient(90deg,var(--c-bad),var(--c-warn))}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-bg-inset);color:var(--c-text-muted);font-size:.9375rem}.notice--error{border-color:var(--c-bad);color:var(--c-bad)}.notice--ok{border-color:var(--c-ok);color:var(--c-ok)}[hidden]{display:none!important}body{min-height:100dvh;background:radial-gradient(ellipse at 20% -10%,rgba(31,111,139,.18),transparent 55%),radial-gradient(ellipse at 90% 10%,rgba(217,164,65,.12),transparent 50%),var(--c-bg)}.page{max-width:68rem;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-7)}.page--narrow{max-width:30rem}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}.page-header h1{font-size:clamp(1.75rem,4vw,2.75rem);color:var(--c-gold-bright);margin:0}.page-header p{color:var(--c-text-muted);margin:var(--s-1) 0 0}.grid{display:grid;gap:var(--s-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.row{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}.section-title{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-faint);margin-bottom:var(--s-3);font-weight:700}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--s-2)}.choice{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) var(--s-2);border-radius:var(--radius);border:2px solid var(--c-border);background:var(--c-bg-inset);font-size:.8125rem;font-weight:600;text-align:center;min-height:4.5rem;justify-content:center}.choice[aria-pressed=true]{border-color:var(--c-gold);background:#d9a4411f}.choice__swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.25)}.cosmetic-note{font-size:.8125rem;color:var(--c-text-faint);margin-top:var(--s-2)}.seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--s-3)}.seat{padding:var(--s-3);border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-bg-inset)}.seat--empty{border-style:dashed;color:var(--c-text-faint)}.seat--ready{border-color:var(--c-ok)}.seat--reserved{border-color:var(--c-warn)}.seat__name{font-weight:700;margin-bottom:var(--s-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);font-size:.75rem;color:var(--c-text-muted)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:34rem}table.data th,table.data td{padding:var(--s-3);text-align:start;border-bottom:1px solid var(--c-border);white-space:nowrap}table.data th{color:var(--c-text-muted);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}table.data td{font-variant-numeric:tabular-nums}table.data tbody tr:nth-child(1) td{color:var(--c-gold-bright);font-weight:700}.tabs{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.tab{padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);border:1px solid var(--c-border);font-size:.875rem;font-weight:600;color:var(--c-text-muted)}.tab[aria-selected=true]{border-color:var(--c-gold);color:var(--c-gold-bright);background:#d9a4411a}.host-qr{position:relative;flex:0 0 auto;background:#fff;border:.25rem solid #fff;border-radius:1.15rem;padding:.45rem;width:min(16rem,100%);aspect-ratio:1;overflow:hidden;box-shadow:0 0 0 2px #f2c66ac7,0 1.25rem 2.75rem #00000052}.host-qr .qr-code{width:100%;height:100%;display:block;shape-rendering:crispEdges}.host-qr .qr-error{height:100%;display:grid;place-items:center;color:#8b1d1d;font-weight:700;text-align:center;padding:var(--s-3)}.host-qr[data-qr-state=loading]:after{content:"";position:absolute;inset:18%;border-radius:var(--radius);background:linear-gradient(110deg,#e9edf3 25%,#fff 42%,#e9edf3 58%);background-size:220% 100%;animation:qr-loading 1s linear infinite}@keyframes qr-loading{to{background-position:-220% 0}}.room-code{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;letter-spacing:.14em;color:var(--c-gold-bright)}.control-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--s-2)}.log{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;max-height:14rem;overflow-y:auto;background:var(--c-bg-inset);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--s-3);color:var(--c-text-muted);white-space:pre-wrap;word-break:break-word}.danger-zone{border-color:var(--c-bad)}.danger-zone .section-title{color:var(--c-bad)}.hero{text-align:center;padding:var(--s-7) var(--s-4)}.hero h1{font-size:clamp(2.5rem,9vw,5rem);color:var(--c-gold-bright);margin-bottom:var(--s-3)}.hero p{color:var(--c-text-muted);font-size:1.125rem;max-width:46ch;margin-inline:auto}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--s-3);margin-top:var(--s-6)}.link-card{display:block;padding:var(--s-5);border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-bg-panel);text-decoration:none;color:var(--c-text);transition:border-color var(--transition),transform var(--transition)}.link-card:hover{border-color:var(--c-gold);transform:translateY(-2px)}.link-card strong{display:block;font-family:var(--font-display);font-size:1.25rem;color:var(--c-gold-bright);margin-bottom:var(--s-2)}.link-card span{font-size:.875rem;color:var(--c-text-muted)}