:root{--opd-teal:#0f766e;--opd-teal-light:#14b8a6;--opd-teal-deep:#064e3b;--opd-teal-rgb:15,118,110;--opd-amber:#f59e0b;--opd-amber-light:#fbbf24;--opd-green:#22c55e;--opd-green-light:#4ade80;--opd-red:#ef4444;--opd-red-light:#f87171;--opd-surface:rgba(15, 23, 42, 0.62);--opd-border:rgba(148, 163, 184, 0.14);--opd-text:#f8fafc;--opd-muted:#94a3b8;--opd-radius:20px;--opd-font:"Outfit","Noto Sans Devanagari",-apple-system,BlinkMacSystemFont,sans-serif}*,::after,::before{box-sizing:border-box}body,html{height:100%;margin:0}html{color-scheme:dark}body{font-family:var(--opd-font);background:#020617;color:var(--opd-text);overflow:hidden}.opd-display{height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate}.opd-display__bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 120% 80% at 10% -20%,rgba(var(--opd-teal-rgb),.22),transparent 50%),radial-gradient(ellipse 90% 60% at 100% 100%,rgba(20,184,166,.12),transparent 45%),linear-gradient(155deg,#020617 0,#0f172a 42%,#0c1220 100%)}.opd-display__orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.5;z-index:-1;pointer-events:none;animation:20s ease-in-out infinite opd-orb-float}.opd-display__orb--1{width:min(50vw,480px);height:min(50vw,480px);top:-15%;left:-5%;background:radial-gradient(circle,rgba(var(--opd-teal-rgb),.45),transparent 68%)}.opd-display__orb--2{width:min(40vw,380px);height:min(40vw,380px);bottom:-12%;right:-4%;background:radial-gradient(circle,rgba(20,184,166,.35),transparent 70%);animation-delay:-7s}.opd-display__orb--3{width:min(28vw,260px);height:min(28vw,260px);top:45%;left:42%;background:radial-gradient(circle,rgba(245,158,11,.12),transparent 70%);animation-delay:-14s}@keyframes opd-orb-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(1.5%,2%) scale(1.04)}}.opd-display__bg-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 95% 85% at 50% 25%,black,transparent)}.opd-display__inner{flex:1;display:flex;flex-direction:column;padding:clamp(10px,1.6vw,22px) clamp(14px,2.2vw,32px);max-width:1920px;width:100%;margin:0 auto;min-height:0}.opd-display__ticker{flex-shrink:0;position:relative;overflow:hidden;margin-bottom:clamp(8px,1.2vw,14px);border-radius:14px;background:linear-gradient(90deg,rgba(var(--opd-teal-rgb),.35),rgba(20,184,166,.18));border:1px solid rgba(45,212,191,.28);box-shadow:0 4px 24px rgba(var(--opd-teal-rgb),.15)}.opd-display__ticker::after,.opd-display__ticker::before{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.opd-display__ticker::before{left:0;background:linear-gradient(90deg,rgba(2,6,23,.92),transparent)}.opd-display__ticker::after{right:0;background:linear-gradient(270deg,rgba(2,6,23,.92),transparent)}.opd-display__ticker-row{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:46px}.opd-display__ticker-icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#5eead4}.opd-display__ticker-icon svg{width:18px;height:18px}.opd-display__ticker-track{flex:1;overflow:hidden;min-width:0}.opd-display__ticker-inner{display:inline-block;white-space:nowrap;padding-left:100%;animation:36s linear infinite opd-ticker;font-size:clamp(.95rem, 1.5vw, 1.1rem);font-weight:600;color:#ccfbf1;letter-spacing:.01em}.opd-display__ticker.is-static .opd-display__ticker-inner{animation:none;padding-left:0;white-space:normal;display:block}@keyframes opd-ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.opd-display__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(10px,1.5vw,16px);padding:clamp(12px,1.6vw,18px) clamp(14px,2vw,22px);border-radius:var(--opd-radius);background:rgba(255,255,255,.04);border:1px solid var(--opd-border);backdrop-filter:blur(18px);box-shadow:0 8px 32px rgba(0,0,0,.22)}.opd-display__brand{display:flex;align-items:center;gap:clamp(12px,1.4vw,16px);min-width:0}.opd-display__logo{width:clamp(50px,5vw,64px);height:clamp(50px,5vw,64px);border-radius:16px;object-fit:contain;background:#fff;padding:6px;box-shadow:0 6px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08);flex-shrink:0}.opd-display__logo--placeholder{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--opd-teal);background:linear-gradient(145deg,#f0fdfa,#ccfbf1)}.opd-display__brand-text{min-width:0}.opd-display__brand-text h1{margin:0;font-size:clamp(1.35rem, 2.4vw, 2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,#fff 0,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.opd-display__subtitle{margin:4px 0 0;font-size:clamp(.68rem, 1.1vw, .82rem);color:#5eead4;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.opd-display__meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.opd-display__theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--opd-border);background:rgba(255,255,255,.06);color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .2s,border-color .2s,transform .15s}.opd-display__theme-toggle:hover{background:rgba(255,255,255,.1);color:#fff}.opd-display__theme-toggle svg{width:18px;height:18px}.opd-display__theme-toggle .icon-moon,html.theme-light .opd-display__theme-toggle .icon-sun{display:none}html.theme-light .opd-display__theme-toggle .icon-moon{display:block}.opd-display__live{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(var(--opd-teal-rgb),.18);border:1px solid rgba(45,212,191,.35);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5eead4}.opd-display__live-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 10px rgba(45,212,191,.8);animation:2.2s infinite opd-pulse}@keyframes opd-pulse{0%{box-shadow:0 0 0 0 rgba(45,212,191,.55)}70%{box-shadow:0 0 0 10px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}.opd-display__clock-box{padding:8px 14px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid var(--opd-border)}.opd-display__date{font-size:.68rem;color:var(--opd-muted);font-weight:600;margin-bottom:6px;text-align:center}.opd-display__clocks{display:flex;align-items:center;gap:12px}.opd-display__analogue-clock{flex-shrink:0;width:clamp(58px,5.5vw,76px);height:clamp(58px,5.5vw,76px);border:3px solid rgba(45,212,191,.45);border-radius:50%;position:relative;padding:5px;background:rgba(15,23,42,.6);box-shadow:0 2px 14px rgba(0,0,0,.28)}.opd-display__analogue-face{position:relative;width:100%;height:100%;border-radius:50%}.opd-display__analogue-num{position:absolute;font-size:clamp(.42rem, .9vw, .55rem);font-weight:800;color:#94a3b8;transform:translate(-50%,-50%);line-height:1;z-index:2;pointer-events:none}.opd-display__analogue-num--12{top:16%;left:50%}.opd-display__analogue-num--3{top:50%;left:88%}.opd-display__analogue-num--6{top:88%;left:50%}.opd-display__analogue-num--9{top:50%;left:12%}.opd-display__analogue-hand{width:50%;position:absolute;top:50%;left:0;transform-origin:100% 50%;transform:rotate(90deg);border-radius:2px;transition:transform 50ms cubic-bezier(0.1,2.7,0.58,1)}.opd-display__analogue-hand--hour{height:3px;margin-top:-1.5px;background:#f1f5f9;z-index:3}.opd-display__analogue-hand--minute{height:2px;margin-top:-1px;background:#e2e8f0;z-index:4}.opd-display__analogue-hand--second{height:1px;margin-top:-.5px;background:#2dd4bf;z-index:5}.opd-display__analogue-center-cap{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#2dd4bf;border:1px solid #0f766e;z-index:6}.opd-display__digital{text-align:left;min-width:0}.opd-display__clock{font-size:clamp(1.15rem, 1.9vw, 1.55rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#f1f5f9;line-height:1.1;white-space:nowrap}.opd-display__clock-ampm{margin-top:2px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5eead4}.opd-display__stats{flex-shrink:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px);margin-top:clamp(10px,1.4vw,16px);margin-bottom:clamp(6px,.8vw,10px)}.opd-display__stat{display:flex;align-items:center;gap:12px;padding:clamp(10px,1.3vw,14px) clamp(12px,1.6vw,18px);border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--opd-border);backdrop-filter:blur(8px)}.opd-display__stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.opd-display__stat-icon svg{width:20px;height:20px}.opd-display__stat--waiting .opd-display__stat-icon{background:rgba(245,158,11,.14);color:var(--opd-amber-light)}.opd-display__stat--free .opd-display__stat-icon{background:rgba(34,197,94,.14);color:var(--opd-green-light)}.opd-display__stat--busy .opd-display__stat-icon{background:rgba(239,68,68,.14);color:var(--opd-red-light)}.opd-display__stat-body span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--opd-muted);margin-bottom:2px}.opd-display__stat-body strong{font-size:clamp(1.5rem, 2.6vw, 2.1rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.opd-display__stat--waiting strong{color:var(--opd-amber-light)}.opd-display__stat--free strong{color:var(--opd-green-light)}.opd-display__stat--busy strong{color:var(--opd-red-light)}.opd-display__board-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(8px,1vw,12px);padding:0 4px}.opd-display__board-title{margin:0;font-size:clamp(.75rem, 1.1vw, .88rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--opd-muted)}.opd-display__board-hint{font-size:.72rem;color:#64748b;font-weight:500}.opd-display__grid-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.opd-display__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));grid-auto-rows:1fr;gap:clamp(10px,1.4vw,16px);align-content:stretch;min-height:0}.opd-display__room{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;padding:clamp(14px,1.8vw,24px);text-align:center;overflow:hidden;min-height:clamp(150px,20vh,260px);min-width:0;max-width:100%;border:1px solid var(--opd-border);background:var(--opd-surface);backdrop-filter:blur(14px);animation:.4s backwards opd-card-in}.opd-display__room:first-child{animation-delay:40ms}.opd-display__room:nth-child(2){animation-delay:80ms}.opd-display__room:nth-child(3){animation-delay:.12s}.opd-display__room:nth-child(4){animation-delay:.16s}@keyframes opd-card-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.opd-display__room-glow{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s}.opd-display__room.is-free .opd-display__room-glow{background:radial-gradient(ellipse 85% 65% at 50% 110%,rgba(34,197,94,.14),transparent 70%);opacity:1}.opd-display__room.is-engaged .opd-display__room-glow{background:radial-gradient(ellipse 85% 65% at 50% 110%,rgba(245,158,11,.16),transparent 70%);opacity:1}.opd-display__room::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:22px 22px 0 0}.opd-display__room.is-free{border-color:rgba(34,197,94,.28)}.opd-display__room.is-free::before{background:linear-gradient(90deg,#16a34a,var(--opd-green-light),#16a34a)}.opd-display__room.is-engaged{border-color:rgba(245,158,11,.38);animation:.4s backwards opd-card-in,3s ease-in-out infinite opd-room-pulse}.opd-display__room.is-engaged::before{background:linear-gradient(90deg,#d97706,var(--opd-amber-light),#d97706)}@keyframes opd-room-pulse{0%,100%{box-shadow:0 8px 32px rgba(245,158,11,.12)}50%{box-shadow:0 12px 40px rgba(245,158,11,.22)}}.opd-display__room-icon{position:relative;z-index:1;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:rgba(255,255,255,.05);border:1px solid var(--opd-border)}.opd-display__room.is-free .opd-display__room-icon{color:var(--opd-green-light)}.opd-display__room.is-engaged .opd-display__room-icon{color:var(--opd-amber-light)}.opd-display__room-icon svg{width:22px;height:22px}.opd-display__room-name{position:relative;z-index:1;font-size:clamp(.9rem, 1.5vw, 1.05rem);font-weight:700;color:#cbd5e1;margin-bottom:8px;letter-spacing:.03em}.opd-display__badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:clamp(.68rem, 1vw, .78rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.opd-display__room.is-free .opd-display__badge{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.3)}.opd-display__room.is-engaged .opd-display__badge{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.opd-display__badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.opd-display__room.is-engaged .opd-display__badge-dot{animation:2s infinite opd-pulse}.opd-display__state-label{position:relative;z-index:1;margin:0;font-size:clamp(1.35rem, 3vw, 2.2rem);font-weight:800;letter-spacing:.04em;line-height:1.1}.opd-display__room.is-free .opd-display__state-label{color:var(--opd-green-light);font-size:clamp(1.1rem, 2.2vw, 1.65rem);font-weight:700;letter-spacing:.02em;text-transform:none}.opd-display__room.is-engaged .opd-display__state-label{color:transparent;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.opd-display__token-wrap{position:relative;z-index:1;margin-top:4px;max-width:100%;width:100%}.opd-display__token-ring{display:inline-flex;flex-direction:column;align-items:center;padding:12px 24px;border-radius:18px;background:rgba(0,0,0,.28);border:2px solid rgba(251,191,36,.38);box-shadow:0 0 28px rgba(251,191,36,.12);max-width:100%;box-sizing:border-box}.opd-display__token-label{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--opd-muted);margin-bottom:2px}.opd-display__token{font-size:clamp(2rem, 4.5vw, 3.25rem);font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#fff7ed 0,var(--opd-amber-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.opd-display__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border-radius:22px;border:1px dashed rgba(148,163,184,.22);color:var(--opd-muted);font-size:1rem;min-height:180px}.opd-display__empty svg{width:44px;height:44px;margin-bottom:14px;opacity:.45;color:var(--opd-teal-light)}.opd-display__footer{flex-shrink:0;margin-top:clamp(8px,1.2vw,14px);padding:clamp(8px,1vw,12px) 4px;border-top:1px solid var(--opd-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;color:#64748b}.opd-display__footer strong{color:#94a3b8;font-weight:600}.opd-display__footer-brand{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-weight:600}.opd-display__footer-brand mark{background:0 0;color:#5eead4;font-weight:800;padding:0}.opd-display__footer-sync{display:inline-flex;align-items:center;gap:6px}.opd-display__footer-sync svg{width:13px;height:13px;opacity:.55;animation:5s linear infinite opd-spin}@keyframes opd-spin{to{transform:rotate(360deg)}}body.lang-hi .opd-display__board-title,body.lang-hi .opd-display__state-label{font-family:"Noto Sans Devanagari",Outfit,sans-serif}html.theme-light{color-scheme:light}html.theme-light body{background:#e8eef4;color:#0f172a}html.theme-light .opd-display__bg{background:radial-gradient(ellipse 100% 70% at 0 0,rgba(var(--opd-teal-rgb),.08),transparent 50%),linear-gradient(155deg,#f8fafc 0,#eef2f7 50%,#e2e8f0 100%)}html.theme-light .opd-display__orb{opacity:.35}html.theme-light .opd-display__bg-grid{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}html.theme-light .opd-display__ticker{background:linear-gradient(90deg,rgba(204,251,241,.95),rgba(240,253,250,.9));border-color:rgba(var(--opd-teal-rgb),.22)}html.theme-light .opd-display__ticker::before{background:linear-gradient(90deg,rgba(240,253,250,.98),transparent)}html.theme-light .opd-display__ticker::after{background:linear-gradient(270deg,rgba(240,253,250,.98),transparent)}html.theme-light .opd-display__ticker-inner{color:var(--opd-teal-deep)}html.theme-light .opd-display__ticker-icon{color:var(--opd-teal);background:rgba(var(--opd-teal-rgb),.1)}html.theme-light .opd-display__header{background:rgba(255,255,255,.9);border-color:rgba(148,163,184,.28);box-shadow:0 8px 28px rgba(15,23,42,.06)}html.theme-light .opd-display__brand-text h1{background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;background-clip:text}html.theme-light .opd-display__subtitle{color:var(--opd-teal)}html.theme-light .opd-display__live{background:rgba(var(--opd-teal-rgb),.1);border-color:rgba(var(--opd-teal-rgb),.25);color:var(--opd-teal)}html.theme-light .opd-display__clock-box{background:rgba(15,23,42,.04)}html.theme-light .opd-display__date{color:#64748b}html.theme-light .opd-display__clock{color:#0f172a}html.theme-light .opd-display__clock-ampm{color:var(--opd-teal)}html.theme-light .opd-display__analogue-clock{background:rgba(255,255,255,.95);border-color:rgba(var(--opd-teal-rgb),.35);box-shadow:0 2px 12px rgba(15,23,42,.08)}html.theme-light .opd-display__analogue-num{color:#64748b}html.theme-light .opd-display__analogue-hand--hour{background:#0f172a}html.theme-light .opd-display__analogue-hand--minute{background:#334155}html.theme-light .opd-display__analogue-hand--second{background:var(--opd-teal)}html.theme-light .opd-display__analogue-center-cap{background:var(--opd-teal);border-color:var(--opd-teal-deep)}html.theme-light .opd-display__stat{background:rgba(255,255,255,.88);border-color:rgba(148,163,184,.22)}html.theme-light .opd-display__room{background:rgba(255,255,255,.92);border-color:rgba(148,163,184,.22)}html.theme-light .opd-display__room-name{color:#475569}html.theme-light .opd-display__token-ring{background:rgba(255,255,255,.85)}html.theme-light .opd-display__empty{background:rgba(255,255,255,.65)}html.theme-light .opd-display__footer{border-top-color:rgba(148,163,184,.22)}html.theme-light .opd-display__footer-brand mark{color:var(--opd-teal)}@media (max-width:767px){body{overflow-y:auto}.opd-display{height:auto;min-height:100dvh;overflow:visible}.opd-display__header{flex-direction:column;align-items:stretch}.opd-display__meta{justify-content:space-between;flex-wrap:wrap}.opd-display__live{display:none}.opd-display__stats{grid-template-columns:1fr}.opd-display__grid{grid-auto-rows:auto}}@media (max-height:820px){.opd-display__room{min-height:clamp(120px,17vh,190px);padding:12px 14px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}