#lake-lobby[hidden],#lake-network[hidden],#lake-lobby [hidden]{display:none!important}
#lake-lobby{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:18px;background:#071f3bc7;backdrop-filter:blur(8px);overflow:auto;color:#effaff;font-family:"Microsoft YaHei",system-ui,sans-serif;touch-action:pan-y;box-sizing:border-box}
#lake-lobby *{box-sizing:border-box;touch-action:pan-y}#lake-lobby .net-card{width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border-radius:30px;background:linear-gradient(145deg,#28577a,#163652);border:1px solid #bdeaff55;box-shadow:0 18px 80px #07172c66;touch-action:pan-y}
.net-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.net-eyebrow{color:#b5e4fa;font-size:10px;letter-spacing:2px;margin:0 0 10px}#net-title{font-size:25px;margin:0}.net-card p{font-size:13px;line-height:1.7}.net-identity{color:#ffd17b}.net-card button{font:700 14px "Microsoft YaHei",sans-serif;border:1px solid #cceeff55;border-radius:16px;padding:12px 18px;cursor:pointer;color:#173d61;background:#dceff7;min-height:44px}.net-card button:disabled{opacity:.45;cursor:default}.net-card .net-icon{font-size:22px;padding:0;min-width:40px;min-height:40px;border-radius:50%;background:#ffffff12;color:#eafaff}.net-card button.net-primary{background:#ffd17b;border-color:#ffe1a5;box-shadow:0 4px 0 #9d6c3745}.net-card button:focus-visible,.net-card input:focus-visible{outline:3px solid #ffd17b;outline-offset:3px}
#net-error{color:#ffe0ac;min-height:22px;margin:8px 0}#net-create{width:100%}.net-join{display:flex;gap:10px;margin:18px 0}#net-code{min-width:0;flex:1;width:100%;border:1px solid #99d9ee66;border-radius:14px;padding:12px;background:#102e49;color:#effaff;font:16px "Microsoft YaHei",sans-serif;user-select:text}#net-code::placeholder{color:#b0cbdc;font-size:13px}.net-card a{color:#b8e6fa;font-size:12px}.net-footnote{color:#9fc4d9;text-align:center;margin:22px 0 0;font-size:11px!important}.net-room-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#102e4966;border-radius:18px}.net-room-heading small{display:block;color:#a5c9dc;font-size:11px}#net-room-code{display:block;font-size:28px;letter-spacing:5px;color:#ffd17b}#net-invite{font-size:12px;padding:10px}
#net-members{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}#net-members li{display:flex;align-items:center;gap:8px;min-width:0;background:#102e4966;border:1px solid #bbecff20;border-radius:14px;padding:12px 10px;font-size:12px}#net-members i{flex:0 0 13px;height:20px;border-radius:7px;box-shadow:inset 0 -4px #0002}#net-members span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#net-members small{font-size:10px;color:#aacbdf;margin-left:auto;white-space:nowrap}#net-members .is-ready{border-color:#91e4c180}#net-members .is-ready small{color:#a3efce}.net-actions{display:flex;gap:10px}.net-actions button{flex:1}.net-card .net-leave{width:100%;margin-top:14px;background:transparent;color:#b7d1e1;border-color:transparent;padding:8px}.net-card #net-rule{color:#b9d7e7;font-size:12px}
#lake-network{position:fixed;z-index:90;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#eafaff;background:#123652dc;border:1px solid #d1f4ff55;border-radius:20px;padding:4px 5px 4px 12px;font:11px "Microsoft YaHei",sans-serif;white-space:nowrap}#lake-network button{border:0;border-radius:16px;padding:6px 12px;background:#dceff7;color:#173d61;font:700 11px "Microsoft YaHei",sans-serif;cursor:pointer}
@media(orientation:landscape) and (max-height:550px){#lake-lobby{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}#lake-lobby .net-card{width:min(820px,100%);max-height:calc(100dvh - 20px)}#net-members{grid-template-columns:repeat(4,minmax(0,1fr))}.net-footnote{display:none}#net-description{display:none}#net-members li{flex-wrap:wrap}#net-members small{font-size:10px}.net-room-heading{float:left;margin-right:14px;min-height:64px}.net-card #net-rule{clear:both}.net-card .net-leave{width:auto;float:right;margin-top:-40px}.net-actions{padding-right:100px}}
@media(max-height:550px){#lake-lobby .net-card{padding:18px 24px}#net-title{font-size:21px}.net-footnote{margin-top:12px}#net-members li{padding:8px}#net-error{margin:4px 0}.net-card p{margin:8px 0}.net-room-heading{padding:8px 14px}#net-members{margin:10px 0}.net-card .net-leave{margin-top:6px}.net-card button{min-height:40px;padding:10px 14px}}
@media(max-width:420px){#lake-lobby{padding:10px}#lake-lobby .net-card{padding:22px 18px;max-height:calc(100dvh - 20px)}#net-title{font-size:21px}#net-members{grid-template-columns:1fr}.net-join{flex-wrap:wrap}#net-code{flex-basis:100%}.net-join button{width:100%}}

@media(orientation:landscape) and (max-height:550px){#lake-lobby .net-card{padding:12px 18px}.net-eyebrow{display:none}#net-title{font-size:18px}.net-heading .net-icon{min-height:30px;min-width:30px}.net-room-heading{float:none;min-height:0;margin-right:0;padding:5px 12px}#net-room-code{font-size:22px}.net-room-heading small{display:none}#net-members li{padding:6px 8px;flex-wrap:nowrap}#net-members{gap:6px;margin:8px 0}#net-members i{height:16px;flex-basis:10px}#net-members span{font-size:11px}#net-error:empty,#net-identity:empty{display:none}.net-card #net-rule{font-size:11px;margin:5px 0}.net-card button{padding:8px 12px;min-height:36px}.net-card .net-leave{margin-top:-36px}}

/* Frosted radio console: large physical keys, no native mobile keyboard. */
#lake-lobby .net-card{width:min(760px,100%);border:2px solid #a6e9ff;border-radius:28px;background:radial-gradient(ellipse at 0 0,#397a98,transparent 65%),linear-gradient(145deg,#174966,#0a2b46);box-shadow:0 8px 0 #061d32,0 22px 70px #001326aa,inset 0 2px #ecfbff66}
#net-title{color:#f2fcff;text-shadow:0 3px #123d56}#net-entry{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr);gap:28px;align-items:center}.net-dial{padding:14px;border-radius:20px;background:#082b4399;border:1px solid #79cbe54d}.net-dial label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:#d7f5ff}.net-dial label small{font-size:11px;color:#92bfd3;font-weight:400}#net-code{display:block;text-align:center;height:52px;margin:8px 0 12px;font:bold 27px monospace;letter-spacing:9px;padding:5px 0 5px 9px;background:repeating-linear-gradient(90deg,#c6f1ff0c 0,#c6f1ff0c calc(16.666% - 3px),transparent calc(16.666% - 3px),transparent 16.666%);border:1px solid #88d9f488;border-radius:10px;color:#ffdb8b;caret-color:transparent}#net-code::placeholder{font:20px monospace;letter-spacing:0;color:#72a8c2}.net-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.net-card .net-keypad button{min-height:46px;padding:3px;font-size:23px;border-radius:12px;background:linear-gradient(#e5faff,#a9dcea);border:2px solid #e2f9ff;box-shadow:0 4px #397e99;color:#174360;touch-action:manipulation}.net-card .net-keypad button[data-key='清空'],.net-card .net-keypad button[data-key='⌫']{font-size:16px;background:#36647e;color:#d4f4ff;border-color:#649ab1}.net-entry-actions{display:grid;gap:16px}.net-ticket{font-size:11px;letter-spacing:2px;color:#9ccee0}.net-card .net-entry-actions button{position:relative;min-height:88px;border:2px solid #effcff;border-radius:18px 25px 18px 22px;background:linear-gradient(150deg,#edfcff,#9cdbea);box-shadow:0 6px #2d7792,inset 0 3px #fff9;touch-action:manipulation}.net-card .net-entry-actions .net-primary{background:linear-gradient(150deg,#ffe7a8,#ffc568);border-color:#fff0c3;box-shadow:0 6px #a76a32,inset 0 3px #fff9}.net-entry-actions b{display:block;font-size:21px}.net-entry-actions small{display:block;margin-top:7px;font-size:11px;font-weight:400}.net-card button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.net-entry-actions a{text-align:center}.net-card button:disabled{opacity:.4}.net-footnote{margin-top:14px}#net-error:empty{display:none}#net-identity{margin:5px 0 10px}.net-card button{transition:transform .1s,filter .1s}.net-card button:hover:not(:disabled){filter:brightness(1.08)}
@media(orientation:landscape) and (max-height:550px){#lake-lobby{padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}#lake-lobby .net-card{width:min(740px,100%);padding:10px 18px;max-height:calc(100dvh - 16px)}#net-entry{gap:22px;grid-template-columns:minmax(220px,1.1fr) minmax(180px,.9fr)}.net-dial{padding:8px 12px}#net-code{height:36px;margin:4px 0 8px;font-size:24px}.net-keypad{gap:6px}.net-card .net-keypad button{min-height:38px;font-size:21px}.net-entry-actions{gap:12px}.net-card .net-entry-actions button{min-height:76px}#net-identity{font-size:11px;margin:0 0 5px}.net-ticket{font-size:10px}#net-error{font-size:11px;line-height:1.2;min-height:0}#net-description{display:none}}
@media(max-width:500px) and (orientation:portrait){#net-entry{grid-template-columns:1fr}.net-entry-actions{grid-template-columns:1fr 1fr}.net-ticket,.net-entry-actions a{grid-column:1/-1}.net-entry-actions b{font-size:17px}}
@media(orientation:landscape) and (max-height:350px){#lake-lobby .net-card{position:relative;padding:8px 16px}.net-heading{margin-bottom:5px}#net-identity{position:absolute;top:12px;right:62px;max-width:42%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.net-dial label{font-size:11px}.net-card .net-keypad button{min-height:38px}#net-error:not(:empty){margin:0 0 4px;font-size:10px}.net-dial{padding:6px 10px}}
@media(orientation:landscape) and (max-height:350px){.net-card:has(#net-error:not(:empty)) #net-identity{visibility:hidden}#net-error:not(:empty){position:absolute;top:12px;right:62px;max-width:46%;line-height:1.3;margin:0}}