:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#254a41;background:#f3f2e9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#dfebe1 0,transparent 55%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}.online-shell{max-width:1060px;margin:auto;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding:60px 35px}.welcome h1{font-family:Georgia,"SimSun",serif;font-weight:400;line-height:1.5;font-size:46px;margin:22px 0}.welcome p{line-height:1.9;color:#6c8576}.online-emblem{display:block;font-size:72px;color:#9c8c58;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#a18f5d}.quiet{font-size:12px;line-height:1.9;color:#829080}.online-panel{background:#faf9f1;border:1px solid #e1e4d7;border-radius:14px;padding:34px;box-shadow:0 15px 50px #325c3b09}.online-panel h2{font-size:23px;font-weight:500;margin:22px 0}.online-panel p{line-height:1.8}.mode-tabs{display:flex;border-bottom:1px solid #e2e5d8;gap:22px}.mode-tabs button{background:none;border:0;padding:10px 0;color:#8b9480;font-size:13px}.mode-tabs .selected{color:#285f4c;border-bottom:2px solid #285f4c}label{display:block;font-size:12px;margin:18px 0;color:#6c7e6b}input,select{display:block;width:100%;background:#fffef9;border:1px solid #d9ddce;border-radius:5px;margin-top:8px;padding:12px;color:#254a41;outline:none}input:focus,select:focus{border-color:#6a947d;box-shadow:0 0 0 3px #6a947d15}.online-button{width:100%;border:0;border-radius:5px;background:#285e4d;color:#fff;padding:14px;font-size:13px;margin:8px 0}.online-button:hover{background:#1d4e3e}.form-message{font-size:12px;min-height:18px;color:#ae623e;line-height:1.7}.text-action{border:0;background:none;color:#71846c;font-size:12px;padding:8px}.lobby-header{height:80px;border-bottom:1px solid #dfe4d7;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.lobby-header a{font-size:19px}.lobby-header a span{font-size:12px;margin-left:16px;color:#8a977e}.lobby-header>div{display:flex;gap:18px;align-items:center;font-size:13px}.lobby-shell{max-width:920px;margin:65px auto;padding:0 28px}.lobby-shell h1{font-weight:400;font-family:Georgia,"SimSun",serif;font-size:36px;margin:18px 0}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.step{color:#b3a97d;font-size:28px;font-family:Georgia,serif}.waiting-room{margin:30px auto;max-width:600px}.big-code{font-size:36px;letter-spacing:.12em;color:#a08b54;padding:20px 0}.waiting-actions{display:flex;align-items:center;gap:15px}.waiting-actions .online-button{width:auto;flex:1}[hidden]{display:none!important}@media(max-width:720px){.online-shell{grid-template-columns:1fr;gap:30px;padding:35px 22px}.welcome h1{font-size:32px}.online-emblem{font-size:44px;margin:0}.welcome p{display:none}.lobby-grid{grid-template-columns:1fr}.online-panel{padding:25px}.lobby-shell{margin-top:35px}.lobby-header{padding:0 22px}.lobby-header a span{display:none}}