.room-hub{color:#f0f5ff;background:radial-gradient(at 70% 40%,#284952 0,#0000 65%),#111b2a;min-height:100svh;font-family:Arial,sans-serif}.room-nav{border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;gap:20px;padding:28px max(24px,50vw - 560px);font-size:13px;display:flex}.room-nav span{letter-spacing:.13em;font-size:10px}.room-hub a{color:inherit;text-decoration:none}.room-lobby{max-width:1120px;margin:auto;padding:72px 24px 50px;position:relative}.room-lobby>small{letter-spacing:.18em;color:#aceedc;font-size:11px}.room-lobby h1{letter-spacing:-.05em;margin:26px 0;font-size:clamp(38px,5.8vw,76px);font-weight:400;line-height:1.07}.room-lobby>p{color:#c3d4de;max-width:520px;line-height:1.8}.room-entry-note{margin-top:35px;font-size:14px}.room-entry-actions{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}.room-hub button{cursor:pointer;font:inherit}.room-entry-actions button{color:#153133;background:#b9f3da;border:0;border-radius:14px;padding:17px 26px}.room-entry-actions .secondary{color:#e7f3ff;background:#ffffff10;border:1px solid #fff5}.room-hub button:disabled{opacity:.5;cursor:wait}.room-lobby>output{color:#ffcbbf;min-height:20px;display:block}.room-lobby .room-note{color:#9fbbc8;max-width:490px;font-size:12px}.room-lobby-art{border:1px solid #9de8de55;border-radius:50%;width:280px;height:280px;position:absolute;top:190px;right:30px;transform:rotateX(25deg);box-shadow:0 0 90px #8efae333,inset 0 0 80px #90f3df22}.room-lobby-art span{text-align:center;color:#b0fff2;font-size:110px;line-height:270px;display:block}.room-lobby-art i{background:#d5b7ff;border-radius:20px;width:30px;height:55px;position:absolute;top:180px;left:45px;box-shadow:0 -25px 0 -4px #f1d5ba}.room-lobby-art i:nth-of-type(2){background:#87dbbf;top:40px;left:140px}.room-lobby-art i:nth-of-type(3){background:#e6aaa1;top:145px;left:205px}.room-live{height:100svh;min-height:600px;position:relative;overflow:hidden}.room-stage{position:absolute;inset:0}.room-stage canvas{width:100%;height:100%;display:block}.room-live-header{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:24px;right:24px}.room-live-header small{letter-spacing:.13em;color:#b7e6e3;font-size:10px}.room-live-header h1{margin:8px 0;font-size:24px;font-weight:400}.room-live-header button{pointer-events:auto;color:#fff;background:#132735df;border:1px solid #6b8c98;border-radius:12px;padding:12px;font-size:12px}.room-roster,.room-invite{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#112536eb;border:1px solid #70989d66;border-radius:18px;padding:18px;font-size:13px;position:absolute}.room-roster{width:230px;top:115px;left:24px}.room-roster ul{gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.room-roster li{align-items:center;gap:8px;display:flex}.room-roster li span{border-radius:50%;width:7px;height:7px}.room-roster li b{font-weight:400}.room-roster li em{color:#fff0b7;font-size:11px}.room-roster button,.room-invite button,.room-connection button,.room-fallback button{color:#153139;background:#bdebd9;border:0;border-radius:9px;padding:10px;font-size:12px}.room-invite{width:275px;top:115px;right:24px}.room-invite label{margin-bottom:10px;display:block}.room-invite input{box-sizing:border-box;color:#def0ff;background:#0b1828;border:1px solid #6f849455;border-radius:8px;width:100%;padding:10px;font:11px monospace}.room-invite button{width:100%;margin-top:10px}.room-invite p{color:#b8c9d5;margin-bottom:0;font-size:11px;line-height:1.6}.room-controls{gap:10px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.room-controls button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#163c50e8;border:1px solid #b5dbe766;border-radius:14px;width:52px;height:48px;font-size:26px}.room-move-help{text-align:center;color:#d6e8ef;pointer-events:none;width:100%;font-size:11px;position:absolute;bottom:18px}.room-connection{z-index:3;background:#6c3e36f5;border-radius:12px;gap:10px;max-width:420px;padding:16px;font-size:13px;display:grid;position:absolute;top:95px;left:50%;transform:translate(-50%)}.room-fallback{z-index:2;background:#16293a;border:1px solid #fff5;border-radius:18px;width:min(80%,440px);padding:25px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.room-hub :focus-visible{outline-offset:3px;outline:3px solid #cdffac}@media (max-width:850px){.room-lobby-art,.room-nav span{display:none}.room-lobby{padding-top:45px}.room-roster{width:165px;padding:12px;font-size:11px;top:100px;left:12px}.room-invite{width:210px;padding:12px;top:auto;bottom:118px;right:12px}.room-invite p{display:none}.room-live-header{left:12px;right:12px}.room-live-header h1{font-size:20px}.room-live-header small{font-size:8px}.room-move-help{font-size:9px}.room-connection{width:170px;top:110px;left:auto;right:12px;transform:none}}.room-upgrade{background:radial-gradient(at 70% 35%,#48525b 0,#0000 60%),#18212a}.room-upgrade .room-lobby>small{color:#e6c690}.room-upgrade .room-entry-actions button{color:#30241a;background:#e6c690}.room-chat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#112536eb;border:1px solid #70989d66;border-radius:18px;flex-direction:column;gap:10px;width:275px;min-height:210px;max-height:calc(100svh - 465px);padding:14px;font-size:12px;display:flex;position:absolute;top:330px;right:24px}.room-chat-messages{flex-direction:column;flex:1;gap:8px;min-height:75px;display:flex;overflow:auto}.room-chat-messages p{overflow-wrap:anywhere;color:#d8e6e5;gap:4px;margin:0;line-height:1.35;display:grid}.room-chat-messages b{color:#ead5a9;font-size:11px}.room-chat form{gap:6px;display:flex}.room-chat input{color:#def0ff;min-width:0;font:inherit;background:#0b1828;border:1px solid #6f849455;border-radius:8px;flex:1;padding:8px}.room-chat button{color:#30241a;background:#e6c690;border:0;border-radius:8px;padding:8px;font-size:11px}.room-chat small{color:#aebdc7;font-size:10px;line-height:1.3}@media (max-width:850px){.room-chat{width:210px;min-height:150px;max-height:210px;padding:10px;top:290px;right:12px}}.room-pitch-screen{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;background:#18202bed;border:1px solid #e6c69099;border-radius:14px;width:min(420px,34vw);padding:18px 24px;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #060c19aa}.room-pitch-screen small{color:#e6c690;letter-spacing:.13em;font-size:10px;display:block}.room-pitch-screen strong{margin-top:8px;font-size:clamp(15px,1.7vw,23px);font-weight:500;display:block}.room-pitch-screen p{color:#e8e2d8;max-height:130px;margin:10px 0 0;font-size:12px;line-height:1.5;overflow:auto}.room-pitch-card{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#112536eb;border:1px solid #70989d66;border-radius:18px;gap:10px;width:230px;max-height:calc(100svh - 450px);padding:14px;font-size:12px;display:grid;position:absolute;top:330px;left:24px;overflow:auto}.room-pitch-card form,.room-pitch-card label{gap:7px;display:grid}.room-pitch-card input,.room-pitch-card textarea{box-sizing:border-box;color:#def0ff;width:100%;font:inherit;resize:vertical;background:#0b1828;border:1px solid #6f849455;border-radius:8px;padding:8px}.room-pitch-card button{color:#30241a;background:#e6c690;border:0;border-radius:8px;padding:9px;font-size:11px}.room-pitch-card p{margin:0;line-height:1.4}.room-pitch-card small{color:#aebdc7;font-size:10px;line-height:1.4}@media (max-width:850px){.room-pitch-screen{z-index:1;width:min(58vw,300px);padding:8px;top:215px}.room-pitch-screen p{max-height:65px;font-size:10px}.room-pitch-card{z-index:2;width:calc(50% - 18px);min-height:150px;max-height:32svh;padding:10px;top:auto;bottom:118px;left:12px}.room-chat{box-sizing:border-box;z-index:2;width:calc(50% - 18px);min-height:150px;max-height:32svh;top:auto;bottom:118px;right:12px}.room-invite{box-sizing:border-box;width:calc(50% - 18px);top:100px;bottom:auto}.room-roster{box-sizing:border-box;width:calc(50% - 18px)}}