:root{color-scheme:dark;--bg:#09090d;--panel:#111218;--panel2:#171923;--line:#2a2d39;--text:#f7f7fb;--muted:#8d93a6;--pink:#d915ff;--violet:#7627ff;--green:#55e86b;--yellow:#ffd44a;--red:#ff5364;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.hidden{display:none!important}.web-page{min-height:100vh;background:#000}.web-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 28%,rgba(118,39,255,.08),transparent 34%),var(--bg)}.join-card{width:min(540px,100%);background:linear-gradient(180deg,#12131a,#0f1016);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.join-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.join-logo{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 0 30px rgba(217,21,255,.24)}.join-brand-name{font-size:17px;font-weight:800;letter-spacing:.04em;background:linear-gradient(90deg,#ef37ff,#8b35ff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{margin-top:4px;font-size:10px;letter-spacing:.16em;color:#9a8cbf}.join-card h1{font-size:30px;margin:0 0 10px}.intro{margin:0 0 24px;color:var(--muted);line-height:1.55}.join-form{display:grid;gap:15px}.join-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}.join-form input{width:100%;border:1px solid var(--line);background:#0c0e14;color:var(--text);border-radius:11px;min-height:48px;padding:0 14px;outline:none;font-size:19px;text-transform:uppercase}.join-form input:focus{border-color:#7b35b7;box-shadow:0 0 0 2px rgba(217,21,255,.08)}.join-form button{border:1px solid #c529ff;color:white;background:linear-gradient(90deg,var(--pink),var(--violet));border-radius:12px;min-height:48px;padding:0 16px;font-weight:800;letter-spacing:.06em;cursor:pointer}.status{min-height:22px;margin-top:14px;color:#b7bac8;font-size:12px}.status.error{color:#ff7b88}.stage-wrap{width:100vw;height:100vh;position:fixed;inset:0;background:#000;text-align:center;overflow:hidden;user-select:none;-webkit-user-select:none}.stage-timer-layer,.stage-home-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 4vw}.stage-home-layer{background:#000;z-index:10}.stage-home-layer.hidden,.stage-timer-layer.hidden{display:none}.home-logo{width:min(54vw,62vh);max-width:none;max-height:68vh;object-fit:contain;filter:drop-shadow(0 0 30px rgba(204,22,255,.24))}.home-custom-image{width:100%;height:100%;object-fit:contain}.home-text{font-size:min(8vw,12vh);font-weight:800;letter-spacing:.08em;background:linear-gradient(90deg,#f033ff,#7b2eff);-webkit-background-clip:text;background-clip:text;color:transparent}.stage-clock{position:absolute;top:3.5vh;right:3vw;color:#777d87;font-size:min(2.2vw,4vh);font-variant-numeric:tabular-nums}.stage-value{font-size:min(24vw,43vh);max-width:94vw;white-space:nowrap;line-height:.82;letter-spacing:-.065em;font-weight:850;font-variant-numeric:tabular-nums;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.stage-value.flex-time-wide{font-size:min(20vw,39vh)}.stage-value.flex-time-xwide{font-size:min(17vw,35vh)}.stage-value.safe{color:var(--green)}.stage-value.warning{color:var(--yellow)}.stage-value.critical{color:var(--red)}.stage-value.overtime{color:var(--red);animation:blink-red .7s steps(1,end) infinite}@keyframes blink-red{0%,49%{opacity:1}50%,100%{opacity:.12}}.stage-label{margin-top:2.2vh;color:#8b9198;font-size:min(2.6vw,4.5vh);font-weight:750;letter-spacing:.2em;max-width:88vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-progress{position:absolute;left:4vw;right:4vw;bottom:15vh;height:max(10px,1.15vh);background:#1e2127;border-radius:999px;overflow:hidden}.stage-progress-fill{height:100%;width:100%;background:var(--green);transition:width .15s linear,background-color .15s linear}.stage-progress-fill.warning{background:var(--yellow)}.stage-progress-fill.critical,.stage-progress-fill.overtime{background:var(--red)}.stage-message{position:absolute;left:4vw;right:4vw;bottom:3.5vh;background:#fff;color:#000;border-radius:max(14px,1vw);padding:1.5vh 2vw;font-size:min(3.5vw,6vh);line-height:1.08;font-weight:800;opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s;max-height:27vh;overflow:hidden}.stage-message.visible{opacity:1;transform:translateY(0)}.stage-message.pulse{animation:message-pulse 1s ease-in-out infinite}@keyframes message-pulse{50%{transform:scale(1.025)}}.stage-timer-layer.has-message{transform:translateY(-3vh)}.stage-timer-layer.has-long-message{transform:translateY(-7vh)}.stage-timer-layer.home-active{display:block;z-index:20;pointer-events:none}.stage-timer-layer.home-active .stage-clock,.stage-timer-layer.home-active .stage-value,.stage-timer-layer.home-active .stage-label,.stage-timer-layer.home-active .stage-progress{display:none}.stage-timer-layer.home-active .stage-message{pointer-events:auto;z-index:30}.connection-badge{position:absolute;z-index:40;top:14px;left:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(15,15,20,.72);color:#8d93a6;font-size:10px;letter-spacing:.12em;opacity:.2;transition:opacity .15s}.stage-wrap:hover .connection-badge{opacity:1}.connection-badge.online{color:#8cf09a}.connection-badge.offline{color:#ff7b88}@media(max-aspect-ratio:4/3){.stage-value{font-size:min(27vw,38vh)}.stage-value.flex-time-wide{font-size:min(22vw,35vh)}.stage-value.flex-time-xwide{font-size:min(19vw,32vh)}}@media(max-width:640px){.web-shell{padding:16px}.join-card{padding:22px;border-radius:16px}.join-card h1{font-size:26px}.join-logo{width:46px;height:46px}}