/* Clear, readable camera-game introduction. */
#console-menu[data-state="welcome"] .welcome-copy{top:19%;width:min(34vw,600px);max-height:calc(100dvh - 160px)}
#console-menu[data-state="welcome"] .welcome-copy h1{font:900 clamp(58px,5.3vw,100px)/.88 var(--display);letter-spacing:.005em;margin:16px 0 14px;color:#fff}
#console-menu[data-state="welcome"] .welcome-copy h1 em{color:#62d9ff}
.welcome-subline{display:block;font:900 clamp(21px,2vw,35px)/1.1 var(--display);text-shadow:0 3px 15px #000}
#console-menu[data-state="welcome"] .welcome-copy>p{max-width:590px;font-size:clamp(16px,1.33vw,23px);line-height:1.33;margin:12px 0;color:#eef7ff}
#console-menu[data-state="welcome"] .welcome-actions{margin:22px 0 15px}
#console-menu[data-state="welcome"] .console-cta{min-height:68px;padding:13px 25px;border-radius:16px;font:900 clamp(20px,1.8vw,31px) var(--display);box-shadow:0 0 36px #51d5ff7a;color:#071b32}
#console-menu[data-state="welcome"] .console-cta span{font-size:1.25em}
.welcome-steps{display:flex;align-items:flex-start;gap:clamp(8px,1vw,20px);max-width:570px;margin:16px 0 12px}.welcome-steps span{display:flex;flex:1;align-items:center;gap:8px;color:#f2faff;font-size:clamp(12px,1vw,16px);line-height:1.15;text-shadow:0 2px 7px #000}.welcome-steps b{display:grid;flex:none;place-items:center;width:35px;height:35px;border:2px solid #6feaff;border-radius:50%;background:#06243bc9;color:#8eedff;font:900 17px var(--display);box-shadow:0 0 15px #37d4ff80}
#console-menu[data-state="welcome"] .camera-local{display:block;font-size:clamp(11px,.8vw,14px);color:#b8d4df}
#console-camera-state{border:0;background:none;color:#85dfff;font:inherit;font-weight:900;letter-spacing:inherit;padding:8px 3px;cursor:pointer;text-align:left}#console-camera-state:hover,#console-camera-state:focus-visible{text-decoration:underline;text-underline-offset:4px}#console-camera-state.blocked{color:#ffbb9d}.console-footer .footer-pulse{background:#73879b;box-shadow:none}#console-menu.camera-live .console-footer .footer-pulse{background:#30f89f;box-shadow:0 0 12px #30f89f}
@media(max-width:900px){#console-menu[data-state="welcome"] .welcome-copy{top:17%;width:min(39vw,480px)}#console-menu[data-state="welcome"] .welcome-copy h1{font-size:clamp(45px,5.5vw,72px)}#console-menu[data-state="welcome"] .welcome-copy>p{font-size:15px}.welcome-steps span{font-size:11px}.welcome-steps b{width:28px;height:28px;font-size:14px}}
@media(max-width:700px){#console-menu[data-state="welcome"] .welcome-copy{top:9%;left:5%;right:5%;width:auto;max-height:none}#console-menu[data-state="welcome"] .welcome-copy h1{font-size:clamp(41px,11vw,69px);margin:5px 0 8px}#console-menu[data-state="welcome"] .welcome-copy h1 br{display:block}.welcome-subline{font-size:clamp(20px,5vw,27px)}#console-menu[data-state="welcome"] .welcome-copy>p{display:block;font-size:clamp(13px,3.5vw,16px);line-height:1.26;margin:7px 0}#console-menu[data-state="welcome"] .welcome-actions{margin:9px 0 5px;gap:6px;align-items:flex-start}#console-menu[data-state="welcome"] .console-cta{min-height:48px;font-size:clamp(16px,4.4vw,21px);padding:8px 14px}#console-menu[data-state="welcome"] .welcome-steps{gap:5px;margin:8px 0 5px}.welcome-steps span{font-size:10px;gap:4px}.welcome-steps b{width:25px;height:25px;font-size:12px}#console-menu[data-state="welcome"] .camera-local{font-size:10px}#console-menu[data-state="welcome"] .console-link{font-size:11px}#console-menu[data-state="welcome"] #console-error{font-size:10px;margin:4px 0}}
@media(max-height:700px) and (min-width:701px){#console-menu[data-state="welcome"] .welcome-copy{top:16%}#console-menu[data-state="welcome"] .welcome-copy h1{font-size:clamp(46px,4.5vw,72px)}#console-menu[data-state="welcome"] .welcome-copy>p{font-size:15px}#console-menu[data-state="welcome"] .console-cta{min-height:54px}#console-menu[data-state="welcome"] .welcome-steps{margin:7px 0}}