:root{--lobby-bg:#0d0f14f0;--lobby-line:#2f3440;--lobby-text:#eef0f4;--lobby-dim:#9aa2b1;--lobby-accent:#ffd84a;--lobby-accent-text:#1a1a1a;--lobby-ok:#6fe39a;--lobby-me:#8fd0ff;--lobby-error:#ff8f8f}#ui{color:var(--lobby-text);z-index:10;background:radial-gradient(circle at 50% 40%,#28141499,#000000d9);justify-content:center;align-items:center;padding:16px;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}#ui[hidden]{display:none}.lobby-card{background:var(--lobby-bg);border:1px solid var(--lobby-line);border-radius:14px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 60px #00000080}.lobby-title{color:var(--lobby-accent);text-align:center;letter-spacing:1px;margin:0 0 4px;font-size:34px}.lobby-sub{text-align:center;color:var(--lobby-dim);margin:0 0 20px}.lobby-card h2{margin:0 0 8px;font-size:22px}.lobby-card h3{color:var(--lobby-dim);margin:18px 0 8px;font-size:14px;font-weight:600}.lobby-head{justify-content:space-between;align-items:center;display:flex}.lobby-input{box-sizing:border-box;border:1px solid var(--lobby-line);width:100%;color:var(--lobby-text);font:inherit;background:#1a1e27;border-radius:8px;margin-bottom:10px;padding:11px 12px;font-size:16px}.lobby-input.code{text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:0}.lobby-row{gap:10px;display:flex}.lobby-row>*{flex:1}.lobby-btn{border:1px solid var(--lobby-line);color:var(--lobby-text);font:inherit;cursor:pointer;background:#252a35;border-radius:8px;padding:11px 14px;font-size:15px;font-weight:600}.lobby-btn:hover:not(:disabled){background:#2f3542}.lobby-btn.primary{background:var(--lobby-accent);border-color:var(--lobby-accent);color:var(--lobby-accent-text)}.lobby-btn.primary:hover:not(:disabled){background:#ffe27a}.lobby-btn:disabled{opacity:.5;cursor:default}.lobby-btn.small{flex:none;padding:6px 12px;font-size:13px}.lobby-link{color:var(--lobby-dim);font:inherit;cursor:pointer;background:0 0;border:none;text-decoration:underline}.lobby-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lobby-item{border:1px solid var(--lobby-line);background:#1a1e27;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lobby-item.me .lobby-room-name{color:var(--lobby-me)}.lobby-item.empty{color:#5a6170;border-style:dashed}.lobby-empty{color:var(--lobby-dim);padding:8px 0}.lobby-room-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lobby-count{color:var(--lobby-dim);font-variant-numeric:tabular-nums}.lobby-state{color:var(--lobby-dim);font-size:13px}.lobby-state.ok{color:var(--lobby-ok)}.lobby-check{color:var(--lobby-dim);margin:0 0 10px;font-size:14px;display:block}.lobby-btn.block{width:100%}.lobby-code{color:var(--lobby-dim);margin:0 0 14px}.lobby-code strong{color:var(--lobby-accent);letter-spacing:4px;margin-left:4px;font-size:24px}.lobby-badge{background:#2f3542;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px}.lobby-help{color:var(--lobby-dim);text-align:center;margin:18px 0 0;font-size:13px;line-height:1.6}.lobby-status{color:var(--lobby-error);text-align:center;margin:14px 0 0;font-size:14px}.install-hint{z-index:30;color:var(--lobby-text);background:#000000bf;justify-content:center;align-items:center;padding:16px;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.install-card h2{text-align:center;color:var(--lobby-accent)}.install-steps{margin:0 0 16px;padding-left:22px;font-size:16px;line-height:1.8}.install-card .lobby-btn.block{margin-bottom:10px}.game-chat{font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif}.game-chat-log{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:min(420px,60vw);display:flex;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}.game-chat.typing .game-chat-log{bottom:calc(var(--chat-lift,0px) + 64px)}.game-chat-line{color:#fff;word-break:break-all;background:#0000008c;border-radius:8px;padding:3px 8px;font-size:14px;line-height:1.35;transition:opacity .8s}.game-chat-line b{color:#ffd84a}.game-chat-line.me b{color:#8fd0ff}.game-chat-line.fade{opacity:0}.game-chat-bar{bottom:calc(var(--chat-lift,0px) + 12px);z-index:6;gap:6px;width:min(480px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.game-chat-bar[hidden],.game-chat-open[hidden]{display:none}.game-chat-bar input{color:#fff;min-width:0;font:inherit;background:#0d0f14eb;border:2px solid #ffd84a;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:16px}.game-chat-bar button{color:#1a1a1a;font:inherit;background:#ffd84a;border:0;border-radius:10px;padding:0 14px;font-weight:700}.game-chat-open{z-index:5;cursor:pointer;background:#00000080;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:22px;line-height:44px;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.room-chat{margin:14px 0 0}.room-chat-log{border:1px solid var(--lobby-line);word-break:break-all;background:#0000004d;border-radius:10px;height:120px;padding:8px 10px;font-size:14px;line-height:1.5;overflow-y:auto}.room-chat-log b{color:var(--lobby-accent)}.room-chat-log .me b{color:var(--lobby-me)}.room-chat-log .empty{color:var(--lobby-dim)}.room-chat .lobby-row{margin-top:8px}.room-chat .lobby-input{margin-bottom:0}