:root{--gold:#d9b86a;--gold-2:#f3dc9a;--gold-3:#8a6f33;--ink:#0b0f16;--felt:#262c36;--felt-2:#10141a;--glass:#fff1;--glass-2:#ffffff1c;--line:#ffffff2b;--line-2:#ffffff57;--txt:#f4f6fa;--txt-2:#f4f6faa8;--txt-3:#f4f6fa6b;--ok:#5ee1a0;--warn:#ffb648;--bad:#ff6b6b;--cyan:#7fd3ff;--sans:"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif;--num:"Rajdhani","Noto Sans KR",sans-serif}#ui{font-family:var(--sans);color:var(--txt);-webkit-font-smoothing:antialiased}#ui *{box-sizing:border-box}.h2-panel{pointer-events:auto;position:absolute}.glass{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);border-radius:18px;box-shadow:0 18px 40px #0000006b,inset 0 1px #ffffff47,inset 0 -1px #00000040}.glass-dark{background:linear-gradient(#0c10189e,#0c10187a)}html.q-low .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#12161ee6,#0c1018db)}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:.02em}.pill{letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 12px var(--ok);border-radius:50%}.dot.off{background:var(--bad);box-shadow:0 0 12px var(--bad)}.dot.wait{background:var(--warn);box-shadow:0 0 12px var(--warn)}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms,filter .12s}.btn:active{filter:brightness(1.12);transform:translateY(1px)scale(.985)}.btn.disabled{opacity:.42;pointer-events:none;filter:saturate(.5)}.topbar{align-items:center;gap:12px;padding:0 14px 0 18px;display:flex;overflow:hidden}.brand{border-right:1px solid var(--line);flex:none;align-items:center;gap:12px;margin-right:6px;padding-right:18px;display:flex}.brand .logo{background:linear-gradient(135deg,var(--gold-2),var(--gold-3));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 6px 16px #d9b86a59,inset 0 1px #ffffff8c}.brand .logo img{object-fit:cover;width:100%;height:100%;display:block}.brand b{letter-spacing:-.01em;font-size:19px;font-weight:900;line-height:1.05;display:block}.brand small{color:var(--txt-3);letter-spacing:.24em;font-size:11px;font-family:var(--num);margin-top:1px;display:block}.tinfo{color:var(--txt-2);white-space:nowrap;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex;overflow:hidden}.tinfo .pill{border:1px solid var(--line);background:#00000047;flex:none;height:36px}.tinfo .pill b{color:var(--txt);font-family:var(--num);font-size:17px;font-weight:600}.spacer{flex:1}.ibtn{white-space:nowrap;border:1px solid var(--line);width:42px;height:42px;color:var(--txt-2);background:#ffffff0d;border-radius:12px;flex:none;place-items:center;font-size:16px;display:grid}.ibtn.exit{color:#ffb1b1;background:#ff50501a;border-color:#ff787859;width:auto;padding:0 16px;font-size:14px;font-weight:700}.wallet{border:1px solid var(--line);white-space:nowrap;background:#00000047;border-radius:12px;flex:none;align-items:center;gap:10px;height:42px;padding:0 14px;display:flex}.wallet b{font-family:var(--num);color:var(--gold-2);font-size:19px}.topbar.dense{gap:8px;padding:0 10px 0 12px}.topbar.dense .brand{padding-right:10px}.topbar.dense .brand small{display:none}.topbar.dense .tinfo .pill{height:30px;padding:0 10px;font-size:12px}.topbar.dense .tinfo .pill b{font-size:14px}.topbar.dense .ibtn,.topbar.dense .wallet{height:34px}.topbar.dense .ibtn{width:34px}.topbar.dense .ibtn.exit{width:auto;padding:0 10px}.topbar.dense .wallet b{font-size:16px}.topbar.port{flex-wrap:wrap;align-content:center;row-gap:6px;padding:6px 10px}.topbar.port .tinfo{scrollbar-width:none;flex:1 0 100%;order:9;gap:6px;overflow-x:auto}.topbar.port .brand small,.topbar.port .brand b{display:none}.topbar.port .brand{margin-right:0;padding-right:8px}.topbar.port .wallet{margin-left:auto}.preview-tag{color:var(--warn);letter-spacing:.14em;font-size:11px;font-family:var(--num);padding:2px 0;font-weight:700;position:absolute;top:0;left:0;transform:translateY(-100%)}.actions{border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex}.actions.dense{border-radius:16px;gap:8px;padding:8px}.actions .row{gap:10px;display:flex}.actions.dense .row{gap:6px}.abtn{border:1px solid var(--line);white-space:nowrap;background:linear-gradient(#ffffff1f,#ffffff0d);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:64px;font-size:17px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff4d,0 8px 18px #00000059}.actions.dense .abtn{border-radius:12px;height:48px;font-size:14px}.abtn small{font-family:var(--num);color:var(--txt-2);font-size:15px;font-weight:600}.actions.dense .abtn small{font-size:12px}.abtn.fold{color:#ffc1c1;background:linear-gradient(#ff5a5a38,#ff5a5a14);border-color:#ff787859}.abtn.call{color:#dffcee;background:linear-gradient(#5ee1a047,#5ee1a014);border-color:#5ee1a073}.abtn.raise{color:#2a2010;background:linear-gradient(#f7e3a8,#d0aa5a);border-color:#ffecbeb3;box-shadow:0 10px 26px #d9b86a61,inset 0 1px #fff9}.abtn.raise small{color:#4a3a14}.abtn.allin{color:#fff;background:linear-gradient(#e2545a,#9c2530);border-color:#ff787880}.presets{align-items:center;gap:8px;display:flex}.actions.dense .presets{gap:5px}.pbtn{border:1px solid var(--line);height:36px;color:var(--txt-2);white-space:nowrap;background:#ffffff0f;border-radius:10px;place-items:center;padding:0 14px;font-size:13px;font-weight:700;display:grid}.actions.dense .pbtn{height:30px;padding:0 9px;font-size:11.5px}.pbtn.on{color:var(--gold-2);background:#d9b86a1f;border-color:#d9b86a8c}.slider{flex:1;align-items:center;gap:12px;min-width:120px;height:36px;padding:0 6px;display:flex}.track{cursor:pointer;background:#ffffff1f;border-radius:3px;flex:1;height:6px;position:relative}.track .fill{background:linear-gradient(90deg,var(--gold-3),var(--gold-2));border-radius:3px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #d9b86a99}.knob{background:radial-gradient(circle at 40% 35%,#fff7dd,#d9b86a);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000080,0 0 0 3px #d9b86a40}.amt{font-family:var(--num);color:var(--gold-2);text-align:right;min-width:96px;font-size:20px;font-weight:700}.actions.dense .amt{min-width:70px;font-size:15px}.actions.idle{opacity:.55}.actions.idle .abtn{filter:saturate(.35)}.wait-msg{color:var(--txt-3);text-align:center;height:24px;font-size:13px;line-height:24px}.actions.stack .presets{flex-wrap:wrap;row-gap:8px}.actions.stack .slider{flex:1 0 100%}.actions.stack .pbtn{flex:1}.reserve{color:var(--txt-2);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 14px;font-size:13px;display:flex;overflow:hidden}.reserve .chips{gap:6px;display:flex}.reserve .c{border:1px solid var(--line);height:28px;color:var(--txt);background:#ffffff0f;border-radius:8px;place-items:center;padding:0 10px;font-size:12.5px;font-weight:700;display:grid}.reserve .c.on{color:var(--cyan);background:#7fd3ff29;border-color:#7fd3ff99}.reserve.dense{padding-left:10px;font-size:11px}.reserve.dense .c{height:24px;padding:0 8px;font-size:11px}.log{color:var(--txt-2);border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;font-size:12.5px;display:flex;overflow:hidden}.log .hd{color:var(--txt-3);letter-spacing:.14em;font-size:12px;font-family:var(--num);align-items:center;gap:8px;font-weight:600;display:flex}.log .hd span{cursor:pointer;border-radius:6px;padding:2px 8px}.log .hd span.tab{color:var(--txt);background:#ffffff14}.log .body{flex-direction:column;flex:1;justify-content:flex-end;gap:3px;min-height:0;display:flex;overflow:hidden}.log p{white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;line-height:1.35;overflow:hidden}.log p b{color:var(--txt)}.log p .a{color:var(--cyan)}.log p .g{color:var(--gold-2);font-family:var(--num);font-size:13.5px}.log p .s{color:var(--txt-3)}.log .in{border:1px solid var(--line);height:32px;color:var(--txt-3);background:#0000004d;border-radius:9px;flex:none;align-items:center;margin-top:auto;padding:0 10px;display:flex}.log .in input{color:var(--txt);font-family:var(--sans);transform-origin:0;background:0 0;border:0;outline:0;flex:1;width:125%;font-size:16px;transform:scale(.8)}.log.modal{border-radius:18px;position:absolute}.modal-dim{pointer-events:auto;background:#0305099e;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal{border-radius:20px;min-width:280px;max-width:88vw;padding:22px 24px}.modal h3{margin:0 0 8px;font-size:18px}.modal p{color:var(--txt-2);margin:0 0 16px;font-size:14px;line-height:1.5}.modal .row{gap:8px;display:flex}.mbtn{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;flex:1;place-items:center;height:44px;font-size:14px;font-weight:700;display:grid}.mbtn.primary{color:#2a2010;background:linear-gradient(#f7e3a8,#d0aa5a);border-color:#ffecbeb3}.mbtn.danger{color:#ffc1c1;background:#ff5a5a29;border-color:#ff787859}.toast{white-space:nowrap;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.lobby-tabs{align-items:center;gap:8px;padding:0 4px;display:flex}.ltab{border:1px solid var(--line);height:36px;color:var(--txt-2);white-space:nowrap;background:#ffffff0f;border-radius:10px;place-items:center;padding:0 16px;font-size:13.5px;font-weight:700;display:grid}.ltab.on{color:var(--gold-2);background:#d9b86a1f;border-color:#d9b86a8c}.lobby-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:4px 6px 24px;display:grid;overflow:hidden auto}.lobby-grid.port{grid-template-columns:1fr}.tcard{border-radius:18px;align-items:center;gap:14px;height:112px;padding:14px 16px;display:flex;position:relative}.tcard .em{border:1px solid var(--line);background:#00000047;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.tcard .em i{background:linear-gradient(135deg,#243b63,#111a2e);border:2px solid #e9eef8;border-radius:4px;width:26px;height:36px;position:absolute;box-shadow:0 4px 8px #00000080}.tcard .em i:first-child{transform:rotate(-12deg)translate(-8px)}.tcard .em i:last-child{transform:rotate(10deg)translate(8px)}.tcard .meta{flex:1;min-width:0}.tcard .nm{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.tcard .bl{font-family:var(--num);color:var(--gold-2);margin-top:2px;font-size:18px;font-weight:600}.tcard .st{color:var(--txt-3);margin-top:2px;font-size:12px}.tcard .cnt{font-family:var(--num);color:var(--txt);text-align:right;flex:none;font-size:22px;font-weight:700}.tcard .cnt small{color:var(--txt-3);font-size:11px;font-family:var(--sans);letter-spacing:.08em;font-weight:500;display:block}.tcard.full{opacity:.6}.tcard .lock{color:var(--warn);letter-spacing:.1em;font-size:11px;font-family:var(--num);font-weight:700;position:absolute;top:10px;right:14px}.lobby-empty{color:var(--txt-3);text-align:center;padding:40px 0;font-size:14px}