.command-home{min-height:100svh;isolation:isolate;background:radial-gradient(ellipse at 78% 43%,#1b394444,transparent 55%),#070d15;position:relative;overflow:hidden}
.command-home:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:radial-gradient(1px 1px at 13% 26%,#c7d9e6 99%,transparent),radial-gradient(1px 1px at 76% 11%,#c7d9e6 99%,transparent),radial-gradient(1px 1px at 46% 77%,#c7d9e6 99%,transparent);background-size:397px 291px,511px 417px,643px 527px}
.command-header{max-width:1450px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #415b682f}
.command-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#ddd5c3;letter-spacing:3px;font-size:15px;font-weight:600;white-space:nowrap}.command-brand img{width:43px;height:43px}.command-brand small{display:block;font-size:8px;letter-spacing:2.6px;margin-top:5px;color:#83929d}.command-header nav{display:flex;gap:14px}
.console-button{--console-color:#98d6d7;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:13px 20px;border:1px solid #47606c;border-radius:2px;background:linear-gradient(120deg,#1b2c38b3,#0c1821a6);color:#c9d9df;letter-spacing:.7px;text-decoration:none;white-space:nowrap;overflow:hidden;transition:box-shadow .22s,border-color .22s,background .22s,transform .22s;color-scheme:dark}
.console-button:before{content:'';position:absolute;left:0;top:0;width:38px;height:2px;background:var(--console-color);box-shadow:0 0 9px var(--console-color);transition:width .3s}.console-button:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#b4f3ed26 49%,transparent 63%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}.console-button:hover,.console-button:hover:not(:disabled){border-color:var(--console-color);background:#17313a;box-shadow:0 0 24px #89cecb16,inset 0 0 20px #89cecb0a;transform:translateY(-2px)}.console-button:hover:before{width:100%}.console-button:hover:after{transform:translateX(120%)}.console-button svg{width:20px;height:20px;flex:none;color:var(--console-color)}.console-button:focus-visible{outline:2px solid var(--console-color);outline-offset:5px}
.command-center{position:relative;max-width:1450px;margin:auto;min-height:calc(100svh - 108px);display:flex;align-items:center;padding:70px 10%;overflow:hidden}.command-copy{position:relative;z-index:1;padding-bottom:24px}.command-copy h1{font-size:clamp(48px,6.6vw,92px);font-weight:500;letter-spacing:7px;line-height:1.15;margin:24px 0 37px;color:#e3e9ec;filter:drop-shadow(0 1px 25px #07111c);white-space:nowrap}.command-copy h1 span{color:#abd3d6}.command-rule{display:flex;align-items:center;gap:7px}.command-rule i{display:block;width:5px;height:5px;background:#cbb484;box-shadow:0 0 10px #cbb48466}.command-rule i:last-child{width:64px;height:1px;box-shadow:none}.command-actions{display:flex;gap:15px}.command-actions .console-button{min-width:174px;min-height:58px;font-size:14px}.command-primary{--console-color:#d8bd8c;border-color:#8f7f5d;background:linear-gradient(120deg,#2c2b26d4,#1d2424)}.command-primary:hover:not(:disabled){background:#35372c}.command-resume{display:flex;align-items:center;gap:8px;margin-top:26px;border:0;background:none;color:#9cafb9;padding:8px 0;font-size:12px}.command-resume svg{width:14px;height:14px}.command-orbit{position:absolute;top:50%;right:-5%;width:66%;max-width:840px;transform:translateY(-50%);opacity:.74;pointer-events:none}.command-orbit svg{width:100%}.orbital-rings{opacity:.2}
.room-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-mode{display:flex;align-items:center;gap:12px;min-height:67px;padding:15px;text-align:left;background:#11202b;border-radius:3px}.room-mode svg{width:24px;height:24px;flex:none;color:#b9d2d7}.room-mode small{display:block;color:#889aab;font-size:10px;margin-top:5px}.room-code-form{display:grid;gap:15px}.room-code-form input{width:100%;font-size:25px;text-transform:uppercase;letter-spacing:6px;text-align:center}.room-code-form label{color:#91a6b2;font-size:12px;display:grid;gap:10px}.room-code-form button{justify-self:end}.room-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-seat{display:grid;justify-items:center;gap:13px;padding:23px 12px;border-radius:3px}.room-seat svg{height:34px;width:34px}.room-seat.light{color:#a1dbe0}.room-seat.dark{color:#e0a19d}.room-seat small{font-size:10px}.room-seat:hover:not(:disabled){background:#203441}.room-meta{color:#b2c6d0;margin-bottom:20px!important}.room-empty{padding:20px;color:#93a6b2}
@media(max-width:700px){.command-header{padding:20px 5%;gap:18px}.command-header nav{gap:8px}.command-header .console-button{padding:11px;min-height:43px;font-size:11px;gap:7px}.command-header .console-button svg{width:16px;height:16px}.command-brand{font-size:11px;letter-spacing:1px}.command-brand img{width:32px;height:32px}.command-brand small{font-size:7px;letter-spacing:1px}.command-center{min-height:calc(100svh - 85px);padding:55px 7%;align-items:flex-end}.command-copy{padding-bottom:12svh}.command-copy h1{letter-spacing:3px;font-size:clamp(38px,9.5vw,65px);margin-bottom:30px}.command-orbit{width:115%;right:-26%;top:32%;opacity:.45}.command-actions{gap:10px}.command-actions .console-button{min-width:0;padding:16px;min-height:55px;font-size:12px}.room-modes{grid-template-columns:1fr}}
@media(max-width:430px){.command-header{align-items:flex-start;flex-direction:column;gap:19px}.command-header nav{width:100%}.command-header .console-button{flex:1}.command-center{min-height:calc(100svh - 139px)}.command-copy{padding-bottom:9svh}.command-copy h1{font-size:10vw;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.console-button,.console-button:before,.console-button:after{transition:none}.console-button:after{display:none}.console-button:hover{transform:none}}