:root{--bg: #080a0e;--panel: #141821;--panel-2: #1a202b;--text: #f5f7fb;--muted: #929cad;--line: #303847;--accent: #66e3ff;--amber: #ffb347;--green: #4ade80;--danger: #ff535d;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -12%,rgba(102,227,255,.1),transparent 34%),linear-gradient(180deg,#0c1016,#080a0e 58%,#07080b);background-attachment:fixed;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.shell{max-width:1100px;margin:0 auto;padding:12px 16px 48px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 0;position:sticky;top:0;background:var(--bg);z-index:5}.brand{font-weight:700;font-size:18px;flex:1}select,input:not([type=range]):not([type=color]){background:#0b0e14;border:1px solid #3a4454;border-radius:8px;padding:10px 12px;box-shadow:inset 0 2px 6px #0000008c}.btn{background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 42%),#202631;border:1px solid #3a4454;border-radius:var(--radius);padding:12px 16px;cursor:pointer;min-height:44px;font-weight:700;box-shadow:0 2px #0000008c,0 6px 14px #00000059,inset 0 1px #ffffff12;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:#4e5a6e}.btn:active{transform:translateY(1px);box-shadow:0 1px #0000008c,inset 0 2px 6px #00000073}.btn:disabled{opacity:.5;cursor:default}.btn--primary{color:#c9ffdd;border-color:#4ade8080;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 42%),#15502d99;box-shadow:0 2px #0000008c,0 0 16px #4ade802e,inset 0 1px #ffffff14}.btn--warn{color:#ffd9a3;border-color:#ffb34780;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 42%),#603e0c8c;box-shadow:0 2px #0000008c,0 0 16px #ffb34724,inset 0 1px #ffffff14}.btn--huge{font-size:22px;padding:20px 34px;min-width:140px}.btn--active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent),0 0 12px #66e3ff40,0 2px #0000008c}.btn--small{padding:4px 10px;min-height:0;margin-left:8px;font-size:13px}.btn--danger{color:var(--danger)}.muted{color:var(--muted)}.error{color:var(--danger);background:#ef44441a;border-radius:8px;padding:8px 12px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot--ok{background:var(--green);box-shadow:0 0 8px #4ade80d9}.dot--bad{background:var(--danger);box-shadow:0 0 8px #ff535db3}.mark{height:30px;width:auto;display:block}.gate{min-height:100vh;display:grid;place-items:center}.gate__card{background:var(--panel);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:12px;width:min(400px,90vw)}.rooms{display:flex;flex-direction:column;gap:20px}.room h2{margin:4px 0 10px;font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.room .floor{margin-left:10px;font-weight:400;text-transform:none}.room__devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.tile{background:var(--panel);border:1px solid #2c2c38;border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer}.tile--static{cursor:default;opacity:.7}.tile__name{font-weight:600}.tile__time{font-size:34px;font-variant-numeric:tabular-nums;font-weight:700}.bigtime{font-size:clamp(64px,18vw,160px);font-weight:800;font-variant-numeric:tabular-nums;text-align:center;padding:12px 0 4px;position:relative}.bigtime__flag{display:inline-block;vertical-align:middle;font-size:14px;letter-spacing:.2em;background:var(--panel-2);color:var(--text);border-radius:6px;padding:4px 10px;margin-left:14px}.controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 0;flex-wrap:wrap}.adjust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-bottom:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0}.row label{color:var(--muted);min-width:70px}.grow{flex:1;min-width:180px}.clockinput{width:90px;text-align:center}.joincode{background:var(--panel-2);border-radius:6px;padding:4px 10px;letter-spacing:.15em;font-size:15px}.settings{background:var(--panel);border-radius:var(--radius);padding:16px;margin-top:10px}.settings h3{margin:0 0 4px}.colorfield{display:flex;align-items:center;gap:8px}.colorfield input[type=color]{width:44px;height:34px;padding:2px;cursor:pointer}.admin{display:flex;flex-direction:column;gap:16px}.admin__card{background:var(--panel);border-radius:var(--radius);padding:16px}.admin__card h2{margin:0 0 8px;font-size:17px}.admin__card ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.display{min-height:100vh;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none}.display--idle{background:#000;color:#888;align-items:center;justify-content:center;font-size:20px}.display__header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;font-size:3vw;opacity:.85}.display__time{flex:1;display:grid;place-items:center;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.display__message{text-align:center;padding:3vh 4vw;animation:flash 1.2s ease-in-out infinite alternate;font-weight:700}.display__paused{position:fixed;top:18px;left:50%;transform:translate(-50%);letter-spacing:.3em;font-size:2vw;opacity:.8}@keyframes flash{0%{opacity:1}to{opacity:.45}}.display__stage{flex:1;position:relative}.display__timeabs{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.display--transparent{cursor:default}.layout__preview{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:8px;border:1px solid #2c2c38;overflow:hidden;touch-action:none;cursor:grab}.layout__preview--checker{background-image:linear-gradient(45deg,#23232d 25%,transparent 25%,transparent 75%,#23232d 75%),linear-gradient(45deg,#23232d 25%,#17171f 25%,#17171f 75%,#23232d 75%);background-size:24px 24px;background-position:0 0,12px 12px}.layout__time{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.35)}.layout__message{position:absolute;bottom:4%;left:0;right:0;text-align:center;font-weight:700;pointer-events:none}.layout__snaps{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.fontpicker__panel{background:var(--panel-2);border-radius:8px;padding:10px;margin:6px 0 10px}.fontpicker__shelf{margin-top:8px}.fontpicker__rows{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-height:320px;overflow-y:auto}.fontrow{display:flex;gap:6px;align-items:stretch}.fontrow__pick{flex:1;text-align:left;font-size:20px;padding:8px 12px;background:var(--panel);border:1px solid #2c2c38;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.fontrow--active .fontrow__pick{outline:2px solid var(--accent)}.fontrow__sample{opacity:.6;font-variant-numeric:tabular-nums}.fontrow__star{background:var(--panel);border:1px solid #2c2c38;border-radius:8px;width:44px;cursor:pointer;color:var(--muted);font-size:18px}.fontrow__star--on{color:var(--accent)}.mv{min-height:100vh;background:#000;padding:14px 18px;display:flex;flex-direction:column}.mv__header{display:flex;align-items:center;gap:14px;padding-bottom:12px}.mv__header .brand{font-size:22px}.mv__clock{margin-left:auto;font-variant-numeric:tabular-nums;font-size:22px;color:var(--muted)}.mv__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;align-content:start}.mv__card{background:var(--panel);border:1px solid #2c2c38;border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.mv__card--overtime{border-color:var(--danger);animation:flash .8s ease-in-out infinite alternate}.mv__card header{display:flex;justify-content:space-between;gap:8px}.mv__room{font-weight:700}.mv__time{font-size:56px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.mv__card footer{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.mv__state{font-size:12px;letter-spacing:.12em;padding:2px 8px;border-radius:6px;background:var(--panel-2)}.mv__state--run{color:#22c55e}.mv__state--pause{color:var(--accent)}.mv__state--stop{color:var(--muted)}.mv__note{font-style:italic;color:var(--text)}.bigtime__flag--warp{color:var(--accent);border:1px solid var(--accent)}.mv__warp{color:var(--accent);font-weight:700}.gate__card,.settings,.admin__card,.mv__card,.fontpicker__panel,.tile{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 36%),var(--panel);border:1px solid var(--line);box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff08}.fontrow__pick,.fontrow__star{border-color:#3a4454;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 42%),#202631}.bigtime,.tile__time,.mv__time{background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.015) 3px 4px),#04060a;border:1px solid #232b38;border-radius:10px;box-shadow:inset 0 0 24px #000000b3,0 1px #ffffff08}.bigtime{padding:18px 10px;margin:6px 0 10px}.tile__time,.mv__time{padding:4px 10px}.bigtime__flag--warp,.mv__warp{color:var(--amber);border-color:var(--amber)}.bigtime__flag{background:#202631;border:1px solid #3a4454}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:30px;background:transparent;border:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:6px;border:1px solid #4e575d;background:#343a3f;box-shadow:inset 0 1px 3px #0009}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;border:1px solid #10141a;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 45%),linear-gradient(180deg,#39424e,#1c222b);box-shadow:0 2px 5px #0009,inset 0 1px #ffffff1f;cursor:pointer}input[type=range]::-moz-range-track{height:10px;border-radius:6px;border:1px solid #4e575d;background:#343a3f;box-shadow:inset 0 1px 3px #0009}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;border:1px solid #10141a;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 45%),linear-gradient(180deg,#39424e,#1c222b);box-shadow:0 2px 5px #0009,inset 0 1px #ffffff1f;cursor:pointer}.display--idle{flex-direction:column;gap:18px}.display--idle .mark{height:72px;opacity:.9}.display--idle .wordmark{font-size:26px;font-weight:800;letter-spacing:.04em;color:var(--text)}.mv__back{margin-right:4px}.display__identity{display:flex;align-items:center;gap:.6em}.display__identity img{height:1.2em;width:auto;opacity:.9}.mark,.display--idle .mark,.display__identity img{filter:invert(1);opacity:.92}a.btn,a.btn:visited{color:var(--text)}.roll{display:inline-flex;line-height:1}.roll__digit{display:inline-flex;align-items:flex-start;height:1em;overflow:hidden}.roll__strip{display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.22,.9,.3,1);will-change:transform}.roll__strip span{display:block;height:1em;text-align:center}@media(prefers-reduced-motion:reduce){.roll__strip{transition:none}}