@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";:root{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#e9edf5;background-color:#0b1224;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15),transparent 25%),radial-gradient(circle at 80% 0%,rgba(34,211,238,.15),transparent 30%),#0b1224;color:#e9edf5}a{color:inherit;text-decoration:none}.app-root{width:100%;height:100vh;display:flex;justify-content:center;align-items:stretch;overflow:hidden;position:relative}.app-frame{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;min-height:0;--topbar-height: 64px;--side-ad-space: 0px;--bottom-ad-space: 106px;--content-gap: 8px}.app-content{flex:1;min-height:0;display:grid;place-items:center;padding:var(--topbar-height) calc(var(--side-ad-space) * var(--ui-scale-inverse, 1)) calc(var(--bottom-ad-space) * var(--ui-scale-inverse, 1));box-sizing:border-box;overflow:hidden;padding-top:calc(var(--topbar-height) + var(--content-gap));padding-bottom:calc(var(--bottom-ad-space) * var(--ui-scale-inverse, 1) + var(--content-gap))}.screen{display:flex;flex-direction:column;gap:16px}.global-topbar{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;min-height:64px;font-size:1.25rem;border-radius:0;background:#162a34eb;color:#e7fbf7;box-shadow:0 16px 36px #04121a4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.global-top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.global-brand{position:relative;display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em}.global-brand-dot{width:10px;height:10px;border-radius:8px;background:#4de3c2;box-shadow:0 0 0 4px #4de3c22e}.global-brand-name{font-size:.9rem}.global-status{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;padding:12px;border-radius:8px;background:#2b3c4b;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #0c161e59;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;color:#d6e3ea;z-index:10}.global-brand:hover .global-status{opacity:1;pointer-events:auto;transform:translateY(0)}.global-status-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85rem}.global-status-label{color:#d6e3eab3}.global-status-value{font-weight:700;color:#fff}.global-stats{display:flex;align-items:center;gap:36px;flex-wrap:wrap}.global-stat{background:transparent;border:none;color:#e7fbf7;font-weight:600;padding:0;border-radius:8px;cursor:default;display:inline-flex;align-items:center;line-height:1.1}.global-stat span{margin-right:3px}.global-stat-button{border:none;background:transparent;color:#e7fbf7;font-weight:600;padding:0;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;line-height:1.1}h1,h2{margin:0}.panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:8px;box-shadow:0 12px 40px #00000040}.panel-title{font-weight:600;color:#c4d2e8;margin-bottom:8px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.list-title{font-weight:600;display:flex;align-items:center;gap:8px}.list-sub{color:#9fb3ce;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px}.muted{color:#90a3c0}.button{background:linear-gradient(135deg,#5b7cfa,#48c6ef);color:#0b1224;border:none;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #48c6ef59}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.secondary{background:#ffffff14;color:#e9edf5;box-shadow:none}.button.danger{background:#ef476f;color:#fff;box-shadow:0 12px 30px #ef476f59}.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#e9edf5;box-shadow:none}.app-icon{width:22px;height:22px;display:block;fill:currentColor;flex-shrink:0}.action-button{border-radius:8px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 4px #0f181c33}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.stack{display:flex;flex-direction:column;gap:8px}.chip{background:#ffffff14;padding:4px 8px;border-radius:8px;font-size:.85rem;color:#dfe7f7}.chip.positive{background:#48c6ef29;color:#48c6ef}.chip.warning{background:#ef964829;color:#ef9648}.chip.highlight{background:#5b7cfa33;color:#b7c5ff}.toast-stack{position:fixed;left:0;right:0;bottom:calc(var(--bottom-ad-space, 0px) * var(--ui-scale-inverse, 1) + var(--content-gap, 0px) + 16px);z-index:20;pointer-events:none}.toast{position:absolute;left:50%;bottom:0;transform:translate(-50%,calc(12px - var(--toast-offset, 0px)));opacity:0;pointer-events:none}.toast.is-open{opacity:1;transform:translate(-50%,calc(0px - var(--toast-offset, 0px)));pointer-events:auto}.toast-content{background:var(--toast-bg, #5fbf6a);color:var(--toast-fg, #f6fff7);border:1px solid var(--toast-border, rgba(26, 85, 44, .35));padding:16px 24px;border-radius:10px;width:min(720px,94vw);max-width:min(940px,94vw);display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 12px 24px #143c2840;font-weight:700;font-size:20px;transition:opacity .2s ease,transform .25s ease}.toast-message{flex:1}.toast-close{border:1px solid rgba(255,255,255,.6);background:#ffffff1f;color:inherit;border-radius:8px;padding:6px 12px;font-weight:700;font-size:20px;cursor:pointer}.toast.is-error .toast-content{--toast-bg: #c02f46;--toast-fg: #ffffff;--toast-border: #9f263a}.toast.is-warning .toast-content{--toast-bg: #ef9448;--toast-fg: #fff4ea;--toast-border: #d97e2f}.toast.is-info .toast-content{--toast-bg: #48c6ef;--toast-fg: #e7f9ff;--toast-border: #2aa9d2}.grid{display:flex;flex-wrap:wrap;gap:6px}.board{position:relative;width:auto;height:100%;max-width:100%;aspect-ratio:1 / 1;margin:0}.board-grid{position:relative;border-radius:8px;width:100%;height:100%;background:#f2e5cf;border:1px solid rgba(0,0,0,.12);overflow:hidden}.board-nodes,.board-pieces,.board-targets{position:absolute;inset:0;pointer-events:none}.board-nodes{z-index:1}.board-targets{z-index:4}.board-pieces{z-index:3}.board-node{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #0b1224;background:#f8e9cc;box-shadow:inset 0 -2px #00000026;transform:translate(-50%,-50%);display:grid;place-items:center}.board-node--large{width:42px;height:42px;border-radius:50%;border-width:3px;box-shadow:inset 0 -3px #0000002e;z-index:2}.board-node-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0b1224;width:18px;height:18px}.board-piece{position:absolute;width:26px;height:26px;border-radius:50%;border:2px solid rgba(0,0,0,.25);color:#0b1224;font-weight:700;display:grid;place-items:center;cursor:default;transition:transform .15s ease,box-shadow .2s ease;pointer-events:auto}.board-piece.is-pending{cursor:pointer;box-shadow:0 0 0 2px #48c6ef59;animation:board-pulse 2.8s ease-in-out infinite}.board-piece.is-turn{box-shadow:0 0 0 2px #5b7cfa59}.board-piece:disabled{opacity:1}.board-target{position:absolute;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,122,64,.95);background:#ff7a4040;transform:translate(-50%,-50%);cursor:pointer;font-size:0;pointer-events:auto}@keyframes board-pulse{0%{box-shadow:0 0 #48c6ef40}70%{box-shadow:0 0 0 8px #48c6ef00}to{box-shadow:0 0 #48c6ef00}}@keyframes pulse{0%{box-shadow:0 0 #48c6ef8c}70%{box-shadow:0 0 0 16px #48c6ef00}to{box-shadow:0 0 #48c6ef00}}@media(max-width:768px){.button{width:100%}}.app-frame.menu-shell{--menu-bg-1: #19a58e;--menu-bg-2: #128c79;--menu-bg-3: #0e7466;--menu-panel: #f2f6f5;--menu-card: #f7faf9;--menu-sidebar: #2d3f4d;--menu-sidebar-dark: #243642;--menu-ink: #123237;--menu-muted: #54686d;--menu-accent: #2fba6e;--menu-accent-2: #ef8c2b;--menu-blue: #2f8fcd;--menu-shadow: 0 30px 80px rgba(7, 35, 35, .35);--zoom-level: 1;--zoom-opposite-level: 1;--topbar-height: 64px;--bottom-ad-space: 106px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;color:var(--menu-ink);position:relative;z-index:0}.app-frame.menu-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.16) 0 7px,transparent 8px) 0 0 / 70px 70px,radial-gradient(circle at 55px 60px,rgba(0,0,0,.08) 0 14px,transparent 15px) 0 0 / 160px 160px,linear-gradient(180deg,var(--menu-bg-1),var(--menu-bg-3));z-index:-1}.menu-screen{width:100%;height:100%;min-height:0;display:grid;place-items:center;box-sizing:border-box}.menu-screen .menu-shell-grid{transform:scale(var(--zoom-level, 1));transform-origin:center;width:fit-content;margin:0 auto;transition:transform .2s ease;justify-self:center;align-self:center}.menu-screen--replaced .menu-center-card{min-height:520px}.menu-session-card{background:#2e4150;color:#f2f7f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;text-align:center;border-radius:8px;box-shadow:0 30px 80px #071b2273}.menu-session-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:#ffffff1a;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;color:#ffffffbf}.menu-session-pill-dot{width:8px;height:8px;border-radius:8px;background:#ff9075;box-shadow:0 0 0 4px #ff907533}.menu-session-icon{width:64px;height:64px;border-radius:8px;display:grid;place-items:center;background:#ffffff1f;font-size:32px}.menu-session-icon .app-icon{width:32px;height:32px}.menu-session-title{font-size:1.4rem;font-weight:800}.menu-session-message{max-width:420px;line-height:1.5;color:#fffc}.menu-session-button{border:none;padding:10px 18px;border-radius:8px;font-weight:700;background:#f1f5f8;color:#1d2c37;cursor:pointer;box-shadow:0 12px 28px #0c1c2459;transition:transform .12s ease,box-shadow .12s ease}.menu-session-button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0c1c2466}.menu-session-hint{font-size:.85rem;color:#fff9}.menu-shell-grid{display:flex;justify-content:center;align-items:stretch}.menu-center-card{width:var(--card-default-width, min(1200px, 100%));min-width:var(--card-min-width, auto);min-height:var(--card-min-height, 620px);height:var(--card-default-height, min(720px, calc(100vh - 200px) ));border-radius:8px;margin:0 auto;justify-self:center}.menu-center-card--room{height:var(--card-default-height, min(720px, calc(100vh - 200px) ));min-height:620px}.menu-card-resizer{position:absolute;right:2px;bottom:2px;width:14px;height:14px;cursor:se-resize;overflow:hidden;border-radius:8px;background:transparent;box-shadow:none;opacity:.7;transition:opacity .2s ease}.menu-card-resizer:before,.menu-card-resizer:after{content:"";position:absolute;width:1px;height:100%;background:#0c282c73;transform:translate(50%,50%) rotate(45deg);right:4px;bottom:4px}.menu-card-resizer:after{right:2px;bottom:2px}.menu-card-resizer:hover{opacity:1}.menu-ad-slot{width:160px;min-width:160px;height:600px;min-height:600px;margin:0;border-radius:8px;background:#78828c40;border:1px dashed rgba(70,80,90,.4)}.menu-ad-slot--bottom{display:block;position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:728px;height:90px;min-height:90px;max-width:728px;margin:0;z-index:5}.menu-card{margin:0 auto;max-width:1120px;background:var(--menu-panel);border-radius:8px;box-shadow:var(--menu-shadow);display:grid;grid-template-columns:260px 1fr;overflow:hidden;border:1px solid rgba(16,45,48,.08);position:relative;transition:width .2s ease,height .2s ease}.menu-screen .menu-card{border-radius:8px;box-shadow:0 0 15px 1px #07141859;border:1px solid rgba(15,24,28,.2)}.menu-card.is-resizing{transition:none}.menu-hub{--menu-hub-sidebar-width: 250px;--card-default-width: 870px;--card-default-height: 550px;--card-min-width: 870px;--card-min-height: 500px;grid-template-columns:var(--menu-hub-sidebar-width) 1fr;min-height:500px;background:#f0f4f4;border-radius:8px;position:relative;overflow:hidden}.menu-hub-sidebar{background:#2e3a4a;color:#e8eef4;display:flex;flex-direction:column;justify-content:flex-start;padding:0;gap:0;z-index:2}.menu-hub-profile{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;padding:16px 12px 10px;color:inherit;text-align:left;cursor:pointer}.menu-hub-avatar{width:54px;height:54px;border-radius:50%;background:#f5c84a;color:#1e2733;display:grid;place-items:center;font-weight:800;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:inset 0 -4px #0003}.menu-hub-avatar:after{content:"";position:absolute;inset:0;background:#191e2347;opacity:0;transition:opacity .2s ease}.menu-hub-avatar-edit{position:relative;z-index:1;width:22px;height:22px;color:#e8eef4e6;opacity:0;transition:opacity .2s ease}.menu-hub-profile:hover .menu-hub-avatar:after,.menu-hub-profile:hover .menu-hub-avatar-edit{opacity:1}.menu-hub-profile-info{display:flex;flex-direction:column;justify-content:center;gap:0}.menu-hub-name{font-weight:700;font-size:1rem}.menu-hub-footer-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:auto;margin-left:0;margin-right:0;border-top:1px solid rgba(255,255,255,.12);position:sticky;bottom:0;background:#2e3a4a;z-index:2}.lobby-sidebar .menu-hub-footer-icons{margin-left:0;margin-right:0;width:100%;box-sizing:border-box}.menu-hub-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e6f0f5;height:40px;display:grid;place-items:center;cursor:pointer}.menu-hub-main{padding:18px 20px 20px;display:flex;flex-direction:column;gap:18px;transition:none;font-size:14px;height:100%;min-height:0}.menu-hub-main.is-rooms-open{padding:0}.menu-hub-main.menu-match-main{padding:0;gap:0}.menu-match-content{margin:0;padding:6px;display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.menu-hub-hero{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.menu-hub-title{font-size:1.6rem;font-weight:800;color:#243b3f;letter-spacing:.08em}.menu-hub-subtitle{color:#587074;font-size:.75rem}.menu-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:8px;overflow:hidden;box-shadow:0 3px #0f181c33}.menu-hub-action{border:1px solid rgba(0,0,0,.18);padding:12px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;box-shadow:none;text-align:center;height:58px}.menu-hub-action-primary{background:#5fbf6a;color:#fff;border-radius:8px 0 0 8px}.menu-hub-action-secondary{background:#c46a1f;color:#fff;border-left:0;border-radius:0 8px 8px 0}.menu-hub-create{display:block}.menu-hub-create-control{position:relative;width:100%}.menu-hub-create-button{position:relative;width:100%;display:grid;place-items:center;background:#4f86c6;color:#fff;border:1px solid rgba(0,0,0,.2);padding:12px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;box-shadow:0 3px #0f181c33;text-align:center;border-radius:8px;height:58px}.menu-hub-create-label{font-size:inherit}.menu-hub-create-select{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid rgba(200,210,218,.9);color:#1f2f35;font-size:.85rem;border-radius:8px;width:110px;left:auto}.menu-hub-create-select.is-open{box-shadow:none}.menu-hub-create-select-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d2dede;color:inherit;font-weight:600;font-size:.85rem;cursor:pointer;padding:6px 10px;width:100%;justify-content:center;position:relative;border-radius:8px}.menu-hub-create-select-icon{width:18px;height:18px;position:absolute;left:10px;color:#2b4b50}.menu-hub-create-select-label{line-height:1;display:block;width:100%;text-align:center}.menu-hub-create-select-caret{width:18px;height:18px;position:absolute;right:10px;color:#2b4b50;transition:transform .2s ease}.menu-hub-create-select.is-open .menu-hub-create-select-caret{transform:rotate(180deg)}.menu-hub-create-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:auto;background:#fff;border:1px solid #d2dede;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 16px #0714181f;z-index:3;width:110px;margin-left:0;padding:0;gap:0}.menu-hub-create-option{border:none;background:#fff;color:#2b4b50;font-weight:700;font-size:.85rem;padding:6px 10px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:32px;border-radius:0}.menu-hub-create-option:not(:first-child){border-top:1px solid #d2dede}.menu-hub-create-option-icon{width:18px;height:18px;position:absolute;left:10px;color:#2b4b50}.menu-hub-create-option-label{display:block;width:100%;text-align:center}.menu-hub-create-option:hover,.menu-hub-create-option.is-active{background:#eaf4f6}.menu-hub-create-option.is-active{font-weight:800;color:#1f3f44}.menu-hub-find{display:flex;flex-direction:column;gap:12px}.menu-hub-find-button{background:#4b7ebc;color:#fff;border:1px solid rgba(0,0,0,.2);padding:12px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:0 3px #0f181c33;border-radius:8px;height:76px;justify-content:center}.menu-hub-find-sub{font-size:.8rem;font-weight:500;color:#ffffffbf}.menu-hub-links{display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.menu-hub-chip{border:none;background:#e3e6e8;color:#2c3c42;padding:10px 14px;font-weight:600;font-size:.8rem;cursor:pointer;border-radius:999px;text-align:center;box-shadow:0 2px #0f181c26}.menu-profile-overlay{position:absolute;inset:0;transform:none;width:100%;height:100%;background:#2f3e4c;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:28px 30px 30px;border-radius:8px;box-shadow:none;opacity:0;transition:opacity .25s ease;z-index:5;pointer-events:none}.menu-profile-overlay.is-open{opacity:1;pointer-events:auto}.menu-profile-overlay{color:#e8eef4}.menu-profile-overlay:before{content:none}.menu-profile-overlay:after{content:none}.menu-profile-overlay>*{position:relative;width:100%;z-index:1}.menu-profile-close{position:absolute;top:16px;right:18px;width:auto;border:none;background:transparent;color:#e8eef4b3;font-size:1.7rem;cursor:pointer;z-index:2}.menu-profile-title{font-size:1.35rem;font-weight:700;text-align:left;padding-bottom:10px}.menu-profile-body{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 22px;border-radius:8px;flex-wrap:wrap}.menu-profile-form-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto 0;width:100%}.menu-profile-preview{position:relative;display:flex;align-items:center}.menu-profile-avatar{width:128px;height:128px;border-radius:50%;border:3px solid rgba(255,255,255,.85);background-size:cover;background-position:center;position:relative}.menu-profile-refresh{position:absolute;bottom:-6px;right:-6px;border:none;background:#415665;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 16px #00000059;display:grid;place-items:center}.menu-profile-refresh .app-icon{width:18px;height:18px}.menu-profile-colors{display:grid;grid-template-columns:repeat(4,42px);gap:12px;justify-content:center}.menu-profile-color{width:42px;height:42px;border-radius:50%;border:2px solid transparent;cursor:pointer}.menu-profile-color.is-active{border-color:#fff;box-shadow:0 0 0 2px #fff3}.menu-profile-avatar-option.is-active{border-color:#f5dea5;box-shadow:0 0 0 2px #f5dea54d}.menu-profile-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:#e8eef4cc;align-items:center}.menu-profile-field input{width:420px;height:44px;border-radius:8px;border:none;padding:0 12px;font-size:1rem}.menu-profile-save{border:none;background:#4f86c6;color:#fff;font-weight:700;font-size:1rem;height:44px;border-radius:8px;cursor:pointer;box-shadow:0 4px #0003;width:min(420px,100%);margin-top:-2px}.menu-profile-legal{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;font-size:.9rem;color:#e8eef4b3}.menu-profile-link{color:inherit;text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;font:inherit}.menu-profile-link:hover{text-decoration:underline}.menu-profile-legal-dot{opacity:.6}.menu-hub.is-profile-open .menu-hub-main{opacity:0;pointer-events:none}.list-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.12);font-size:.75rem;font-weight:700;color:#1e2733}.menu-join-overlay{position:fixed;inset:0;background:#141c24a6;display:flex;align-items:center;justify-content:center;z-index:15}.app-modal-overlay{position:fixed;inset:0;background:#141c24a6;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px;box-sizing:border-box}.app-modal-card{width:min(860px,92vw);max-height:min(80vh,680px);background:#2f3e4c;color:#e8eef4;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #0a121a66;padding:20px 22px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.app-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-modal-title{font-size:1.2rem;font-weight:700}.app-modal-close{border:none;background:transparent;color:#e8eef4b3;font-size:1.7rem;cursor:pointer;line-height:1}.app-modal-body{overflow:auto;display:flex;flex-direction:column;gap:12px;line-height:1.6;color:#e8eef4d9}.menu-legal-text p{margin:0}.menu-join-card{width:min(860px,92vw);background:#2e3a4a;color:#fff;border:1px solid rgba(16,45,48,.08);box-shadow:var(--menu-shadow);padding:22px 24px;border-radius:8px;font-size:14px}.menu-join-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.menu-join-title{font-size:1.35rem;font-weight:700}.menu-join-subtitle{margin-top:6px;color:#ffffffc7;font-size:1.05rem}.menu-join-close{border:none;background:transparent;color:var(--menu-muted);font-size:1.6rem;line-height:1;cursor:pointer}.menu-join-form{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:0;align-items:center;font-size:14px}.menu-join-form input{height:50.7px;border:1px solid #d2dede;background:#fff;color:#2b4b50;padding:0 12px;border-radius:8px 0 0 8px;font-size:14px;font-family:inherit;font-weight:700;line-height:1}.menu-join-form input::placeholder{font-size:16px}.menu-join-form button{height:50.7px;border:none;background:transparent;color:inherit;font-weight:700;cursor:pointer;border-radius:0 8px 8px 0;font-size:18px;font-family:inherit;line-height:1;min-width:160px;padding-left:26px;padding-right:26px}.menu-join-submit{background:#2f6b4a;color:#fff;border:1px solid #235437;box-shadow:0 4px #10342259}.menu-join-submit:disabled{background:#2f6b4a;color:#fff;border-color:#235437;cursor:not-allowed;box-shadow:0 4px #10342259;opacity:1}.menu-join-submit:disabled:not(.is-ready){background:#2f6b4a;border-color:#235437;box-shadow:0 4px #10342259;color:#fff;opacity:1}.menu-join-submit.is-ready{background:#4bbf6a;border-color:#105c3099;box-shadow:0 4px #0b3a1e47}.menu-toggle.is-active{border-color:#2f8fcd66;background:#2f8fcd26;color:#0e3940}.menu-room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;min-height:64px;margin:0 14px 10px;border-radius:8px;border:1px solid rgba(15,24,28,.18);background:#f9fbfb;box-shadow:0 2px #0f181c1f}.menu-room-row:first-of-type{margin-top:12px}.menu-room-row:last-of-type{margin-bottom:14px}.menu-room-host{display:flex;align-items:center;gap:10px;min-width:0}.menu-room-avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(15,24,28,.18);background-position:center;background-size:cover;box-shadow:0 2px #0f181c26;flex:0 0 auto}.menu-room-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-room-name{font-weight:800}.menu-room-info{flex:1;text-align:center;font-size:.9rem;font-weight:700;color:var(--menu-muted)}.menu-room-actions{display:flex;align-items:center;gap:8px}.menu-room-count{font-weight:700;color:var(--menu-muted);min-width:64px;text-align:right}.menu-room-join{background:#4bbf6a;border-color:#105c3099;box-shadow:0 4px #0b3a1e47;color:#fff;padding-left:18px;padding-right:18px;min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.menu-room-join:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.menu-room-join.is-private,.lobby-leave-button.menu-room-join.is-private,.menu-join-submit{background:#6f7b87;border-color:#0f181c59;box-shadow:0 4px #0f181c47;color:#fff}.menu-join-submit:disabled{background:#6f7b87;border-color:#0f181c59;box-shadow:0 4px #0f181c47;color:#fff}@media(max-width:960px){.menu-shell-grid{grid-template-columns:minmax(0,1fr)}.menu-center-card{width:min(92vw,1100px);height:auto;min-height:560px}.menu-card{grid-template-columns:1fr}.menu-card-resizer{display:none}.menu-hub{grid-template-columns:1fr}.menu-hub-sidebar{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.menu-hub-sidebar.lobby-sidebar{flex-direction:column;align-items:stretch}.menu-hub-profile{width:100%}.menu-hub-footer-icons{width:100%;grid-template-columns:repeat(4,1fr)}.lobby-settings-row,.lobby-mode-row,.lobby-setting-grid{grid-template-columns:1fr}.lobby-bottom-bar{flex-direction:column;align-items:stretch}.lobby-bottom-center{width:100%;justify-content:stretch}}@media(max-width:720px){.menu-room-row{flex-direction:column;align-items:flex-start}.menu-profile-body{flex-direction:column}.menu-profile-colors{justify-content:center}.menu-profile-close{top:18px;right:18px}.menu-profile-overlay{width:100%;height:100%;padding:20px 18px 24px;align-items:stretch}}.lobby-main{padding:0;gap:0;display:flex;flex-direction:column}.lobby-sidebar{padding:0;gap:0;justify-content:flex-start;height:100%;min-height:0}.lobby-sidebar-profile{display:flex;align-items:center;gap:12px;padding:16px 12px 10px}.lobby-sidebar-avatar{width:54px;height:54px;border-radius:50%;background:#f5c84a;display:grid;place-items:center;font-weight:800;color:#1e2733;background-size:cover;background-position:center;box-shadow:inset 0 -4px #0003}.lobby-sidebar-info{display:flex;flex-direction:column;justify-content:center;gap:0}.lobby-sidebar-name{font-weight:700;font-size:1rem}.lobby-sidebar-section{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#e6f0f5b3;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.lobby-sidebar-section-sub{font-size:.7rem;color:#e6f0f599}.lobby-sidebar-section--bot{border-top:none}.lobby-sidebar-section-sub--bot{display:inline-flex;align-items:center;gap:8px}.lobby-bot-add{border:1px solid rgba(230,240,245,.3);background:#ffffff1a;color:#e6f0f5;width:24px;height:24px;border-radius:8px;font-weight:700;cursor:pointer}.lobby-bot-add:disabled{opacity:.45;cursor:not-allowed}.lobby-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;flex:1;overflow-y:auto}.lobby-sidebar-row{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-left:3px solid transparent;background:#ffffff0a}.lobby-sidebar-row.is-turn{border-left-color:#3fcb74;background:#ffffff0a}.lobby-sidebar-row.is-disconnected{opacity:.55;filter:grayscale(.35)}.lobby-sidebar-row-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff29;display:grid;place-items:center;font-weight:700;background-size:cover;background-position:center}.lobby-sidebar-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lobby-sidebar-row-name{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:6px}.lobby-sidebar-row-sub{font-size:.68rem;color:#e6f0f5a6;display:flex;align-items:center;gap:6px}.lobby-piece-row{display:flex;align-items:center;gap:6px}.lobby-piece{width:12px;height:12px;border-radius:50%;border:1px solid rgba(230,240,245,.5);display:grid;place-items:center;font-size:.6rem;line-height:1;color:#0f2a2e;padding:0;background:transparent;cursor:default;appearance:none}.lobby-piece--home{background:transparent}.lobby-piece--board{background:#9aa7b0;border-color:#9aa7b0}.lobby-piece--finished{background:#3fcb74;border-color:#3fcb74;color:#fff}.lobby-piece.is-selectable{cursor:pointer;box-shadow:0 0 0 2px #4de3c233}.lobby-piece.is-selected{box-shadow:0 0 0 2px #5b7cfa99}.lobby-piece:disabled{opacity:.7;cursor:default}.lobby-tag{background:#ffffff1f;color:#dce7ec;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:600}.lobby-tag.is-ready{background:#4de3c238;color:#e2fff8}.lobby-tag.is-team{background:#ffc25c38;color:#fff1da}.lobby-tag.is-bot{background:#6fb0ff38;color:#e1f0ff}.lobby-sidebar-row-status{margin-left:auto;display:flex;align-items:center}.lobby-host-icon{width:18px;height:18px;color:#f3c04f;text-shadow:0 1px 0 rgba(0,0,0,.2)}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#2e3a4a;color:#e8eef4;border-bottom:1px solid rgba(255,255,255,.12)}.lobby-topbar-title{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lobby-topbar-left{display:flex;align-items:center;gap:10px}.lobby-topbar-sub{font-size:.7rem;color:#e8eef4b3;line-height:1}.lobby-leave-button{border:1px solid rgba(239,71,111,.6);background:#ef476f;color:#fff;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;box-shadow:0 4px #4a0b1b47}.menu-room-join.lobby-leave-button{background:#4bbf6a;border-color:#105c3099;box-shadow:0 4px #0b3a1e47;color:#fff}.lobby-content{padding:12px 14px 8px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.lobby-setting-card{background:#fff;border:1px solid #dde9e8;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:none}.lobby-setting-card.lobby-setting-card--stacked{box-shadow:none;padding:8px;gap:8px}.lobby-setting-card--stacked .lobby-setting-title{display:none}.lobby-setting-control{border:1px solid #d2dede;background:#fff;padding:6px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:#2b4b50;cursor:pointer;width:100%;min-height:38px}.lobby-setting-control .app-icon{width:18px;height:18px}.lobby-setting-value{flex:1;text-align:right}.lobby-setting-value--left{text-align:left}.lobby-setting-card--stacked{gap:12px}.lobby-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-setting-row{display:flex;align-items:stretch;justify-content:flex-start;gap:8px;flex-direction:column}.lobby-setting-label{font-weight:800;color:#2b4b50;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.lobby-setting-info{width:16px;height:16px;color:#7a8f93}.lobby-setting-control-chevron{transition:transform .2s ease;width:18px;height:18px}.lobby-dropdown{position:relative;width:100%}.lobby-dropdown>summary{list-style:none}.lobby-dropdown>summary::-webkit-details-marker{display:none}.lobby-dropdown[open] .lobby-setting-control-chevron{transform:rotate(180deg)}.lobby-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d2dede;border-radius:8px;padding:0;display:grid;gap:0;overflow:hidden;box-shadow:0 6px 16px #0714181f;z-index:4}.lobby-dropdown-option{border:none;background:#fff;border-radius:0;padding:6px 8px;font-weight:700;color:#2b4b50;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.lobby-dropdown-option-icon{width:18px;height:18px;color:#2b4b50;flex-shrink:0}.lobby-dropdown-option:not(:first-child){border-top:1px solid #d2dede}.lobby-dropdown-option.is-active{background:#f1f7ff}.lobby-dropdown.is-disabled{opacity:.6;pointer-events:none}.lobby-pill.is-active{background:#2aa5a1;color:#fff;border-color:#1f8f8b;box-shadow:0 0 0 2px #2aa5a12e,0 3px #1b2d311f}.lobby-mode-row{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.lobby-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:-2px}.lobby-mode-tab{border:1px solid #d2dede;background:#fff;border-radius:8px;padding:8px 12px;font-weight:800;color:#2b4b50;cursor:pointer;box-shadow:none}.lobby-mode-tab:not(.is-active){margin-bottom:6px;color:#7b8f94;background:#f1f4f4}.lobby-mode-tab.is-active{background:#fff;border-color:#d2dede;border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;z-index:1}.lobby-mode-panel{background:#fff;border:1px solid #d2dede;border-radius:8px;padding:12px;box-shadow:none;flex:1;min-height:0}.lobby-mode-row.is-preset .lobby-mode-panel{border-top-left-radius:0}.lobby-mode-row.is-custom .lobby-mode-panel{border-top-right-radius:0}.lobby-mode-panel--scroll{overflow:auto}.lobby-mode-panel--scroll{scrollbar-width:thin}.lobby-mode-panel--scroll::-webkit-scrollbar{width:6px}.lobby-mode-panel--scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.lobby-mode-panel--scroll::-webkit-scrollbar-button:vertical:start:decrement,.lobby-mode-panel--scroll::-webkit-scrollbar-button:vertical:end:increment{display:none;width:0;height:0}.lobby-preset-card{border:1px solid #d2dede;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;box-shadow:0 4px #1b2d3114;width:50%;aspect-ratio:8 / 3;align-self:flex-start}.lobby-preset-card.is-active{border-color:#9fc4ee;box-shadow:0 0 0 2px #8fbeeb73,0 4px #1b2d3114}.lobby-preset-title{font-weight:700;color:#243b3f}.lobby-preset-sub{font-size:.85rem;color:#667c80}.lobby-content mark{background:#8fbeeb73;color:#234562;border-radius:4px;padding:0 3px}.lobby-preset-tag{align-self:flex-start;background:#ef8b2c29;color:#a15512;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:8px}.lobby-custom-grid{display:flex;flex-direction:column;gap:10px}.lobby-custom-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid rgba(197,212,215,.6);background:#fcfefe}.lobby-custom-left{display:flex;flex-direction:column;gap:4px}.lobby-custom-label{font-size:.85rem;font-weight:700;letter-spacing:.03em;color:#243b3f}.lobby-custom-sub{font-size:.8rem;font-weight:600;color:#7b8f94;margin-top:-2px}.lobby-custom-stepper{display:grid;grid-template-columns:48px minmax(80px,1fr) 48px;align-items:stretch;border-radius:8px;border:1px solid #b9c7cb;overflow:hidden;background:#fff;height:32px}.lobby-stepper-button{border:none;background:#4f83bf;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer}.lobby-stepper-button:disabled{opacity:.45;cursor:not-allowed;background:#96a9bf}.lobby-stepper-value{display:flex;align-items:center;justify-content:center;font-weight:700;color:#2b4b50}.lobby-custom-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:8px;border:1px solid #b9c7cb;background:#fff;overflow:hidden}.lobby-toggle-button{border:none;background:transparent;padding:8px 10px;font-weight:700;color:#5b6f75;cursor:pointer}.lobby-toggle-button.is-active{background:#4f83bf;color:#fff}.lobby-toggle-button:disabled{opacity:.5;cursor:not-allowed}.lobby-custom-note{font-size:.8rem;font-weight:600;color:#7b8f94;text-align:right}.lobby-team-list{display:flex;flex-direction:column;gap:0}.lobby-team-section{display:flex;flex-direction:column;gap:0;padding-bottom:0;border-bottom:none}.lobby-team-section:last-child{padding-bottom:0;border-bottom:none}.lobby-team-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px}.lobby-team-title{font-weight:700;font-size:.85rem;color:#dce7ec}.lobby-team-switch{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#eef6f8;border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:600;cursor:pointer}.lobby-team-switch:disabled{opacity:.45;cursor:not-allowed}.lobby-team-empty{padding:10px 12px;border-radius:0;background:#ffffff0f;color:#c6d3d6;font-size:.75rem}.lobby-bottom-bar{margin-top:auto;display:flex;align-items:stretch;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;box-shadow:none;position:static;z-index:3}.lobby-bottom-center{display:flex;gap:10px;flex:1;justify-content:center}.lobby-bottom-start{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.lobby-bottom-start .lobby-bottom-button{width:100%}.lobby-bottom-note{font-size:.75rem;font-weight:600;color:#6b7e82}.lobby-bottom-section{background:transparent;border:none;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;min-height:0}.lobby-bottom-section--invite,.lobby-bottom-section--rules{flex:0 0 auto}.lobby-bottom-section--main{flex:1 1 auto}.lobby-bottom-button{border:1px solid #c7d6d9;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease;background:#f6fafb;color:#2c5156;min-height:44px;min-width:120px}.lobby-bottom-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.lobby-bottom-button.is-invite{background:#4b7ebc;border-color:#3b6aa4;color:#f8fbff}.lobby-bottom-button.is-ready{background:#fff;min-width:140px;flex:1}.lobby-bottom-button.is-start{background:#31c06a;border-color:#1f8f4b;color:#fff;min-width:140px;flex:1}.lobby-bottom-button.is-rules{min-width:56px;padding-left:12px;padding-right:12px}.app-frame.room-shell{--room-bg-1: #19a58e;--room-bg-2: #128c79;--room-bg-3: #0e7466;--room-card: #f2f6f5;--room-panel: #ffffff;--room-sidebar: #2c3e4b;--room-sidebar-dark: #233441;--room-ink: #1a2f35;--room-muted: #5b6b71;--room-border: #d6dee2;--room-accent: #32c06a;--room-accent-2: #ef8b2c;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;color:var(--room-ink);position:relative;z-index:0}.app-frame.room-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.16) 0 7px,transparent 8px) 0 0 / 70px 70px,radial-gradient(circle at 55px 60px,rgba(0,0,0,.08) 0 14px,transparent 15px) 0 0 / 160px 160px,linear-gradient(180deg,var(--room-bg-1),var(--room-bg-3));z-index:-1}.room-shell .panel{background:var(--room-panel);border:1px solid var(--room-border);box-shadow:0 16px 40px #0923221f;color:var(--room-ink)}.room-shell .panel-title{color:var(--room-ink)}.room-shell .muted,.room-shell .list-sub{color:var(--room-muted)}.room-shell .chip{background:#0f646e14;color:#2c5156}.room-shell .button{background:linear-gradient(135deg,#49d96c,#28b862);color:#10311f;box-shadow:0 10px 20px #1c683840;border-radius:8px}.room-shell .button.secondary{background:#edf1f2;color:#1f3941;border:1px solid #d6dee2;box-shadow:none}.room-shell .button.ghost{background:transparent;color:#1f3941;border:1px solid #c7d2d6;box-shadow:none}.room-shell .button.danger{background:linear-gradient(135deg,#f26657,#d94c3f);color:#fff;box-shadow:0 12px 24px #b4362e4d}.match-player-row.is-turn{border-color:#4de3c299;box-shadow:0 0 0 2px #4de3c233}.match-badge.is-ready{background:#4de3c238;color:#e2fff8}.match-mode-card.is-active{border-color:#4de3c2cc;box-shadow:0 0 0 2px #4de3c22e}.match-game-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:18px;height:100%}.match-game-left{display:flex;flex-direction:column;gap:16px;align-items:center;height:100%}.match-game-right{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:12px 10px;background:#eef4f4;border-left:2px solid #d1dee0}.match-board-panel .panel-title{margin-bottom:8px}.match-throw-stack{display:flex;flex-direction:column;gap:10px}.match-throw-item{background:#f9fbfb;border:2px solid #c9d8db;border-radius:8px;padding:10px 12px;font-weight:800;color:#2b4b50;text-align:center;box-shadow:0 4px #1b2d3114}.match-throw-item--do{background:#e8c79a;border-color:#c39b68}.match-throw-item--gae{background:#7cb8f0;border-color:#4a8fd3}.match-throw-item--geol{background:#6fcf9f;border-color:#3aa475}.match-throw-item--yut{background:#ffb078;border-color:#e07a3b}.match-throw-item--mo{background:#caa2f4;border-color:#9464d9}.match-throw-item--backdo{background:#f59aa0;border-color:#d65b62}.match-throw-item--nak{background:#c5ccd3;border-color:#909aa4}.match-throw-empty{font-size:.8rem;color:#7a8f93;text-align:center;padding:6px 0}.match-auto-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:.75rem;color:#52656a}.match-auto-toggle{border:1px solid #c1d1d4;border-radius:999px;padding:6px 12px;font-weight:800;background:#f7fbfb;color:#6b7b80;cursor:pointer}.match-auto-toggle.is-on{border-color:#2aa5a1;background:#2aa5a1;color:#fff}.match-auto-toggle:disabled{opacity:.5;cursor:not-allowed}.match-throw-button{border:2px solid #3b6aa4;border-radius:8px;padding:12px 16px;font-weight:800;cursor:pointer;background:#4b7ebc;color:#f8fbff;box-shadow:0 4px #1b2d311f}.match-throw-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.room-shell .board{width:100%}.menu-match-content .board{width:auto;height:100%}.room-shell .board-grid{border-radius:8px;background:#f2e5cf;border:1px solid #cbb99d}.room-shell .piece{border:2px solid rgba(255,255,255,.55);color:#122126}.room-shell .piece-actionable{outline-color:#32c06a66}@media(max-width:980px){.match-game-grid{grid-template-columns:1fr}}