@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Josefin+Sans:wght@300;400;500;600;700&display=swap";:root{color-scheme:light;--bg-top: #dff9f6;--bg-bottom: #a7f3d0;--glass: rgba(255, 255, 255, .74);--glass-border: rgba(15, 118, 110, .18);--text: #134e4a;--text-soft: rgba(19, 78, 74, .74);--primary: #0f766e;--accent: #0369a1;--accent-soft: rgba(3, 105, 161, .1);--lane-line: rgba(255, 255, 255, .75);--danger: #be123c;--shadow: 0 24px 80px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html{font-size:55%}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Josefin Sans,sans-serif;color:var(--text)}body{background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));font-family:Josefin Sans,sans-serif}body.viewer-embed{background:radial-gradient(circle at top,rgba(34,211,238,.08),transparent 26%),linear-gradient(180deg,#08111f,#071524);--glass: rgba(7, 18, 34, .84);--glass-border: rgba(56, 189, 248, .2);--text: #e2f7ff;--text-soft: rgba(207, 250, 254, .7);--primary: #22d3ee;--accent: #0ea5e9;--accent-soft: rgba(14, 165, 233, .16);--shadow: 0 24px 80px rgba(2, 6, 23, .42)}button,input{font:inherit}button{cursor:pointer}#scene{width:100%;height:100%;display:block}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.topbar,.left-panel,.right-panel,.bottom-panel{position:absolute;z-index:10}body.viewer-embed .left-panel,body.viewer-embed .bottom-panel{display:none}body.viewer-embed .topbar{top:14px;left:14px;right:14px;padding:14px 18px;border-radius:2px}body.viewer-embed .right-panel{top:92px;right:14px;width:min(34rem,calc(100vw - 28px));max-height:calc(100vh - 110px);border-radius:2px}body.viewer-embed .eyebrow,body.viewer-embed h1{display:none}body.viewer-embed .status-cluster{width:100%;justify-content:space-between}body.viewer-embed .metric-card{background:#081224c7;border-color:#38bdf82e;border-radius:2px}body.viewer-embed .glass{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px #38bdf824,0 18px 44px #0006}body.viewer-embed .fleet-card,body.viewer-embed .metric-card,body.viewer-embed .badge,body.viewer-embed .room-card,body.viewer-embed .room-filter-chip,body.viewer-embed .camera-button,body.viewer-embed .primary-button{border-radius:2px}body.viewer-embed .fleet-card,body.viewer-embed .room-card,body.viewer-embed .camera-button{background:#08101ae6}body.viewer-embed .primary-button{background:linear-gradient(135deg,#0ea5e92e,#082f49eb);border:1px solid rgba(56,189,248,.42)}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,#ffffff29,#0369a12e,#0f172a14);transition:opacity .22s ease-out}.start-overlay.is-hidden{opacity:0}.start-overlay:not(.is-hidden){opacity:1}.start-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 42px;border-radius:36px;background:#ffffffd1;border:1px solid rgba(15,118,110,.14);box-shadow:0 28px 90px #0f172a2e}.start-overlay-label{margin:0;text-transform:uppercase;letter-spacing:.22em;color:var(--text-soft);font-size:.9rem}#start-overlay-value{font-family:Cinzel,serif;font-size:clamp(4rem,11vw,8rem);letter-spacing:.06em;color:var(--primary);line-height:1}.topbar{top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-radius:24px;padding:18px 24px}.topbar h1,.left-panel h2,.right-panel h2,.bottom-panel h2{margin:0;font-family:Josefin Sans,sans-serif;font-weight:700;letter-spacing:.02em;white-space:nowrap}.topbar h1{font-size:clamp(1.3rem,2vw,2rem)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;color:var(--text-soft)}.status-cluster{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.metric-card{min-width:110px;padding:10px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(20,184,166,.16)}.lang-toggle{border:none;text-align:left}.metric-card span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);white-space:nowrap}.metric-card strong{display:block;margin-top:4px;font-size:1.1rem;white-space:nowrap}.left-panel,.right-panel{top:120px;width:min(44rem,calc(100vw - 36px));border-radius:26px;padding:20px}.left-panel{left:18px}.right-panel{right:18px;max-height:calc(100vh - 16rem);overflow:auto}.bottom-panel{left:18px;right:auto;bottom:18px;width:min(52rem,calc(100vw - 36px));border-radius:28px;padding:8px 12px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}.panel-title-row>span{white-space:nowrap}.compact-row{margin-bottom:10px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.field span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.field input{min-height:44px;border-radius:16px;border:1px solid rgba(15,118,110,.16);padding:0 14px;background:#ffffffe0;color:var(--text);width:100%}.room-picker{display:grid;gap:8px;max-height:14rem;overflow:auto;margin-bottom:12px;padding-right:4px}.room-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.room-filter-chip{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(15,118,110,.14);background:#ffffffc7;color:var(--text-soft);font-size:.72rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .16s ease-out,color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}.room-filter-chip:hover,.room-filter-chip.is-active{transform:translateY(-1px);border-color:#0369a152;background:#0f766ee6;color:#fff}.room-card{display:grid;gap:8px;padding:10px 12px;border-radius:16px;border:1px solid rgba(15,118,110,.12);background:#ffffffa8;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.room-card:hover,.room-card.is-selected{transform:translateY(-1px);border-color:#0369a170;box-shadow:0 0 0 2px #0e74901f}.room-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem}.room-card-title-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.room-card-title strong{font-size:.92rem}.room-distance-tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:#0ea5e924;color:#0369a1;font-size:.68rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}.room-card-sub,.room-card-code{font-size:.72rem;color:var(--text-soft)}.room-card-sub{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.camera-button{min-height:46px;border:none;border-radius:16px;transition:transform .18s ease-out,background .18s ease-out,color .18s ease-out}.primary-button{width:100%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.primary-button:hover,.camera-button:hover{transform:translateY(-1px)}.primary-button:disabled{background:linear-gradient(135deg,#94a3b8e0,#64748be0);color:#ffffffeb;border:1px solid rgba(148,163,184,.42);cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.75)}.camera-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.camera-button{background:#ffffffd6;color:var(--text);border:1px solid rgba(15,118,110,.1)}.camera-button.is-active{background:#0f766eeb;color:#fff}.helper-text,#boat-detail{line-height:1.4;color:var(--text-soft);font-size:.95rem}.divider{height:1px;background:#0f766e1f;margin:18px 0}.divider.compact{margin:16px 0 14px}.leaderboard,.event-feed{margin:0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(15,118,110,.08);cursor:pointer;transition:transform .18s ease-out,background .18s ease-out;border-radius:14px}.leaderboard li:last-child,.event-feed li:last-child{border-bottom:none}.leaderboard li:hover,.leaderboard li.is-selected{transform:translate(-2px);background:#0f766e0f}.rank-pill{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#0f766e24;color:var(--primary);font-weight:700}.leader-main{display:flex;flex-direction:column;gap:4px}.leader-main strong{font-size:.98rem}.leader-title-row{display:flex;align-items:center;gap:10px}.boat-color-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px #fffc}.leader-sub{font-size:.76rem;color:var(--text-soft);white-space:nowrap}.event-feed li{padding:4px 0;border-bottom:1px solid rgba(15,118,110,.08)}.event-type{display:inline-block;margin-right:10px;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.panel-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:10px;align-items:start}.fleet-list{display:grid;gap:10px;max-height:calc(100vh - 26rem);overflow:auto;padding-right:4px;align-content:start}.fleet-card{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:9px 11px;width:100%;border-radius:18px;border:1px solid rgba(15,118,110,.09);background:#ffffffb8;color:var(--text);text-align:left;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.fleet-card:hover,.fleet-card.is-selected{transform:translateY(-1px);border-color:#0369a180;box-shadow:0 0 0 2px #0e74902e,0 16px 28px #0e74901f;background:#def7ffeb}.fleet-card.is-selected .fleet-state{background:#0f766ee6;color:#fff}.fleet-card.is-selected .fleet-name strong{color:var(--primary)}.fleet-rank{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:.04em}.fleet-main{display:flex;flex-direction:column;gap:6px}.fleet-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.fleet-name{display:inline-flex;align-items:center;gap:10px}.fleet-title-row strong{font-size:.94rem;white-space:nowrap}.fleet-lane{font-size:.72rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.fleet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fleet-stat span{display:block;font-size:.66rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em}.fleet-stat strong{display:block;margin-top:3px;font-size:.84rem;white-space:nowrap}.fleet-state{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0f766e1f;color:var(--primary)}.fleet-state.is-finished{background:#05966929;color:#047857}.fleet-state.is-alert{background:#f43f5e24;color:var(--danger)}.fleet-state.is-ready{background:#3b82f61f;color:var(--accent)}.fleet-state.is-waiting{background:#94a3b82e;color:#475569}.boat-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}.boat-detail-grid span{display:block;font-size:.76rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em}.boat-detail-grid strong{display:block;margin-top:2px;font-size:.9rem;white-space:nowrap}.right-panel,.bottom-panel{transition:width .22s ease-out,max-height .22s ease-out,padding .22s ease-out,opacity .22s ease-out,transform .22s ease-out}.right-panel.is-collapsed{width:12.5rem;overflow:hidden}.right-panel.is-collapsed .fleet-list,.right-panel.is-collapsed .divider{opacity:0;max-height:0;overflow:hidden;pointer-events:none;margin:0}.bottom-panel.is-collapsed{width:17rem;padding-top:8px;padding-bottom:8px}.bottom-panel.is-collapsed .event-feed,.bottom-panel.is-collapsed #boat-detail{opacity:0;max-height:0;overflow:hidden;pointer-events:none;margin:0}.bottom-panel .panel-title-row{margin-bottom:8px}.event-feed{max-height:8rem;overflow:auto}@media(max-width:1200px){.right-panel{top:auto;bottom:220px;max-height:50vh;overflow:auto}.bottom-panel{left:18px;width:min(52rem,calc(100vw - 36px))}}@media(max-width:960px){.topbar,.left-panel,.right-panel,.bottom-panel{position:static;width:auto;margin:12px}#app{overflow:auto}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.topbar,.left-panel,.right-panel,.bottom-panel{z-index:2}.panel-split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}