:root{font-family:"Microsoft YaHei",sans-serif;color:#eadfc7;background:#161e1b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #bba26b;border-radius:8px;padding:10px 16px;background:#c5aa72;color:#171e1b;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;padding:12px;background:#18221e;border:1px solid #506050;border-radius:8px;color:#f8eed7;margin:8px 0 15px}label{display:block;font-size:14px;color:#bbcab9}#lobby{max-width:980px;padding:50px 24px;margin:auto}.back{color:#bbcab9;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:3px;margin-top:60px;color:#bda777}h1{font-size:clamp(30px,5vw,52px);font-weight:500;margin:16px 0}.intro{line-height:1.8;max-width:680px;color:#bbcab9}.panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}section{border:1px solid #405043;border-radius:16px;background:#1d2922;padding:28px}h2{font-size:20px;margin:0 0 24px}section button{width:100%}section p,.note{font-size:13px;line-height:1.9;color:#a6b3a6}.note{margin-top:28px}#error{color:#ffa98e;min-height:20px}#game{height:100dvh;display:flex;flex-direction:column}#game[hidden]{display:none}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#1d2922}#identity{margin-left:16px;color:#c5aa72}nav{display:flex;gap:8px}nav button{font-size:12px;padding:7px 10px;background:transparent;color:#eadfc7;border-color:#657255}#status{text-align:center;padding:9px 12px;font-size:14px;min-height:38px;background:#2d3c30}#status.bad{background:#693e32}#stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;background:#0e1512}iframe{height:100%;max-width:100%;width:auto;aspect-ratio:5/8;border:0;background:#f3e4c5}footer{font-size:11px;color:#a6b3a6;padding:7px 14px;display:flex;justify-content:space-between;gap:12px}@media(max-width:650px){#lobby{padding:24px 18px}.eyebrow{margin-top:34px}.panels{grid-template-columns:1fr}header{flex-wrap:wrap;padding:8px 10px}nav{gap:6px}footer{flex-wrap:wrap;gap:3px}#identity{margin-left:8px}}

nav button{white-space:nowrap;flex-shrink:0}@media(max-width:650px){nav{flex-wrap:wrap;gap:5px}nav button{font-size:11px;padding:6px 7px}}

.network-card{margin-top:26px;border:1px solid #4a5b49;border-radius:12px;padding:18px 22px;background:#213328}.network-card p{font-size:13px;color:#bdcbbb;line-height:1.8}.address-row{display:flex;gap:10px;align-items:center}.address-row select{margin:0;min-width:0}.address-row button{flex-shrink:0}#sharePanel{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#213328;font-size:12px}#sharePanel[hidden]{display:none}#sharePanel input{margin:0;padding:6px;min-width:0}#sharePanel label{flex-shrink:0}@media(max-width:650px){.network-card{padding:16px}.address-row{flex-wrap:wrap}.address-row select{width:100%;font-size:12px}.address-row button{font-size:12px}}

.waiting-room{align-self:center;max-width:540px;margin:24px;line-height:2;color:#d7c8a8;text-align:center}