@font-face{font-family:BMJUA;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff) format("woff");font-display:swap}:root{color-scheme:light;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;--bg-1: #5a3b27;--bg-2: #342316;--panel: rgba(231, 202, 165, .9);--panel-soft: rgba(213, 179, 138, .84);--line: rgba(64, 43, 28, .18);--text-main: #24170f;--text-sub: #6f523d;--accent: #7a8f64;--warn: #a96242;--primary: #8a5a39;background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);color:var(--text-main)}html{height:100%;overscroll-behavior:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#62412c,#341f13);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#app{min-height:100svh;height:100svh;display:block;padding:20px}button,[role=button]{touch-action:manipulation}.page-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:18px}.page-shell--public{position:relative;min-height:calc(100svh - 40px);height:calc(100svh - 40px);grid-template-rows:minmax(0,1fr);overflow:hidden}.page-shell--public:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,244,225,.03),transparent 30%);opacity:.4}.page-shell--public>*{min-height:0}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.layout{width:100%;display:grid;gap:20px;min-height:0}.rotate-guard{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.05),transparent 22%),#120a05eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rotate-guard-card{width:min(440px,100%);display:grid;gap:12px;padding:24px 22px;border-radius:28px;background:linear-gradient(180deg,#523523f5,#301e13f7);border:1px solid rgba(240,215,185,.16);box-shadow:0 24px 80px #00000061;color:#f5eadc;text-align:center}.rotate-guard-title{margin:0;font-size:clamp(28px,7vw,40px);line-height:.94;letter-spacing:-.05em;font-family:"Noto Serif KR",Georgia,serif}.rotate-guard-copy,.rotate-guard-note{margin:0;line-height:1.58;color:#f5e6d3cc}.rotate-guard-note{color:#f5e6d3eb}.header{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:16px 18px;border-radius:26px;border:1px solid rgba(46,29,19,.42);background:linear-gradient(180deg,#5c3e29f5,#3a2619f7),#3f291bf0;box-shadow:0 8px 20px #1c120b3d;position:relative;overflow:hidden}.header:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(240,215,185,.72),transparent);opacity:.68}.header-brand{display:grid;gap:4px}.header-kicker{margin:0;color:#f1d6b6c2;font-size:11px;letter-spacing:.26em;text-transform:uppercase}.title{margin:0;font-size:clamp(28px,4.6vw,44px);line-height:.95;letter-spacing:-.05em;font-weight:800;color:#f7e7cc;font-family:"Noto Serif KR",Georgia,serif}.title:after{content:"";display:block;width:104px;height:3px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(240,215,185,.78),transparent);opacity:.78}.subtitle{margin:0;color:#f5eadbc2;font-size:13px;letter-spacing:.08em}.status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{padding:7px 11px;border-radius:999px;border:1px solid rgba(240,215,185,.12);background:#20161080;font-size:13px;letter-spacing:.08em;color:#f3e5d2}.connected{color:var(--accent)}.disconnected{color:var(--warn)}.status .pill{text-transform:uppercase}.page-shell--public .room-eyebrow{color:#f5e2c1b8}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.room-shell{display:grid;gap:20px}.waiting-panel{display:grid}.waiting-card{border-radius:28px;padding:22px;background:radial-gradient(circle at 8% 4%,rgba(95,127,99,.06),transparent 22%),linear-gradient(180deg,#fdfaf4f5,#f3ecdfeb);border:1px solid rgba(67,56,43,.12);box-shadow:0 18px 42px #392c1f1f;position:relative;overflow:hidden}.waiting-card:before,.lobby-card:before,.auth-card:before,.sidebar:before,.board:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 36%),repeating-linear-gradient(90deg,rgba(67,56,43,.016) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(67,56,43,.016) 0 1px,transparent 1px 28px);opacity:.42;mix-blend-mode:multiply}.lobby-card,.waiting-card,.auth-card,.sidebar,.board{animation:none}.auth-shell{display:grid;place-items:center;min-height:0;height:100%}.auth-scene{width:min(430px,100%);display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;min-height:0;height:100%;justify-content:center}.auth-scene>*,.lobby-grid>*{min-height:0}.auth-hero{position:relative;overflow:hidden;border-radius:30px;padding:28px;background:linear-gradient(180deg,#503521,#2c1c11);border:1px solid rgba(43,27,17,.42);color:#f5e6d3;box-shadow:0 10px 24px #1c120b3d}.auth-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 20%);opacity:.24}.auth-hero-title{margin:12px 0;font-size:clamp(28px,4vw,44px);line-height:.95;letter-spacing:-.05em;font-family:"Noto Serif KR",Georgia,serif}.auth-hero-copy{max-width:36ch;margin:0;color:#f5e6d3c2;line-height:1.65}.auth-hero-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}.auth-hero-list li{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#20150d75;border:1px solid rgba(255,255,255,.06)}.auth-hero-list strong{color:#f7e4c9;font-size:15px;letter-spacing:.01em}.auth-hero-list span{color:#f5e6d3b3;font-size:13px}.lobby-shell{display:grid;gap:0;min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,360px);gap:18px;align-items:start;min-height:0}.lobby-banner{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:18px 20px;border-radius:26px;border:1px solid rgba(43,27,17,.38);background:linear-gradient(180deg,#5d3e27,#372315);box-shadow:0 8px 20px #1c120b38;position:relative;overflow:hidden}.lobby-banner:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(240,215,185,.62),transparent)}.lobby-banner-title{margin:4px 0 0;font-size:clamp(24px,3vw,36px);line-height:.95;letter-spacing:-.05em;color:#f7e7cc;font-family:"Noto Serif KR",Georgia,serif}.lobby-banner-copy{max-width:40ch;margin:0;color:#f5e6d3bd;line-height:1.55}.lobby-card{border-radius:28px;padding:22px;background:linear-gradient(180deg,#d5ae81f5,#b28257f0);border:1px solid rgba(89,63,41,.2);box-shadow:0 8px 20px #1c120b29}.lobby-card--rooms{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.lobby-card--setup{display:grid;align-content:start;gap:18px;overflow:auto}.lobby-section{display:grid;gap:12px}.lobby-card:last-child{background:linear-gradient(180deg,#cda275f5,#a97a4ff0)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.waiting-actions{min-width:180px;display:grid;gap:10px}.section-title{margin:0 0 6px;font-size:20px;letter-spacing:-.02em;color:#28180f;font-family:"Noto Serif KR",Georgia,serif}.section-copy{margin:0;color:#694b38;line-height:1.5}.room-list{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:10px;min-height:0;overflow:auto}.room-item{display:grid;gap:8px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#dbba8bf5,#c09261f0),#ffffff8a;border:1px solid rgba(89,63,41,.18);transition:transform .12s ease,border-color .12s ease,background .12s ease;box-shadow:inset 0 1px #ffffff70;position:relative;overflow:hidden}.room-item:before{content:"";position:absolute;inset:0;border-left:3px solid rgba(110,74,49,.34);pointer-events:none}.room-item strong{color:#24170f;font-weight:700}.room-item:hover{transform:translateY(-1px);border-color:#6e4a315c;background:linear-gradient(180deg,#e0c294fa,#ca9c6af5),#ffffffad}.room-item-empty{min-height:120px;place-content:center}.room-meta{color:#765842;font-size:14px}.room-actions{display:flex;gap:10px}.skin-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-chip{appearance:none;border:1px solid rgba(89,63,41,.2);cursor:pointer;font:inherit;padding:12px;border-radius:16px;display:grid;justify-items:start;gap:4px;color:#24170f;background:#f6e2c6ad;transition:transform .12s ease,border-color .12s ease,filter .12s ease,background .12s ease}.skin-chip:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.skin-chip:disabled{opacity:.65;cursor:wait}.skin-chip strong{font-size:15px}.skin-chip small{color:#6f523d}.skin-chip-swatch{width:40px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff38}.skin-chip--orange .skin-chip-swatch{background:linear-gradient(180deg,#ffb17d,#dc7744)}.skin-chip--blue .skin-chip-swatch{background:linear-gradient(180deg,#8dc6ff,#558ce7)}.skin-chip--active{border-color:#402b1c66;background:#fceed6eb;box-shadow:0 10px 24px #301e1224}.lobby-card .room-button,.lobby-card .room-refresh{background:linear-gradient(180deg,#e0c294fa,#c99d69fa);color:#312014;border:1px solid rgba(89,63,41,.18);box-shadow:inset 0 1px #ffffff47}.lobby-card .room-button:hover,.lobby-card .room-refresh:hover{background:linear-gradient(180deg,#e7ca9b,#d0a36d);border-color:#6e4a313d}.lobby-card .room-button:disabled{opacity:.52}.room-button,.room-refresh{appearance:none;border:0;cursor:pointer;font:inherit;padding:10px 14px;border-radius:12px;background:#ffffffb8;color:#2d382e;letter-spacing:.02em;transition:transform .12s ease,filter .12s ease,border-color .12s ease,background .12s ease;border:1px solid rgba(67,56,43,.12)}.room-button:hover,.room-refresh:hover,.logout-button:hover,.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.room-button:disabled{cursor:not-allowed;opacity:.5;filter:none}.room-refresh{margin-bottom:14px}.room-button-primary{background:linear-gradient(140deg,#5f7f63,#7c9270);color:#f8fbf6;border-color:#5f7f6347;font-weight:700}.room-form{margin-top:12px;display:grid;gap:12px}.auth-card{width:min(430px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,#d8b181f5,#ba8a58f0);border:1px solid rgba(89,63,41,.18);box-shadow:0 8px 20px #1c120b24;overflow:auto}.auth-card-head{margin-bottom:14px}.auth-card-copy{margin:0;color:#6f523d;line-height:1.45;font-size:14px}.auth-tabs{display:flex;gap:10px;margin-bottom:18px}.auth-tab,.auth-submit,.logout-button{appearance:none;border:0;cursor:pointer;font:inherit}.auth-tab{padding:10px 14px;border-radius:999px;color:#4f3525;background:#f4ddbdc7;border:1px solid rgba(89,63,41,.16)}.auth-tab-active{color:#f7ead9;background:linear-gradient(140deg,#6c452c,#8b5a37);border-color:#593f2938}.auth-form{display:grid;gap:14px}.auth-label{display:grid;gap:8px;color:#4f3525}.auth-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(89,63,41,.16);background:#f7e8d5d6;color:#24170f;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;font:inherit}.auth-input:focus{border-color:#6e4a3194;box-shadow:0 0 0 3px #6e4a311f;background:#faeddef5}.auth-error{min-height:22px;margin:0;color:#923f2a}.auth-actions{display:flex;margin-top:4px}.auth-submit,.logout-button{padding:11px 16px;border-radius:14px;background:linear-gradient(140deg,#6b4328,#8f5a35);color:#f7ead9;font-weight:700;transition:transform .12s ease,filter .12s ease}.logout-button{margin-bottom:18px}.board{border-radius:28px;padding:20px;background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.03),transparent 22%),linear-gradient(180deg,#d0a778f5,#b28154f0);border:1px solid rgba(89,63,41,.18);box-shadow:0 16px 38px #1c120b24}.sidebar{border-radius:28px;padding:20px;background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.03),transparent 22%),linear-gradient(180deg,#cca272f5,#b07c4eeb);border:1px solid rgba(89,63,41,.18);display:grid;align-content:start;gap:10px}.account-block,.status-card{padding:14px;border-radius:18px;background:#f8e8d2b8;border:1px solid rgba(89,63,41,.12)}.account-name{margin:8px 0 0;color:#24170f;font-size:18px;font-weight:700}.sidebar-actions{display:grid;gap:10px;margin-top:14px}.canvas{width:100%;height:auto;display:block;border-radius:16px;background:linear-gradient(180deg,#111b33,#0a1020);border:1px solid var(--line)}.sidebar h2{margin:0 0 12px;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#7e4f2f}.sidebar p,.sidebar li{color:#6d4f39;line-height:1.5}.players{list-style:none;margin:0;padding:0;display:grid;gap:10px}.player-card{padding:12px 14px;border-radius:14px;background:#f8e9d3c7;border:1px solid rgba(89,63,41,.12);display:grid;gap:4px}.player-card strong{display:block;margin-bottom:4px}.player-dead{opacity:.55}.logout-button,.room-button{width:100%;justify-content:center}@media(max-width:920px){.game-shell,.auth-scene,.lobby-grid{grid-template-columns:1fr}.lobby-banner,.header{flex-direction:column;align-items:start}.auth-shell{min-height:auto}.status{justify-content:flex-start}}body{overflow:hidden}.game-stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(112,197,255,.18),transparent 34%),linear-gradient(180deg,#0a1220,#101c32)}.game-stage .canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:0;border:0;background:transparent;pointer-events:none}.room-shell{position:fixed;inset:0;z-index:20;overflow:hidden;isolation:isolate}.room-overlay{position:absolute;z-index:2;display:grid;gap:12px;pointer-events:auto}.room-overlay-meta{top:20px;left:20px;width:min(420px,calc(100vw - 40px))}.room-overlay-actions{top:20px;right:20px;width:min(170px,calc(100vw - 40px))}.room-overlay-attack{top:20px;right:204px;width:max(0px,min(184px,calc(100vw - 244px)))}.room-overlay-cooldown{top:14px;left:50%;transform:translate(-50%);width:min(320px,calc(100vw - 28px));z-index:5;pointer-events:none}.room-cooldown-panel{display:grid;gap:6px;width:100%;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.room-cooldown-meta{display:flex;align-items:end;justify-content:space-between;gap:12px}.room-cooldown-copy,.room-time-copy{display:grid;row-gap:6px;min-width:0;gap:2px}.room-cooldown-copy span,.room-time-copy span{color:#b8c3d9;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.52)}.room-cooldown-copy strong,.room-time-copy strong{font-size:13px;letter-spacing:.05em;color:#f5f8ff;text-shadow:0 2px 8px rgba(0,0,0,.58)}.room-cooldown-track{position:relative;height:8px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff12,0 4px 14px #0000002e}.room-cooldown-fill-shell{width:100%;height:100%;overflow:hidden;border-radius:inherit}.room-cooldown-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8e6d,#53d3ff,#7cf2ae);box-shadow:0 0 18px #7cf2ae47,inset 0 1px #ffffff24}.room-cooldown-track:before,.room-cooldown-track:after{content:"";position:absolute;inset:-3px;border-radius:999px;opacity:0;pointer-events:none}.room-cooldown-track:before{border:1px solid rgba(255,239,184,.72);box-shadow:0 0 14px #ffe39a57,0 0 28px #76e7bd2e}.room-cooldown-track:after{inset:-6px;border:1px solid rgba(255,248,210,.4)}.room-cooldown-track--burst:before{animation:cooldown-burst-glow .34s ease-out}.room-cooldown-track--burst:after{animation:cooldown-burst-ring .36s ease-out}@keyframes cooldown-burst-glow{0%{opacity:0;transform:scaleX(.96) scaleY(.8)}30%{opacity:1;transform:scaleX(1.02) scaleY(1.25)}to{opacity:0;transform:scaleX(1.06) scaleY(1.55)}}@keyframes cooldown-burst-ring{0%{opacity:0;transform:scaleX(.98) scaleY(.9)}28%{opacity:.7;transform:scaleX(1.04) scaleY(1.4)}to{opacity:0;transform:scaleX(1.1) scaleY(1.9)}}.room-attack-meter{display:grid;gap:8px;padding:10px 12px;border-radius:18px;background:linear-gradient(180deg,#0e1422e0,#0a0e18c7),#0a0e18b8;border:1px solid rgba(255,255,255,.11);box-shadow:0 16px 42px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-attack-meter-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-attack-meter-head span{color:#b8c3d9;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.room-attack-meter-head strong{color:#f5f8ff;font-size:13px;letter-spacing:.08em}.room-attack-meter-track{height:8px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.room-attack-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7cf2ae,#53d3ff,#ffd17a);box-shadow:0 0 16px #7cf2ae33;transition:width 90ms linear,filter .12s ease}.room-overlay-score{top:56px;left:50%;transform:translate(-50%);width:auto}.room-overlay-center{left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px))}.room-overlay-status-center,.room-overlay-bottom-actions{left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.room-overlay-spectate{top:94px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.room-spectate-target{border:none;cursor:pointer;min-width:0}.room-spectate-target:disabled{cursor:default}.room-spectate-button{width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#090e1685;color:#f5ecdcf2;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px #00000038;cursor:pointer;padding:0}.room-spectate-button span{font-size:1.4rem;line-height:1;transform:translateY(-1px)}.room-overlay-result{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.room-overlay-controls{left:20px;bottom:20px;width:min(320px,calc(100vw - 40px))}.room-overlay-players{right:20px;bottom:20px;width:min(320px,calc(100vw - 40px));max-height:min(52vh,540px)}.room-overlay-players .room-card{max-height:min(52vh,540px);display:grid;grid-template-rows:auto minmax(0,1fr)}.room-card{position:relative;overflow:hidden;border-radius:24px;padding:18px 18px 16px;background:linear-gradient(180deg,#121b2de0,#0a101cd6),#0a101cb8;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 70px #0000005c,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 35%,rgba(124,242,174,.12));opacity:.18}.room-card-hero,.room-card-stack{display:grid;gap:10px}.room-eyebrow{margin:0;color:#8cf4ca;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.room-title{margin:0;font-size:clamp(22px,3.6vw,32px);line-height:1;letter-spacing:-.04em}.room-copy,.room-subcopy,.room-card p{margin:0;color:#bfcae2;line-height:1.5}.room-subcopy{color:#9eabc7;font-size:14px}.room-pill-row{display:flex;gap:8px;flex-wrap:wrap}.room-pill{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#eef4ff;font-size:13px;letter-spacing:.04em}.room-pill-muted{background:#ffffff14;color:#f6f8ff}.room-pill-accent{background:linear-gradient(140deg,#7cf2ae38,#53d3ff2e);border-color:#7cf2ae3d;color:#effffa;box-shadow:0 10px 26px #0000002e}.room-panel-title{margin:0;color:#8cf4ca;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.room-player-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-height:0;overflow:auto}.room-player-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.room-player-chip--self{border-color:#7cf2ae75;background:#7cf2ae14}.room-player-chip--ready{background:#7cf2ae12}.room-player-chip--dead{opacity:.55}.room-player-main{display:grid;gap:4px}.room-player-main strong{display:flex;align-items:center;gap:8px;font-size:15px}.room-player-meta{color:#9eabc7;font-size:13px}.room-badge{padding:2px 8px;border-radius:999px;background:#ffd17a2e;border:1px solid rgba(255,209,122,.32);color:#ffd17a;font-size:11px;letter-spacing:.08em}.room-player-state{width:12px;height:12px;border-radius:999px;flex:0 0 auto;background:#96a3be80;box-shadow:0 0 0 3px #ffffff0a}.room-player-state--alive{background:#7cf2ae;box-shadow:0 0 0 3px #7cf2ae24}.room-player-state--dead{background:#ff9c7a;box-shadow:0 0 0 3px #ff9c7a24}.room-button{appearance:none;border:0;cursor:pointer;font:inherit;padding:11px 16px;border-radius:999px;background:#ffffff14;color:#f4f7ff;border:1px solid rgba(255,255,255,.12);letter-spacing:.03em;transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.room-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.room-button:disabled{cursor:not-allowed;opacity:.5}.room-button-primary{background:linear-gradient(140deg,#7cf2ae,#53d3ff);color:#06111e;border-color:#7cf2ae61;font-weight:700}.room-button-accent{background:linear-gradient(140deg,#ffd17a,#ffb26e);color:#09111f;border-color:#ffd17a6b;font-weight:700}.room-button-ghost{background:#ffffff0f}.room-button--compact{width:auto;padding:8px 12px;border-radius:14px;font-size:13px}.room-result-card{min-width:min(340px,calc(100vw - 48px));padding:18px 20px 16px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#121b2deb,#0a101ce6),#0a101cd1;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 84px #0000006b,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-result-card--victory{border-color:#7cf2ae3d}.room-result-card--defeat{border-color:#ff9c7a3d}.room-result-title{margin:6px 0 4px;font-size:clamp(28px,5vw,42px);line-height:.95;letter-spacing:-.05em}.room-result-copy{margin:0;color:#c7d2e8;font-size:14px;letter-spacing:.02em}@media(max-width:920px){.room-overlay-meta,.room-overlay-actions,.room-overlay-controls,.room-overlay-players{left:12px;right:12px;width:auto}.room-overlay-actions{inset:12px 12px auto auto;width:auto}.room-overlay-score{top:12px}.room-overlay-status-center{bottom:94px}.room-overlay-controls{top:140px;bottom:auto}.room-overlay-players{bottom:168px}.room-overlay-spectate{inset:52px auto auto 50%;width:auto}.room-spectate-button{width:38px;height:38px}.room-result-card{min-width:min(300px,calc(100vw - 24px))}}.room-shell:before,.room-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}.room-shell:before{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 82% 12%,rgba(124,242,174,.08),transparent 16%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 6px);opacity:.32;mix-blend-mode:soft-light}.room-shell:after{background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(4,8,14,.28) 100%);opacity:.9}.room-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.06),transparent 20%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);opacity:.28;mix-blend-mode:soft-light}.room-overlay-players{inset:20px auto auto 20px;width:min(250px,calc(100vw - 40px));max-height:min(calc(100vh - 180px),640px)}.room-overlay-players{cursor:pointer}.room-players-toggle{top:20px;left:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:15px;padding:0;background:linear-gradient(180deg,#1a2230e6,#101620db),#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f0f4ffeb;box-shadow:0 12px 24px #0003,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.room-players-toggle:hover{border-color:#ffffff2e;background:linear-gradient(180deg,#1e2838f0,#121924e6),#ffffff14;filter:brightness(1.03);transform:translateY(-1px)}.room-players-toggle-icon{display:grid;gap:3px;width:17px}.room-players-toggle-icon span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor;box-shadow:0 1px #ffffff1f}.room-card-players{display:grid;gap:8px;padding:14px 14px 12px;background:linear-gradient(180deg,#1c243299,#10162085),#0c121b57;border-color:#ffffff24;box-shadow:0 14px 30px #0000002e,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.room-card-players .room-eyebrow{font-size:10px;letter-spacing:.2em;color:#c2ccddb8}.room-card-players .room-title{font-size:17px;color:#f2f5fb}.room-card-players .room-pill{padding:6px 8px;font-size:11px;background:#ffffff14;color:#e8eef8eb;border-color:#ffffff1a}.room-player-list{gap:6px}.room-player-chip{padding:6px 8px;border-radius:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-player-chip--self{background:#ffe6b61a;border-color:#ffe6b633}.room-player-chip--ready{background:#abd6ff14;border-color:#abd6ff24}.room-player-main strong{gap:6px;font-size:12px;line-height:1.15;color:#eef2f8}.room-player-meta{font-size:10px;line-height:1.1;color:#b5c0d3b8}.room-badge{padding:1px 6px;font-size:9px;background:#ffd17a24;border:1px solid rgba(255,209,122,.18);color:#ffdfa6eb}.room-player-state{width:8px;height:8px;background:#99a4b68f;box-shadow:0 0 0 2px #ffffff08}.room-player-state--alive{background:#89c49b;box-shadow:0 0 0 2px #89c49b1f}.room-player-state--dead{background:#cf8f7f;box-shadow:0 0 0 2px #cf8f7f1a}.room-overlay-actions{top:20px;right:20px;width:auto;display:flex;align-items:center;gap:8px}@media(max-width:920px){.room-overlay-players{top:12px;left:12px;width:min(220px,calc(100vw - 24px));max-height:calc(100vh - 128px)}.room-players-toggle{top:12px;left:12px;width:42px;height:42px}.room-overlay-actions{top:12px;right:12px;width:auto}.room-overlay-cooldown{inset:12px auto auto 50%;width:min(280px,calc(100vw - 24px))}.room-card-players .room-title{font-size:15px}}.settings-overlay{position:absolute;inset:0;z-index:24;display:grid;place-items:center;padding:2.4cqh 2.4cqw;container-type:size;background:#1412168f;-webkit-backdrop-filter:blur(.28cqw);backdrop-filter:blur(.28cqw)}.settings-modal{width:min(87cqw,1400px);min-height:62cqh;position:relative;border-radius:1.2cqw;padding:0;overflow:hidden;background:#302d34;border:.08cqw solid rgba(0,0,0,.58);box-shadow:0 1.2cqh 2.6cqh #00000047,inset 0 .08cqh #ffffff0d}.settings-modal-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1cqw;align-items:stretch}.settings-modal-head--arcade{min-height:7.6cqh;background:#1f1e21;border-bottom:.08cqw solid rgba(255,255,255,.04)}.settings-close{width:auto;flex:0 0 auto}.settings-title{margin:0;min-width:7.8cqw;padding:0 1.8cqw;display:flex;align-items:center;color:#fff;font-size:2.6cqw;line-height:1;letter-spacing:-.03em}.settings-copy{margin:0;color:#9eabc7;line-height:1.5}.settings-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;min-width:0;overflow:hidden;border-left:.08cqw solid rgba(255,255,255,.04);border-right:.08cqw solid rgba(255,255,255,.04)}.settings-tabs--arcade{flex:1}.settings-tab{appearance:none;border:0;cursor:pointer;font:inherit;padding:0;background:#343334;color:#ffffffbd;transition:background .12s ease,color .12s ease}.settings-tab--arcade{min-width:0;min-height:7.6cqh;padding:0 .35cqw;border-left:.08cqw solid rgba(255,255,255,.04);display:grid;place-items:center;text-align:center;font-size:1.34cqw;line-height:1;letter-spacing:-.03em}.settings-tab--active{background:linear-gradient(180deg,#be3637,#a12f2f);color:#fff;font-weight:400}.settings-close-icon{width:6.4cqw;border:0;background:#ffffff05;color:#fff;font:inherit;font-size:3cqw;cursor:pointer;box-shadow:inset .08cqw 0 #ffffff0a}.settings-body{min-height:54.4cqh;padding:2cqh 1.4cqw 1.6cqh;background:#312d34}.settings-body--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqh 1.2cqw}.settings-body--detail{display:grid;gap:1.2cqh}.settings-body--placeholder{display:grid;place-items:center}.settings-group{display:grid;align-content:start;gap:.9cqh}.settings-group--full{min-height:100%}.settings-group__title{margin:0 0 .2cqh;color:#ffffffad;font-size:1.9cqw}.settings-option-card{min-height:12.4cqh;padding:1.25cqh 1.1cqw;border-radius:.9cqw;background:#171718;box-shadow:inset 0 0 0 .06cqw #ffffff0a}.settings-option-card--compact{min-height:8.8cqh}.settings-option-card__head{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.settings-option-card__head strong{color:#f4f4f4;font-size:2.15cqw;font-weight:400}.settings-slider{width:100%;margin-top:1.35cqh;accent-color:#ff4748}.settings-switch{display:inline-flex;align-items:center;gap:.65cqw;cursor:pointer}.settings-switch input{position:absolute;opacity:0;pointer-events:none}.settings-switch__track{position:relative;width:4.8cqw;height:2.5cqw;border-radius:999px;background:#3a3a3a}.settings-switch__thumb{position:absolute;top:50%;left:.2cqw;width:2.1cqw;height:2.1cqw;border-radius:999px;background:#4d4d4d;transform:translateY(-50%);transition:left .12s ease,background .12s ease}.settings-switch input:checked+.settings-switch__track{background:linear-gradient(180deg,#a92c2d,#8f2526)}.settings-switch input:checked+.settings-switch__track .settings-switch__thumb{left:calc(100% - 2.3cqw);background:#ff4545}.settings-switch__label{min-width:2.8cqw;color:#fff;font-size:1.5cqw;text-align:center}.settings-inline-actions{display:flex;gap:.55cqw}.settings-actions{display:flex;gap:.7cqw;flex-wrap:wrap}.settings-inline-button{min-width:4.8cqw;height:3.2cqw;padding:0 1cqw;border:0;border-radius:.6cqw;background:#434345;color:#fff;font:inherit;font-size:1.2cqw;cursor:pointer}.settings-inline-button--accent{background:linear-gradient(180deg,#db3f42,#c43337)}.settings-note{margin:0;color:#ffffffa3;line-height:1.45;font-size:1.08cqw}.settings-range-head{display:flex;align-items:center;justify-content:space-between;gap:.8cqw}.settings-range-head strong{color:#f4f4f4;font-size:1.55cqw;font-weight:400}.settings-range-head span{color:#ffffff94;font-size:1.05cqw}.settings-language-card,.settings-placeholder-card,.settings-key-card{border-radius:.9cqw;background:#3f3f40;min-height:12.4cqh;padding:1.3cqh 1.2cqw;box-shadow:inset 0 0 0 .06cqw #ffffff0a}.settings-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65cqw;margin-top:1cqh}.settings-key-item{appearance:none;border:0;cursor:pointer;font:inherit;padding:.9cqh .85cqw;border-radius:.7cqw;background:#171718;color:#f4f7ff;text-align:left;display:grid;gap:.25cqh;transition:background .12s ease}.settings-key-item--wide{grid-column:1 / -1}.settings-key-item span{color:#ffffff8a;font-size:.92cqw;letter-spacing:.08em;text-transform:uppercase}.settings-key-item strong{font-size:1.24cqw;letter-spacing:.02em}.settings-key-item--listening{background:#562324}.settings-language-card{display:grid;place-items:center;color:#f1f1f1;font-size:2.1cqw}.settings-placeholder-card{width:min(40cqw,100%);display:grid;gap:1cqh;place-items:center;text-align:center;background:#171718}.settings-placeholder-card h4,.settings-placeholder-card p{margin:0}.settings-placeholder-card h4{color:#f4f4f4;font-size:2cqw}.settings-placeholder-card p{color:#ffffffa3;font-size:1.15cqw}@supports not (width: 1cqw){.settings-overlay{padding:clamp(12px,2.4vh,24px) clamp(12px,2.4vw,24px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-modal{width:min(87vw,1400px);min-height:62vh;border-radius:clamp(16px,1.2vw,24px);border-width:1px;box-shadow:0 clamp(10px,1.2vh,14px) clamp(24px,2.6vh,32px) #00000047,inset 0 1px #ffffff0d}.settings-modal-head--arcade{min-height:clamp(64px,7.6vh,88px);border-bottom-width:1px}.settings-title{min-width:clamp(92px,7.8vw,150px);padding:0 clamp(14px,1.8vw,28px);font-size:clamp(24px,2.6vw,40px)}.settings-tabs{border-left-width:1px;border-right-width:1px}.settings-tab--arcade{min-height:clamp(64px,7.6vh,88px);padding:0 clamp(4px,.35vw,8px);border-left-width:1px;font-size:clamp(13px,1.34vw,21px)}.settings-close-icon{width:clamp(64px,6.4vw,108px);font-size:clamp(28px,3vw,48px);box-shadow:inset 1px 0 #ffffff0a}.settings-body{min-height:calc(62vh - clamp(64px,7.6vh,88px));padding:clamp(16px,2vh,24px) clamp(14px,1.4vw,22px) clamp(14px,1.6vh,20px)}.settings-body--grid{gap:clamp(12px,1.6vh,18px) clamp(12px,1.2vw,18px)}.settings-body--detail,.settings-group{gap:clamp(10px,1.2vh,14px)}.settings-group__title{margin:0 0 clamp(2px,.2vh,4px);font-size:clamp(19px,1.9vw,30px)}.settings-option-card{min-height:clamp(110px,12.4vh,180px);padding:clamp(14px,1.25vh,20px) clamp(14px,1.1vw,20px);border-radius:clamp(12px,.9vw,18px);box-shadow:inset 0 0 0 1px #ffffff0a}.settings-option-card--compact{min-height:clamp(78px,8.8vh,124px)}.settings-option-card__head{gap:clamp(10px,1vw,16px)}.settings-option-card__head strong{font-size:clamp(20px,2.15vw,32px)}.settings-slider{margin-top:clamp(12px,1.35vh,18px)}.settings-switch{gap:clamp(8px,.65vw,12px)}.settings-switch__track{width:clamp(52px,4.8vw,78px);height:clamp(28px,2.5vw,42px)}.settings-switch__thumb{left:clamp(2px,.2vw,4px);width:clamp(24px,2.1vw,36px);height:clamp(24px,2.1vw,36px)}.settings-placeholder-card h4{font-size:clamp(20px,2vw,30px)}.settings-placeholder-card p{font-size:clamp(13px,1.15vw,18px)}}.room-overlay-editing{top:78px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 40px))}.room-card-editing{display:grid;gap:10px}.mobile-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.mobile-control{--mobile-control-scale: 1;position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;place-items:center;padding:14px;box-sizing:border-box}.mobile-control--pad{--mobile-pad-visual-size: calc((clamp(176px, 32vw, 248px) * var(--mobile-control-scale)) - 32px);width:calc(var(--mobile-pad-visual-size) * 2);aspect-ratio:1;background:transparent;padding:0}.mobile-control--pad.mobile-control--editing{width:var(--mobile-pad-visual-size)}.mobile-control--attack{width:calc(clamp(92px,19vw,128px) * var(--mobile-control-scale));aspect-ratio:1;padding:0}.mobile-control--cooling{filter:saturate(.92) brightness(.96)}.mobile-control--editing{cursor:grab}.mobile-control--editing:active{cursor:grabbing}.mobile-dpad{grid-area:1 / 1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:var(--mobile-pad-visual-size, 100%);height:var(--mobile-pad-visual-size, 100%);border-radius:32px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.mobile-control--pad.mobile-control--editing .mobile-dpad{width:100%;height:100%}.mobile-dpad-core{grid-column:2;grid-row:2;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.mobile-dir{display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,#ffffff2e,#ffffff14),#ffffff0f;color:#eef4ff;box-shadow:inset 0 1px #ffffff24,0 10px 26px #00000038;transition:transform .1s ease,filter .1s ease;pointer-events:none}.mobile-dir-icon{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);display:block;fill:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.mobile-dir:active{transform:scale(.95);filter:brightness(1.08)}.mobile-dir--up{grid-column:2;grid-row:1}.mobile-dir--left{grid-column:1;grid-row:2}.mobile-dir--right{grid-column:3;grid-row:2}.mobile-dir--down{grid-column:2;grid-row:3}.mobile-attack-button{grid-area:1 / 1;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,#ff9c7afa,#ff714ef5);color:#150a08;font:inherit;font-weight:900;letter-spacing:.06em;display:grid;place-items:center;gap:2px;box-shadow:inset 0 1px #ffffff47,0 18px 44px #00000057;border:1px solid rgba(255,210,196,.34);touch-action:none;pointer-events:none;position:relative;z-index:1}.mobile-attack-ring{grid-area:1 / 1;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;overflow:visible;position:relative;z-index:2}.mobile-attack-ring-track{fill:none;stroke:#ffffff1f;stroke-width:10}.mobile-attack-ring-fill{fill:none;stroke:#ffe2abf0;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,202,122,.52))}.mobile-control--cooling .mobile-attack-ring-fill{stroke:#70c0fff5}.mobile-control--cooling .mobile-attack-button{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 28%),linear-gradient(180deg,#78c3fffa,#4884e9f5);border-color:#c4e2ff4d;color:#081222;box-shadow:inset 0 1px #ffffff3d,0 18px 44px #0000005c,0 0 0 1px #80c4ff3d}.mobile-attack-button span{font-size:clamp(16px,2vw,24px)}.mobile-attack-button small{font-size:11px;letter-spacing:.12em}.mobile-control-preview{width:100%;height:100%;display:grid;place-items:center;text-align:center;border-radius:inherit;background:radial-gradient(circle at 50% 30%,rgba(124,242,174,.12),transparent 48%),#080d17d6;border:1px dashed rgba(255,255,255,.2);color:#eef4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;grid-area:1 / 1}.mobile-control-preview--pad{padding:16px}.mobile-control-preview--attack{padding:12px;border-radius:999px}.mobile-control-preview-title{display:block;font-size:15px;font-weight:800;letter-spacing:.05em}.mobile-control-preview-copy{display:block;color:#9eabc7;font-size:12px;margin-top:4px}.room-overlay-actions{gap:8px}.room-action-button,.room-players-toggle{appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.12);color:#f0f4ffeb;box-shadow:0 12px 24px #0003,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.room-action-button{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;padding:0;background:linear-gradient(180deg,#1a2230e6,#101620db),#ffffff0f}.room-action-button:hover{border-color:#ffffff2e;background:linear-gradient(180deg,#1e2838f0,#121924e6),#ffffff14;filter:brightness(1.03);transform:translateY(-1px)}.room-action-button--leave{color:#ffe7d3f0}.room-action-button--leave:hover{border-color:#ffc4a83d;background:linear-gradient(180deg,#38221eeb,#241614e6),#ffd6bd14}.room-action-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:920px){.settings-modal{padding:18px;border-radius:22px}.settings-modal-head{flex-direction:column}.settings-key-grid{grid-template-columns:1fr}.mobile-control--pad{--mobile-pad-visual-size: calc((clamp(160px, 36vw, 212px) * var(--mobile-control-scale)) - 24px)}.mobile-control--attack{width:calc(clamp(84px,22vw,112px) * var(--mobile-control-scale))}.mobile-dpad{gap:8px;padding:0;border-radius:28px}.room-action-button{width:42px;height:42px}.room-overlay-editing{top:64px;width:min(360px,calc(100vw - 24px))}.room-card-editing .room-title{font-size:16px}}@media(max-width:920px){#app{padding:8px}.layout,.page-shell{gap:10px}.page-shell--public{min-height:calc(100svh - 16px);height:calc(100svh - 16px);grid-template-rows:minmax(0,1fr);overflow:hidden}.header{padding:12px 14px;border-radius:20px;gap:10px}.header-kicker{font-size:10px}.title{font-size:clamp(24px,7vw,30px)}.title:after{width:72px;margin-top:6px}.subtitle{display:none}.auth-scene{height:100%;gap:10px;grid-template-rows:auto minmax(0,1fr)}.auth-hero{padding:14px 15px;border-radius:18px}.auth-hero-copy{max-width:none;font-size:12px;line-height:1.35}.auth-hero-list{margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.auth-hero-list li{padding:8px 9px;border-radius:12px}.auth-hero-list span{display:none}.auth-card{width:100%;padding:16px;border-radius:18px;min-height:0}.auth-form{gap:9px}.auth-submit{width:100%}.lobby-shell{min-height:0;grid-template-rows:minmax(0,1fr)}.lobby-banner{padding:12px 14px;border-radius:18px;gap:6px}.lobby-banner-copy{max-width:none;font-size:12px;line-height:1.35}.lobby-grid{grid-template-columns:1fr;gap:10px;min-height:0;grid-template-rows:minmax(0,1fr) auto}.lobby-card{min-height:0;padding:12px;border-radius:18px}.lobby-card--setup{gap:12px}.section-head{margin-bottom:8px}.room-list{max-height:none;overflow:auto;padding-right:2px}.room-item{padding:9px;border-radius:12px;gap:6px}.room-meta{font-size:12px;line-height:1.25}.room-form,.skin-picker{gap:8px}.skin-chip{padding:10px 10px 9px;border-radius:14px}.skin-chip strong{font-size:14px}.skin-chip small{font-size:11px}.room-overlay-bottom-actions{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform:translate(-50%);width:auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.room-overlay-bottom-actions .room-button{width:auto;min-width:154px;padding:10px 18px;border-radius:999px}}@media(max-width:640px){.header{padding:10px 12px}.status .pill:last-child{display:none}.auth-hero{padding:12px}.auth-hero-title{font-size:clamp(22px,8vw,28px)}.auth-hero-list strong{font-size:12px}.auth-card,.lobby-card{padding:11px}.lobby-banner-copy,.section-copy{display:none}.lobby-banner-title,.section-title{font-size:18px}.room-actions,.room-actions .room-button{width:100%}.skin-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (max-width:1024px),(max-height:560px){#app{padding:6px}.layout,.page-shell{gap:6px}.page-shell--public{min-height:calc(100svh - 12px);height:calc(100svh - 12px)}.page-shell--public:before{display:none}.header{padding:8px 12px;border-radius:18px;gap:8px}.header-kicker{font-size:9px;letter-spacing:.22em}.title{font-size:clamp(18px,3.2vw,24px)}.title:after,.subtitle,.status .pill:last-child{display:none}.auth-shell,.lobby-shell{min-height:0;height:100%}.auth-scene{width:min(360px,100%);grid-template-columns:minmax(0,1fr)!important;gap:8px;align-items:stretch;height:100%}.auth-hero{padding:12px 14px;border-radius:18px}.auth-hero-title{margin:8px 0 6px;font-size:clamp(18px,4vw,28px)}.auth-hero-copy{font-size:11px;line-height:1.3}.auth-hero-list{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.auth-hero-list li{padding:8px 9px;border-radius:12px}.auth-hero-list strong{font-size:11px}.auth-hero-list span{display:none}.auth-card{padding:12px;border-radius:18px;align-self:stretch}.auth-tabs{gap:8px;margin-bottom:10px}.auth-tab{padding:8px 12px}.auth-form{gap:8px}.auth-label{gap:5px;font-size:13px}.auth-input{padding:10px 12px;border-radius:12px}.auth-error{min-height:16px;font-size:12px}.auth-actions{margin-top:0}.auth-submit{padding:10px 14px}.lobby-shell{gap:8px}.lobby-banner{padding:10px 12px;border-radius:16px;gap:6px}.lobby-banner-title{font-size:clamp(18px,3vw,24px)}.lobby-banner-copy{font-size:11px;line-height:1.3}.lobby-grid{grid-template-columns:minmax(0,1.08fr) minmax(240px,300px)!important;grid-template-rows:none;gap:8px;align-items:stretch}.lobby-card{padding:12px;border-radius:18px}.lobby-card--setup{gap:10px}.lobby-section{gap:8px}.section-head{margin-bottom:8px;gap:10px}.section-title,.lobby-card .section-title{font-size:17px;margin-bottom:3px}.section-copy{font-size:12px;line-height:1.3}.room-refresh,.room-button,.auth-submit{padding:9px 12px;border-radius:12px}.room-list{gap:8px;padding-right:2px}.room-item{padding:9px 10px;border-radius:12px;gap:5px}.room-item strong{font-size:14px}.room-meta{font-size:11px;line-height:1.25}.room-form{gap:7px;margin-top:0}.skin-picker{gap:6px}.skin-chip{padding:9px;border-radius:12px;gap:3px}.skin-chip strong{font-size:13px}.skin-chip small{font-size:10px}.skin-chip-swatch{width:32px;height:22px}.room-overlay-bottom-actions{padding:0;border-radius:0}.room-overlay-bottom-actions .room-button{min-width:126px;padding:8px 14px;font-size:13px}}:root{--bg-1: #08111d;--bg-2: #03070f;--line: rgba(168, 196, 233, .16);--text-main: #eef4ff;--text-sub: #aebad4;--accent: #7cf2ae;--warn: #ff9c7a;--primary: #ffd17a}body{background:radial-gradient(circle at 16% 14%,rgba(255,166,112,.22),transparent 24%),radial-gradient(circle at 82% 14%,rgba(124,242,174,.16),transparent 22%),radial-gradient(circle at 50% 78%,rgba(83,211,255,.12),transparent 30%),linear-gradient(180deg,#09111d,#04070f);color:var(--text-main)}#app{min-height:100svh;min-height:100dvh;height:auto;background:transparent}.page-shell--public{grid-template-rows:auto minmax(0,1fr)}.page-shell--public:before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,209,122,.08),transparent 32%);opacity:1}.page-shell--public:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 48px);opacity:.3}.header{padding:18px 22px;border-radius:30px;border:1px solid rgba(168,196,233,.12);background:linear-gradient(135deg,#101a2ae6,#090f1bd6),#090f1bc7;box-shadow:0 24px 70px #00000042,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header:after{left:22px;right:22px;background:linear-gradient(90deg,transparent,rgba(255,209,122,.72),transparent)}.header-kicker{color:#ffdb9dd1}.title{color:#f8fbff}.subtitle{color:#b0bed7c7}.status{align-items:center}.pill{background:#ffffff0d;border-color:#ffffff14;color:#eef4ff}.pill--signal{font-weight:800}.pill--accent{background:#7cf2ae1f;border-color:#7cf2ae3d;color:#dffff0}.pill--warn{background:#ff9c7a1f;border-color:#ff9c7a3d;color:#ffe2d6}.pill--muted{background:#aebed71f;border-color:#aebed72e;color:#dce6f8}.auth-shell--revamp,.lobby-shell--revamp{position:relative}.auth-scene--revamp{width:min(1040px,100%);grid-template-columns:minmax(0,1fr) minmax(380px,420px);gap:22px}.auth-card--revamp,.lobby-banner--revamp,.lobby-shell--revamp .lobby-card{border:1px solid rgba(168,196,233,.12);box-shadow:0 26px 84px #00000047,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-brand-panel{display:grid;align-content:center;gap:20px;padding:36px;border-radius:36px;border:1px solid rgba(168,196,233,.1);background:radial-gradient(circle at 100% 0%,rgba(124,242,174,.16),transparent 24%),radial-gradient(circle at 0% 0%,rgba(255,209,122,.2),transparent 28%),linear-gradient(160deg,#0e1726f5,#070c16f0);box-shadow:0 30px 90px #00000047,inset 0 1px #ffffff0d}.auth-brand-badge{margin:0;justify-self:start;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffdb9dd6;font-size:11px;letter-spacing:.16em}.auth-brand-copy-block{display:grid;gap:12px}.auth-brand-title{margin:0;font-size:clamp(54px,8vw,96px);line-height:.86;letter-spacing:-.08em;color:#f8fbff;font-family:"Noto Serif KR",Georgia,serif}.auth-brand-copy{max-width:22ch;margin:0;color:#d2dceed1;font-size:17px;line-height:1.65}.auth-brand-chips{display:flex;flex-wrap:wrap;gap:10px}.auth-brand-chip{padding:10px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#eef4ff;font-size:13px;letter-spacing:.02em}.auth-brand-note{display:grid;gap:8px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#ffd17a14,#53d3ff14),#ffffff08;border:1px solid rgba(168,196,233,.12)}.auth-brand-note strong{color:#f8fbff;font-size:16px;letter-spacing:-.02em}.auth-brand-note p{margin:0;color:#bdcbe2c7;line-height:1.55}.auth-card--revamp{width:100%;display:grid;align-content:center;gap:18px;padding:32px 30px;border-radius:30px;background:radial-gradient(circle at 100% 0%,rgba(83,211,255,.08),transparent 26%),linear-gradient(180deg,#101927f5,#0a101cf0)}.auth-card-head{margin-bottom:0;display:grid;gap:10px}.auth-card-kicker{margin:0;color:#7cf2aed1;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.auth-card-title{margin:0;font-size:clamp(30px,4vw,38px);line-height:.98;letter-spacing:-.05em;color:#f8fbff;font-family:"Noto Serif KR",Georgia,serif}.auth-card-copy{color:#bdcbe2cc;font-size:14px;line-height:1.6}.auth-tabs{gap:6px;margin-bottom:0;padding:5px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-tab{flex:1 1 0;text-align:center;padding:11px 14px;color:#c2cee4cc;background:transparent;border-color:transparent}.auth-tab-active{color:#08111d;background:linear-gradient(135deg,#ffd17a,#ff9c7a);box-shadow:0 14px 28px #ff9c7a2e}.auth-label{color:#d3ddefe0}.auth-input{border-color:#a8c4e924;background:#ffffff0f;color:#f4f8ff;box-shadow:inset 0 1px #ffffff08}.auth-input::placeholder{color:#9dadc6c7}.auth-input:focus{border-color:#7cf2ae61;box-shadow:0 0 0 3px #7cf2ae1f;background:#ffffff14}.auth-error{color:#ffb29c;font-size:13px}.auth-error--visible{min-height:22px}.auth-actions{margin-top:0}.auth-submit{width:100%;justify-content:center;background:linear-gradient(135deg,#ffd17a,#ff9c7a);color:#08111d;box-shadow:0 18px 42px #ff9c7a38}.auth-submit:disabled{cursor:not-allowed;opacity:.48;transform:none;filter:none}.auth-footnote{display:flex;gap:10px;align-items:flex-start;color:#9dadc6e0;font-size:12px;line-height:1.5}.auth-footnote p{margin:0}.auth-footnote-dot{width:8px;height:8px;margin-top:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #7cf2ae1f}.lobby-shell--revamp{gap:18px}.lobby-banner--revamp{padding:26px 28px;border-radius:30px;background:radial-gradient(circle at 100% 0%,rgba(124,242,174,.16),transparent 26%),radial-gradient(circle at 0% 0%,rgba(255,209,122,.16),transparent 24%),linear-gradient(135deg,#121e2ff0,#0a101ceb)}.lobby-banner-copy-block{display:grid;gap:10px}.lobby-banner-title{margin:0;color:#f8fbff}.lobby-banner-copy{color:#c5d2e8cc}.lobby-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:min(520px,100%)}.lobby-summary-card{display:grid;gap:6px;padding:16px 17px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.lobby-summary-card span{color:#ffdb9dc2;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.lobby-summary-card strong{color:#f8fbff;font-size:clamp(30px,3vw,36px);line-height:.94;letter-spacing:-.05em}.lobby-summary-card small{color:#b0bed7b8;line-height:1.45}.lobby-shell--revamp .lobby-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,390px);gap:18px}.lobby-shell--revamp .lobby-card{padding:22px;border-radius:28px;background:linear-gradient(180deg,#101927eb,#090f1aeb),#090f1ad6}.lobby-shell--revamp .lobby-card:before{opacity:.14;mix-blend-mode:screen;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 28px)}.lobby-shell--revamp .section-title{color:#f5f8ff}.lobby-shell--revamp .section-copy{color:#b0bed7c2}.lobby-head-actions{display:flex;align-items:center;gap:10px}.lobby-inline-note{color:#ffdb9dc7;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.lobby-shell--revamp .room-list{gap:12px}.lobby-shell--revamp .room-item{gap:12px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#ffffff12,#7cf2ae0a),#ffffff08;border:1px solid rgba(168,196,233,.12);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #00000024}.lobby-shell--revamp .room-item:before{border-left-color:#7cf2ae52}.lobby-shell--revamp .room-item:hover{transform:translateY(-2px);border-color:#7cf2ae38;background:linear-gradient(135deg,#ffffff14,#7cf2ae14),#ffffff0a}.lobby-shell--revamp .room-item strong{color:#f8fbff}.room-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-item-copy{display:grid;gap:4px}.room-item-kicker{margin:0;color:#ffdb9dc2;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.room-slot-badge{padding:8px 10px;border-radius:999px;background:#7cf2ae1f;border:1px solid rgba(124,242,174,.22);color:#ddffeb;font-size:12px;font-weight:700}.room-item-meta-row{display:flex;gap:10px;flex-wrap:wrap}.room-meta{color:#b0bed7c2}.room-meta--state{color:#dffff0}.lobby-shell--revamp .room-actions{justify-content:flex-end}.lobby-shell--revamp .room-button,.lobby-shell--revamp .room-refresh{background:linear-gradient(135deg,#ffd17af5,#ff9c7af0);color:#08111d;border-color:#ffd17a29;box-shadow:inset 0 1px #fff3,0 16px 34px #ff9c7a29;font-weight:700}.lobby-profile-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#ffd17a14,#53d3ff14),#ffffff08;border:1px solid rgba(168,196,233,.12)}.lobby-profile-name{display:block;margin-top:6px;color:#f8fbff;font-size:22px;letter-spacing:-.03em}.lobby-profile-pill{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#eef4ffe0;font-size:12px}.lobby-shell--revamp .skin-chip{border-color:#a8c4e91f;background:#ffffff0d;color:#eef4ff}.lobby-shell--revamp .skin-chip small{color:#b0bed7c2}.lobby-shell--revamp .skin-chip--active{border-color:#7cf2ae47;background:linear-gradient(135deg,#7cf2ae1f,#53d3ff1a),#ffffff0f;box-shadow:0 16px 34px #0000001f}.lobby-room-presets{display:flex;flex-wrap:wrap;gap:8px}.lobby-room-preset{appearance:none;border:1px solid rgba(168,196,233,.12);cursor:pointer;font:inherit;padding:8px 12px;border-radius:999px;background:#ffffff0a;color:#dee6f4e0;transition:transform .12s ease,border-color .12s ease,background .12s ease,filter .12s ease}.lobby-room-preset:hover{transform:translateY(-1px);border-color:#ffd17a38;background:#ffd17a14;filter:brightness(1.03)}.lobby-tip-card{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#53d3ff14,#7cf2ae14),#ffffff0a;border:1px solid rgba(168,196,233,.12)}.lobby-tip-copy{margin:0;color:#c5d2e8cc;line-height:1.55}.room-overlay-meta{top:20px;left:20px;width:min(430px,calc(100vw - 40px))}.room-card-briefing{display:grid;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#111c2deb,#090f1be6),#090f1bd6}.room-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-meta-toggle{appearance:none;border:1px solid rgba(255,255,255,.12);cursor:pointer;font:inherit;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:#eef4ff;transition:transform .12s ease,border-color .12s ease,background .12s ease,filter .12s ease}.room-meta-toggle:hover,.room-meta-toggle--active{transform:translateY(-1px);border-color:#7cf2ae47;background:#7cf2ae1a}.room-copy--briefing{color:#c9d5ec;font-size:13px;line-height:1.55}.room-pill-warning{background:#ff9c7a29;border-color:#ff9c7a42;color:#ffe4d9}.room-overlay-players{inset:156px auto auto 20px;width:min(280px,calc(100vw - 40px));cursor:default}.room-card-players{cursor:default}@media(max-width:920px){.header{padding:14px 16px;border-radius:22px}.status{width:100%;justify-content:flex-start}.auth-scene--revamp{width:100%;grid-template-columns:1fr;gap:12px}.auth-brand-panel,.auth-card--revamp{padding:20px;border-radius:24px}.auth-brand-title{font-size:clamp(42px,14vw,64px)}.auth-brand-copy{max-width:none;font-size:15px}.lobby-banner--revamp{padding:18px;border-radius:22px;gap:14px}.lobby-summary-strip{min-width:0;width:100%}.lobby-shell--revamp .lobby-grid{grid-template-columns:1fr}.lobby-profile-card{align-items:flex-start;flex-direction:column}.room-overlay-meta{top:12px;left:12px;width:min(320px,calc(100vw - 24px))}.room-card-briefing{padding:14px 15px;border-radius:20px}.room-brief-head{flex-direction:column}.room-meta-toggle{width:100%}.room-overlay-players{top:164px;left:12px;width:min(240px,calc(100vw - 24px))}}@media(max-width:640px){.auth-brand-panel{gap:16px}.auth-brand-title{font-size:clamp(38px,13vw,50px)}.auth-brand-note{padding:15px 16px}.lobby-summary-strip{grid-template-columns:1fr}.room-item-top{flex-direction:column}.room-item-meta-row{flex-direction:column;gap:6px}.lobby-shell--revamp .room-actions{justify-content:stretch}}.page-shell--auth{width:100%;max-width:none;min-height:calc(100svh - 40px);min-height:calc(100dvh - 40px);height:auto;grid-template-rows:minmax(0,1fr);overflow:visible;align-content:start}.page-shell--auth:before,.page-shell--auth:after{display:none}.auth-shell--minimal{width:100%;min-height:100%;display:grid;place-items:center;align-content:start;padding:28px;border-radius:40px;background:radial-gradient(circle at 50% 0%,rgba(49,130,246,.08),transparent 24%),linear-gradient(180deg,#fbfcfe,#f3f6fb);box-shadow:inset 0 1px #ffffffe6,0 24px 80px #0a254014}.auth-minimal-wrap{width:min(980px,100%);display:grid;grid-template-columns:minmax(240px,.82fr) minmax(420px,1fr);align-items:center;gap:40px}.auth-minimal-copy{display:grid;gap:12px;justify-items:start;text-align:left}.auth-minimal-kicker{margin:0;color:#6b7684;font-size:13px;font-weight:600;letter-spacing:.02em}.auth-minimal-title{margin:0;color:#191f28;font-size:clamp(40px,8vw,56px);line-height:.92;letter-spacing:-.08em;font-weight:800}.auth-minimal-subtitle{max-width:30ch;margin:0;color:#4e5968;font-size:16px;line-height:1.6}.auth-minimal-highlights{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.auth-minimal-chip{padding:8px 12px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(229,232,236,.95);color:#4e5968;font-size:13px;font-weight:600}.auth-card--minimal{width:100%;max-width:560px;justify-self:end;display:grid;gap:18px;padding:24px;border-radius:28px;background:#fffffff0;border:1px solid rgba(229,232,236,.96);box-shadow:0 16px 48px #0f172a14,0 2px 6px #0f172a0a}.auth-card--minimal:before{display:none}.auth-card-layout{display:grid;gap:18px}.auth-card-side{display:grid;gap:18px;align-content:start}.auth-card-brand{display:none}.auth-card--minimal .auth-card-head{gap:6px}.auth-card--minimal .auth-card-kicker{color:#8b95a1;font-size:12px;letter-spacing:.02em}.auth-card--minimal .auth-card-title{color:#191f28;font-size:32px;line-height:1.02;letter-spacing:-.05em;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.auth-card--minimal .auth-card-copy{color:#6b7684;font-size:14px;line-height:1.55}.auth-tabs--minimal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:4px;gap:4px;border-radius:14px;background:#f2f4f6;border:0;overflow:hidden}.auth-card--minimal .auth-tab{width:100%;min-width:0;padding:12px 14px;border-radius:10px;color:#6b7684;background:transparent;font-weight:600;white-space:nowrap}.auth-card--minimal .auth-tab-active{color:#191f28;background:#fff;box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a0d}.auth-form--minimal{gap:12px}.auth-card--minimal .auth-label{gap:8px;color:#4e5968;font-size:13px;font-weight:600}.auth-card--minimal .auth-input{padding:14px 16px;border-radius:16px;border:1px solid #e5e8ec;background:#fff;color:#191f28;box-shadow:none}.auth-card--minimal .auth-input::placeholder{color:#b0b8c1}.auth-card--minimal .auth-input:focus{border-color:#3182f66b;background:#fff;box-shadow:0 0 0 4px #3182f61a}.auth-card--minimal .auth-error{min-height:18px;color:#e5484d;font-size:13px}.auth-card--minimal .auth-submit{width:100%;padding:15px 18px;border-radius:16px;background:#3182f6;color:#fff;box-shadow:none}.auth-card--minimal .auth-submit:hover{background:#2272eb;filter:none}.auth-card--minimal .auth-submit:disabled{background:#d1d6db;color:#8b95a1;opacity:1}.auth-minimal-helper{margin:0;color:#8b95a1;font-size:13px;line-height:1.5;text-align:center}@media(max-width:920px){.page-shell--auth{min-height:calc(100svh - 16px);min-height:calc(100dvh - 16px);height:auto;overflow:visible}.auth-shell--minimal{place-items:start center;padding:16px 12px 20px;border-radius:24px}.auth-minimal-wrap{gap:0;width:min(760px,100%);grid-template-columns:1fr}.auth-minimal-copy{display:none}.auth-card-brand{display:grid;gap:2px}.auth-card-brand-kicker{margin:0;color:#8b95a1;font-size:11px;font-weight:600;letter-spacing:.02em}.auth-card-brand-title{color:#191f28;font-size:17px;letter-spacing:-.03em;line-height:1.05}.auth-card--minimal{max-width:none;justify-self:stretch;gap:12px;padding:16px;border-radius:22px}.auth-card--minimal .auth-card-head{gap:4px}.auth-card--minimal .auth-card-kicker,.auth-card--minimal .auth-card-copy,.auth-minimal-helper{display:none}.auth-card--minimal .auth-card-title{font-size:24px}.auth-tabs--minimal{padding:3px;gap:3px}.auth-card--minimal .auth-tab{padding:10px;font-size:14px}.auth-form--minimal{gap:8px}.auth-card--minimal .auth-label{gap:5px}.auth-card--minimal .auth-label>span{display:none}.auth-card--minimal .auth-input{padding:12px 14px;border-radius:14px}.auth-card--minimal .auth-error{min-height:16px;font-size:12px}.auth-card--minimal .auth-submit{padding:13px 14px;border-radius:14px}}@media(min-width:680px)and (max-width:920px){.auth-card-layout{grid-template-columns:minmax(190px,.88fr) minmax(0,1.12fr);gap:18px;align-items:start}.auth-card-side{gap:14px}.auth-card-brand{display:grid;gap:2px}.auth-card--minimal .auth-card-kicker,.auth-card--minimal .auth-card-copy,.auth-minimal-helper{display:block}.auth-card--minimal .auth-card-copy,.auth-minimal-helper{text-align:left}.auth-card--minimal .auth-label>span{display:block}}@media(max-width:640px){.auth-shell--minimal{place-items:start center;padding:16px 10px 22px;border-radius:20px}.auth-minimal-copy{display:none}.auth-minimal-wrap{gap:0;width:min(420px,100%)}.auth-card-layout{grid-template-columns:1fr;gap:14px}.auth-card--minimal{gap:14px;padding:18px;border-radius:22px}.auth-card-brand{display:grid;gap:2px}.auth-card-brand-kicker{margin:0;color:#8b95a1;font-size:12px;font-weight:600;letter-spacing:.02em}.auth-card-brand-title{color:#191f28;font-size:18px;letter-spacing:-.03em;line-height:1.05}.auth-card--minimal .auth-card-title{font-size:24px}.auth-card--minimal .auth-card-copy{font-size:13px}.auth-card--minimal .auth-tab{padding:11px 10px;font-size:14px}.auth-card--minimal .auth-input{padding:13px 14px;border-radius:14px}.auth-card--minimal .auth-submit{padding:14px 16px;border-radius:14px}}@media(max-height:820px){.page-shell--auth{height:auto;overflow:visible}.auth-shell--minimal{place-items:start center;padding-top:18px;padding-bottom:24px}.auth-minimal-copy{display:none}.auth-card--minimal{gap:14px;padding:18px}.auth-card-brand{display:grid;gap:2px}.auth-card-brand-kicker{margin:0;color:#8b95a1;font-size:12px;font-weight:600;letter-spacing:.02em}.auth-card-brand-title{color:#191f28;font-size:18px;letter-spacing:-.03em;line-height:1.05}.auth-card--minimal .auth-card-title{font-size:24px}.auth-form--minimal{gap:10px}.auth-card--minimal .auth-input{padding:12px 14px}}@media(max-height:700px){.auth-minimal-copy{display:none}.auth-card--minimal{padding:16px}.auth-minimal-helper{display:none}}.auth-shell--minimal{min-height:auto;display:grid;place-items:center;align-content:start;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.auth-panel{width:min(500px,100%);display:grid;gap:clamp(10px,1.4vw,16px);align-content:center;justify-items:center;padding:clamp(18px,2.4vw,28px);border-radius:clamp(24px,3vw,32px);background:linear-gradient(180deg,#ffffffd6,#ffffffc2),#ffffffb8;border:1px solid rgba(229,232,236,.96);box-shadow:0 24px 70px #0f172a14,0 6px 20px #0f172a0a;text-align:center}.auth-panel-form-head,.auth-form-grid,.auth-error,.auth-actions{width:min(100%,360px)}.auth-panel-form-head{display:grid;gap:8px}.auth-card-head{display:grid;gap:0;justify-items:center;margin-bottom:0;text-align:center}.auth-panel .auth-card-kicker{margin:0;color:#8b95a1;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-panel .auth-card-copy,.auth-panel .auth-tabs--minimal,.auth-panel .auth-tab{display:none}.auth-form-grid{display:grid;gap:6px}.auth-form-grid--signup{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.auth-form-grid--signup .auth-label--full{grid-column:1 / -1}.auth-label{display:grid;gap:0;min-width:0}.auth-panel .auth-input{width:100%;min-width:0;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid #dde3ea;background:#fff;color:#191f28;text-align:center;box-shadow:none}.auth-panel .auth-input::placeholder{color:#b0b8c1}.auth-panel .auth-input:focus{border-color:#3182f66b;box-shadow:0 0 0 3px #3182f614}.auth-error{min-height:0;margin:0;color:#e5484d;font-size:13px;text-align:center}.auth-error:empty{display:none}.auth-actions{display:grid;justify-items:center}.auth-panel .auth-submit{width:100%;min-height:42px;padding:8px 16px;border-radius:12px;background:#3182f6;color:#fff;box-shadow:none;font-size:14px}.auth-panel .auth-submit:hover{background:#2272eb;filter:none}.auth-panel .auth-submit:disabled{background:#d1d6db;color:#8b95a1;opacity:1}body:has(.portal-auth){background:#ead2de}body:has(.portal-auth) #app{padding:0}.page-shell--auth{width:100%;max-width:none;min-height:100svh;height:100dvh;padding:0;overflow:hidden;display:grid;place-items:center;background:transparent}.page-shell--auth>*{min-height:0;width:100%;height:100%}.portal-auth,.portal-auth input,.portal-auth button{font-family:BMJUA,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.portal-auth{position:relative;width:100%;height:100%;display:grid;place-items:center;container-type:size;overflow:hidden;background:radial-gradient(circle at 16% 76%,rgba(255,196,217,.5),transparent 24%),radial-gradient(circle at 84% 16%,rgba(204,214,255,.34),transparent 22%),radial-gradient(circle at 54% 48%,rgba(255,255,255,.14),transparent 26%),linear-gradient(135deg,#f0d1d8,#e5c9db 42%,#d8d4f1)}.portal-auth:before,.portal-auth:after{content:"";position:absolute;border-radius:50%;filter:blur(4.4cqw);opacity:.62;pointer-events:none}.portal-auth:before{width:38cqw;height:38cqw;left:-5cqw;bottom:-8cqw;background:radial-gradient(circle,#ffd9e2f2,#ffd9e200 66%)}.portal-auth:after{width:34cqw;height:34cqw;top:-7cqw;right:-4cqw;background:radial-gradient(circle,#dce4ffeb,#dce4ff00 68%)}.portal-auth__frame{position:relative;width:min(100cqw,181.02cqh);aspect-ratio:1676 / 926;overflow:hidden;container-type:size;z-index:1;background:transparent;box-shadow:none;isolation:isolate}.portal-auth__frame:before,.portal-auth__frame:after{content:none;position:absolute;inset:0;pointer-events:none}.portal-login{position:absolute;z-index:2;border-radius:1.25cqw;border:.08cqw solid rgba(255,255,255,.08);box-shadow:0 1.4cqh 2.9cqh #00000047}.portal-login{left:50%;top:13.1cqh;width:32.8cqw;transform:translate(-50%);overflow:hidden;background:linear-gradient(180deg,#171717 0 12.5cqh,#252525 12.5cqh 100%)}.portal-auth--signup .portal-login{top:11.6cqh}.portal-login__head{position:relative;min-height:12.5cqh;display:flex;align-items:center;justify-content:center;padding:2.2cqh 1.8cqw 1.9cqh;text-align:center}.portal-login__title{margin:0;display:block;max-width:100%;color:#fbf301;font-size:2.35cqw;line-height:1;letter-spacing:-.05em;font-weight:400;text-align:center;white-space:nowrap}.portal-login__body{display:grid;gap:1.35cqh;padding:4.8cqh 2.2cqw 3.7cqh}.portal-auth--signup .portal-login__body{padding-top:4.1cqh;gap:1.2cqh}.portal-login__field{display:grid;gap:.42cqh;min-height:8.85cqh;padding:1.55cqh 1.15cqw 1.55cqh;border-radius:.7cqw;background:linear-gradient(180deg,#f5f5f5,#ececec);border:.08cqw solid rgba(0,0,0,.11);box-shadow:inset 0 .12cqh #ffffffb8,0 .24cqh #00000014;transition:padding .14s ease}.portal-login__field-label{max-height:0;opacity:0;overflow:hidden;color:#9f9a9a;font-size:1.45cqw;line-height:1;letter-spacing:-.03em;transform:translateY(.35cqh);transition:max-height .14s ease,opacity .14s ease,transform .14s ease}.portal-login__field--stacked{padding-top:.95cqh}.portal-login__field--stacked .portal-login__field-label{max-height:1.2em;opacity:1;transform:translateY(0)}.portal-login__input{width:100%;border:0;padding:0;outline:none;background:transparent;color:#424242;font:inherit;font-size:2.25cqw;line-height:1.05;letter-spacing:-.03em}.portal-login__input::placeholder{color:#b7b0b0;opacity:1}.portal-login__remember{display:flex;align-items:center;gap:1.05cqw;padding-top:.8cqh}.portal-login__remember-input{position:absolute;opacity:0;pointer-events:none}.portal-login__remember-box{display:grid;place-items:center;position:relative;width:3.38cqw;height:3.38cqw;flex:0 0 auto;overflow:hidden;border-radius:.78cqw;border:.06cqw solid rgba(0,0,0,.16);background:linear-gradient(180deg,#4a4a4a,#333 48%,#2b2b2b);box-shadow:inset 0 .12cqh #ffffff14,inset 0 -.24cqh #0000002e,0 .28cqh .85cqh #00000029}.portal-login__remember-input:checked+.portal-login__remember-box{border-color:#78121247;background:linear-gradient(180deg,#db4e4e,#cf3b3b 52%,#bf2d2d);box-shadow:inset 0 .14cqh #ffffff29,inset 0 -.24cqh #8a181861,0 .35cqh .95cqh #0003}.portal-login__remember-mark{position:relative;width:1.9cqw;height:1.5cqw;color:transparent;line-height:1;transition:transform .14s ease,opacity .14s ease}.portal-login__remember-mark:before{content:"";position:absolute;left:50%;top:50%;width:.7cqw;height:1.28cqw;border-right:.34cqw solid #ffffff;border-bottom:.34cqw solid #ffffff;border-radius:.06cqw;transform:translate(-52%,-58%) rotate(41deg);filter:drop-shadow(0 .04cqh 0 rgba(0,0,0,.08))}.portal-login__remember-input:not(:checked)+.portal-login__remember-box .portal-login__remember-mark{opacity:0;transform:scale(.88)}.portal-login__remember-text{color:#828282;font-size:2.02cqw;line-height:1;letter-spacing:-.03em}.portal-login__error{min-height:1.55cqh;margin:0;color:#ff8d8d;font-size:1.04cqw;line-height:1.2;opacity:0}.portal-login__error--visible{opacity:1}.portal-login__submit{width:100%;min-height:10.2cqh;border:0;border-radius:.9cqw;background:linear-gradient(180deg,#fb4047,#f53a41);color:#fffdfd;font:inherit;font-size:2.85cqw;line-height:1;letter-spacing:-.04em;box-shadow:inset 0 .14cqh #ffffff2e,0 .45cqh #c7272dd1;transition:transform .12s ease,filter .12s ease}.portal-login__submit:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-.08cqh)}.portal-login__submit:disabled{cursor:not-allowed;opacity:1;box-shadow:inset 0 .14cqh #ffffff2e,0 .45cqh #c7272da3}.portal-login__footer{display:flex;align-items:center;justify-content:center;gap:.9cqw;padding-top:3cqh}.portal-login__footer-link{color:#818181;font-family:BMJUA,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:2.35cqw;line-height:1;letter-spacing:-.04em;font-weight:400}.portal-login__footer-link--accent{appearance:none;border:0;padding:0;background:transparent;color:#ff4247;cursor:pointer}.portal-login__footer-link--muted{color:#8b8b8b}.portal-login__footer-link--button{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;font-family:inherit}.portal-login__footer-link--button:hover{filter:brightness(1.08)}.portal-login__footer-link--button:focus-visible{outline:.12cqw solid rgba(255,255,255,.42);outline-offset:.2cqw}.portal-login__footer-divider{color:#6c6c6c;font-size:2.05cqw;line-height:1}body:has(.lobby-hub){background:#23211f}body:has(.lobby-hub) #app{padding:0}.page-shell--public:has(.lobby-hub){width:100%;max-width:none;min-height:100svh;height:100dvh;margin:0;gap:0;grid-template-rows:minmax(0,1fr);overflow:hidden;background:transparent}.page-shell--public:has(.lobby-hub):before{content:none}.page-shell--public:has(.lobby-hub)>*{min-height:0;height:100%}.lobby-hub,.lobby-hub input,.lobby-hub button{font-family:BMJUA,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.lobby-hub{position:relative;width:100%;height:100%;display:grid;place-items:center;container-type:size;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,231,189,.08),transparent 19%),linear-gradient(180deg,#302b28,#272220 52%,#24201d)}.lobby-hub:before,.lobby-hub:after{content:none}.lobby-hub__frame{position:relative;width:min(100cqw,184.17cqh);aspect-ratio:2048 / 1112;container-type:size;overflow:hidden;background:transparent;box-shadow:none}.lobby-hub__frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 17%,transparent 82%,rgba(0,0,0,.32)),linear-gradient(180deg,transparent 72%,rgba(0,0,0,.3));pointer-events:none}.lobby-hub__topbar{position:absolute;top:2cqh;left:2.6cqw;right:2.6cqw;z-index:5;display:flex;align-items:center;justify-content:space-between}.lobby-hub__channel,.lobby-hub__top-actions{display:flex;align-items:center;gap:.8cqw}.hub-icon-button,.hub-channel-pill,.hub-currency{min-height:5.2cqh;border-radius:1.4cqw;background:#484644e6;box-shadow:inset 0 .12cqh #ffffff0f,0 .2cqh #0000002e}.hub-icon-button{width:3.6cqw;border:0;display:grid;place-items:center;color:#fff;background:#343230f0;font-size:1.8cqw;cursor:pointer}.hub-icon-button--wide{width:4.5cqw}.hub-icon-button span{font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;transform:translateY(-.05cqh)}.hub-channel-pill{min-width:10.8cqw;padding:0 1.4cqw;display:flex;align-items:center;color:#fff;font-size:1.8cqw}.hub-currency{min-width:10.8cqw;padding:0 1.15cqw;display:flex;align-items:center;gap:.7cqw;color:#fff;font-size:1.34cqw}.hub-currency__icon{display:block;flex:0 0 auto}.hub-currency__icon--blood{position:relative;width:1.28cqw;height:1.78cqw;transform:rotate(45deg);border-radius:65% 65% 65% 0;background:linear-gradient(180deg,#ff7f86,#d91f35);box-shadow:inset 0 .1cqh #ffffff29,0 .12cqh .35cqh #67041542,0 0 0 .12cqw #ffffff1f}.hub-currency__icon--blood:after{content:"";position:absolute;top:.24cqw;left:.18cqw;width:.34cqw;height:.5cqw;border-radius:50%;background:#ffffff42;transform:rotate(-35deg)}.hub-currency__icon--vaccine{position:relative;width:1.95cqw;height:.74cqw;border-radius:999px;background:linear-gradient(180deg,#d7e4ee,#8aa1af);transform:rotate(-28deg);box-shadow:inset 0 .06cqh #ffffff57,0 0 0 .08cqw #ffffff24}.hub-currency__icon--vaccine:before{content:"";position:absolute;left:.38cqw;top:.13cqw;width:.72cqw;height:.42cqw;border-radius:.2cqw;background:linear-gradient(180deg,#bff257,#67c72f);box-shadow:-.24cqw 0 #d9dee2,-.32cqw -.08cqw #d9dee2,-.32cqw .08cqw #d9dee2}.hub-currency__icon--vaccine:after{content:"";position:absolute;right:-.38cqw;top:.23cqw;width:.54cqw;height:.08cqw;background:#d9dee2;box-shadow:.26cqw 0 #d9dee2,.48cqw -.08cqw #d9dee2,.48cqw .08cqw #d9dee2}.lobby-hub__left{position:absolute;left:2.6cqw;top:11.2cqh;width:18.8cqw;bottom:6.2cqh;z-index:4;display:grid;grid-template-rows:auto auto 1fr;gap:2.2cqh}.hub-mailbox{position:relative;width:3.9cqw;height:3.9cqw;border:0;padding:0;background:transparent;color:#f5f5f5;cursor:pointer}.hub-mailbox__icon{display:grid;place-items:center;width:100%;height:100%;font-size:2.6cqw;filter:drop-shadow(0 .25cqh .4cqh rgba(0,0,0,.24))}.hub-mailbox__badge{position:absolute;top:0;right:0;min-width:1.1cqw;height:1.1cqw;padding:0 .2cqw;border-radius:999px;background:#cb1d14;color:#fff;font-size:.95cqw;line-height:1.1cqw;box-shadow:0 0 0 .12cqw #ffffffd9}.hub-profile{display:grid;gap:.6cqh;padding-top:.4cqh;color:#fffffff0}.hub-profile__title,.hub-profile__level,.hub-profile__progress-copy{margin:0;color:#ffffffeb;font-size:1.35cqw}.hub-profile__level{font-size:2.1cqw}.hub-profile__progress{width:10.8cqw;height:.65cqh;border-radius:999px;overflow:hidden;background:#ffffff24}.hub-profile__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34da0d,#8dff57)}.hub-profile__progress-copy{color:#ffffff7a;font-size:1.02cqw}.hub-menu{align-self:end;display:grid;justify-content:start;grid-template-columns:repeat(2,minmax(0,4.2cqw));gap:1.2cqw}.hub-menu__item{border:0;padding:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:.55cqh;cursor:pointer}.hub-menu__icon{width:3.15cqw;height:3.15cqw;transform:rotate(45deg);border-radius:.6cqw;box-shadow:inset 0 .08cqh #ffffff29,0 .24cqh #0000002e}.hub-menu__label{font-size:1.2cqw;line-height:1}.hub-menu__item--gold .hub-menu__icon{background:linear-gradient(180deg,#ffd86e,#d0860f)}.hub-menu__item--bronze .hub-menu__icon{background:linear-gradient(180deg,#ffd591,#b8761d)}.lobby-hub__center{position:absolute;left:25.2cqw;top:6.8cqh;width:30.6cqw;bottom:7.4cqh;z-index:2}.hub-scene{position:relative;width:100%;height:100%;overflow:hidden}.hub-scene__ceiling{position:absolute;left:18%;right:18%;top:0;height:24cqh;background:repeating-linear-gradient(180deg,#0000001f 0 1.8cqh,#ffdb9114 1.8cqh 3.2cqh),linear-gradient(180deg,rgba(0,0,0,.3),transparent 70%);clip-path:polygon(36% 0%,64% 0%,82% 100%,18% 100%);opacity:.95}.hub-scene__beam{position:absolute;left:24%;right:24%;top:4cqh;bottom:9cqh;background:linear-gradient(180deg,#fff4d6b8,#ffecb62e 62%,#ffecb600);clip-path:polygon(35% 0%,65% 0%,100% 100%,0% 100%);filter:blur(.15cqw)}.hub-scene__path{position:absolute;left:30%;right:24%;top:16cqh;bottom:10cqh;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,#ffebc6b3,#dfceb266);clip-path:polygon(20% 0%,68% 0%,100% 100%,0% 100%);box-shadow:0 0 4cqw #ffeebf24,inset 0 0 0 .08cqw #ffffff0a}.hub-scene__petals{position:absolute;inset:auto 20% 10cqh 24%;height:32cqh;background:radial-gradient(circle at 14% 75%,rgba(255,162,210,.8) 0 .22cqw,transparent .24cqw),radial-gradient(circle at 24% 24%,rgba(255,171,217,.9) 0 .2cqw,transparent .22cqw),radial-gradient(circle at 47% 58%,rgba(255,161,206,.86) 0 .18cqw,transparent .2cqw),radial-gradient(circle at 76% 68%,rgba(255,183,223,.78) 0 .2cqw,transparent .22cqw),radial-gradient(circle at 88% 36%,rgba(255,170,218,.84) 0 .17cqw,transparent .19cqw);opacity:.86}.hub-scene__crowd{position:absolute;left:6%;right:8%;bottom:11cqh;height:26cqh}.hub-scene__crowd-unit{position:absolute;width:2.5cqw;height:7.2cqh;opacity:.42}.hub-scene__crowd-unit:before,.hub-scene__crowd-unit:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.hub-scene__crowd-unit:before{top:0;width:1.25cqw;height:1.25cqw;border-radius:50%;background:#a89ea0d6}.hub-scene__crowd-unit:after{top:1.15cqw;width:2cqw;height:4.9cqh;border-radius:.9cqw .9cqw .5cqw .5cqw;background:#4e4d4fe0}.hub-scene__crowd-unit--1{left:2%;bottom:1.5cqh}.hub-scene__crowd-unit--2{left:16%;bottom:3.2cqh}.hub-scene__crowd-unit--3{left:30%;bottom:.8cqh}.hub-scene__crowd-unit--4{left:46%;bottom:4.2cqh}.hub-scene__crowd-unit--5{left:58%;bottom:2.1cqh}.hub-scene__crowd-unit--6{left:70%;bottom:5.1cqh}.hub-scene__crowd-unit--7{left:81%;bottom:1.2cqh}.hub-scene__crowd-unit--8{left:90%;bottom:3.8cqh}.hub-scene__characters{position:absolute;left:50%;bottom:12cqh;width:11cqw;height:22cqh;transform:translate(-50%)}.hub-avatar{position:absolute;display:block}.hub-avatar:before,.hub-avatar:after{content:"";position:absolute}.hub-avatar--hero{left:50%;bottom:0;width:4.8cqw;height:13.6cqh;transform:translate(-50%)}.hub-avatar--hero:before{left:1.25cqw;top:1.8cqh;width:2.15cqw;height:2.15cqw;border-radius:50%;background:#f2dfc6;box-shadow:0 -.9cqh 0 .9cqh #242326}.hub-avatar--hero:after{left:.8cqw;bottom:1.6cqh;width:3.2cqw;height:7.8cqh;border-radius:1cqw 1cqw .8cqw .8cqw;background:linear-gradient(180deg,#ef6855,#ca3737);box-shadow:0 4.2cqh 0 -3.35cqh #fff,-.7cqw 3cqh 0 -2.2cqh #f0dfc5,.7cqw 3cqh 0 -2.2cqh #f0dfc5,-.62cqw 6.3cqh 0 -2.56cqh #fff,.62cqw 6.3cqh 0 -2.56cqh #fff,0 7.9cqh 0 -3.08cqh #00000038}.hub-avatar--orange:after{background:linear-gradient(180deg,#ff9c57,#dd5e25)}.hub-avatar--blue:after{background:linear-gradient(180deg,#6e8afc,#4360d5)}.hub-avatar--badge,.hub-avatar--mask{width:2.6cqw;height:6.2cqh}.hub-avatar--badge{left:1cqw;bottom:8.2cqh}.hub-avatar--badge:before{left:.45cqw;top:.2cqh;width:1.7cqw;height:1.7cqw;border-radius:50%;background:#f9a34a;box-shadow:0 -.55cqh 0 .2cqh #92422c}.hub-avatar--badge:after{left:.38cqw;top:2.05cqh;width:1.82cqw;height:1.82cqw;border-radius:50%;background:radial-gradient(circle at 46% 42%,#ffffff 0 12%,transparent 13%),#8b0e1e;box-shadow:0 2.2cqh 0 -1.5cqh #00000038}.hub-avatar--mask{right:1cqw;bottom:9cqh}.hub-avatar--mask:before{left:.42cqw;top:0;width:1.75cqw;height:1.75cqw;border-radius:50%;background:#ffb66d;box-shadow:0 -.52cqh 0 .18cqh #75411d}.hub-avatar--mask:after{left:.35cqw;top:2.02cqh;width:1.9cqw;height:1.9cqw;border-radius:50%;background:radial-gradient(circle at 34% 38%,#1f1f1f 0 10%,transparent 11%),radial-gradient(circle at 66% 38%,#1f1f1f 0 10%,transparent 11%),#fff;box-shadow:0 2.2cqh 0 -1.5cqh #00000038}.lobby-hub__right{position:absolute;right:3.1cqw;top:10.1cqh;width:33.7cqw;bottom:6.4cqh;z-index:4;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:1cqh}.hub-right__title{display:flex;align-items:center;gap:.9cqw;color:#ffffffb8;font-size:1.65cqw}.hub-right__title div{flex:1;height:.2cqh;background:#ffffff2e}.hub-room-feed{margin:0;padding:0;list-style:none;display:grid;align-content:start;gap:1.05cqh;overflow:hidden}.hub-room-card__button{width:100%;min-height:8.8cqh;border:0;border-radius:1.2cqw;padding:1.15cqh 1cqw;background:#111;color:#fff;display:flex;align-items:center;gap:.95cqw;cursor:pointer;box-shadow:inset 0 0 0 .14cqw #ffc141d1,0 .24cqh #00000038}.hub-room-card__tag{flex:0 0 auto;min-width:5.8cqw;color:#8d56ff;font-size:1.48cqw;line-height:.95;text-align:center}.hub-room-card__copy{display:grid;gap:.35cqh;text-align:left}.hub-room-card__copy strong{font-size:1.58cqw;line-height:1.1}.hub-room-card__copy span{color:#ffffffa3;font-size:1.18cqw}.hub-room-card--featured .hub-room-card__copy strong{color:#42f4f3}.hub-room-card--normal .hub-room-card__copy strong{color:#ff533f}.hub-room-card--danger .hub-room-card__button{box-shadow:inset 0 0 0 .14cqw #ffa22fe0,0 .24cqh #00000038}.hub-room-card--danger .hub-room-card__tag{color:#ff5cb2}.hub-room-card--empty .hub-room-card__button{cursor:default}.hub-room-card--empty .hub-room-card__copy strong{color:#f2f2f2}.hub-room-error{min-height:1.5cqh;margin:0;color:#ff9d8a;font-size:1.05cqw;opacity:0}.hub-room-error--visible{opacity:1}.hub-right__actions{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:.8cqw}.hub-action-button{min-height:10.4cqh;border:0;border-radius:.6cqw;color:#fff;cursor:pointer;font-size:2.2cqw;box-shadow:inset 0 .14cqh #ffffff24,0 .28cqh #0000003d}.hub-action-button--secondary{background:linear-gradient(180deg,#616166,#3f4045)}.hub-action-button--primary{display:grid;align-content:center;justify-items:center;background:linear-gradient(180deg,#ff4242,#d51f1f)}.hub-action-button--primary span{font-size:2.6cqw;line-height:1}.hub-action-button--primary small{color:#ffeecadb;font-size:1.28cqw}.system-dialog-shell,.system-dialog-shell button,.system-dialog-shell input,.system-dialog-shell select{font-family:BMJUA,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.system-dialog-shell{position:fixed;inset:0;z-index:320;display:grid;place-items:center;container-type:size;padding:3cqh 3cqw;background:#00000057;-webkit-backdrop-filter:blur(.2cqw);backdrop-filter:blur(.2cqw)}.system-dialog{width:min(38cqw,76cqh);max-width:94cqw;max-height:94cqh;min-height:44cqh;border-radius:1.25cqw;overflow:hidden;background:#2f2c30;box-shadow:inset 0 0 0 .08cqw #ffffff14,0 1cqh 2.2cqh #0000004d}.system-dialog__head{min-height:8.4cqh;display:grid;place-items:center;padding:1.6cqh 1.6cqw;background:#282528}.system-dialog__title{margin:0;color:#ffffffad;font-size:2.35cqw;line-height:1}.system-dialog__body{min-height:24cqh;display:grid;place-items:center;gap:1.5cqh;padding:2.8cqh 2.2cqw 1.2cqh;text-align:center}.system-dialog__message{margin:0;color:#fff;font-size:2.3cqw;line-height:1.28}.system-dialog__actions{display:grid;justify-content:center;gap:.9cqw;padding:1.4cqh 2.2cqw 2.6cqh}.system-dialog__actions--dual{grid-template-columns:repeat(2,minmax(0,11.6cqw))}.system-dialog__button{min-width:12cqw;min-height:6.8cqh;border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:2.35cqw;box-shadow:inset 0 .14cqh #ffffff29,0 .26cqh #00000038}.system-dialog__button--primary{background:linear-gradient(180deg,#f04f5f,#eb4252)}.system-dialog__button--ghost{background:linear-gradient(180deg,#69696d,#4f4f54)}.system-dialog__stack{width:min(29.6cqw,62cqh);max-width:100%;display:grid;gap:1.55cqh}.system-dialog__field{display:grid;gap:.9cqh;text-align:left;color:#ffffffd1;font-size:1.45cqw}.system-dialog__input{width:100%;min-height:6.5cqh;border:0;border-radius:.92cqw;padding:0 1.15cqw;background:#f6f2f2;color:#2e2a2f;font-size:1.55cqw;box-shadow:inset 0 .12cqh #ffffff9e,0 .22cqh #0000002e}.system-dialog__input::placeholder{color:#2e2a2f6b}.system-dialog__select{appearance:none;background:linear-gradient(45deg,transparent 50%,rgba(46,42,47,.58) 50%) calc(100% - 1.4cqw) 50% / .42cqw .42cqw no-repeat,linear-gradient(135deg,rgba(46,42,47,.58) 50%,transparent 50%) calc(100% - 1.1cqw) 50% / .42cqw .42cqw no-repeat,#f6f2f2;padding-right:2.5cqw;cursor:pointer}.system-dialog__message--small{color:#ffffffd1;font-size:1.58cqw}.system-dialog__skin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95cqw}.system-dialog__skin{border:0;border-radius:1.05cqw;padding:1.2cqh 1cqw;background:#ffffff0f;color:#fff;display:grid;justify-items:start;gap:.45cqh;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 .08cqw #ffffff1a,0 .2cqh #00000029}.system-dialog__skin:disabled{cursor:wait;opacity:.7}.system-dialog__skin strong{font-size:1.42cqw;line-height:1}.system-dialog__skin small{color:#ffffff94;font-size:1.06cqw;line-height:1.15}.system-dialog__skin-swatch{width:2.25cqw;height:2.25cqw;border-radius:.72cqw;transform:rotate(45deg);box-shadow:inset 0 .08cqh #ffffff2e,0 .22cqh #0000002e}.hub-emblem--orange .system-dialog__skin-swatch{background:linear-gradient(180deg,#ffcf72,#d57d18)}.hub-emblem--blue .system-dialog__skin-swatch{background:linear-gradient(180deg,#79a3ff,#4066d8)}.system-dialog__skin--active{background:#ffffff17;box-shadow:inset 0 0 0 .12cqw #ff8484d1,0 0 0 .1cqw #ffffff14,0 .24cqh #0000002e}.system-dialog__stack>.system-dialog__button{justify-self:center}.room-shell{container-type:size;color:#fff}.room-shell:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(104,16,16,.16),transparent 12%),radial-gradient(circle at 50% 52%,transparent 32%,rgba(0,0,0,.18) 100%);mix-blend-mode:multiply;opacity:1}.room-shell:after{content:none}.game-stage{background:radial-gradient(circle at 50% 18%,rgba(255,242,200,.08),transparent 24%),linear-gradient(180deg,#1d1614,#0f0c0b)}.room-topbar{position:absolute;top:0;left:0;right:0;z-index:8;min-height:5.8cqh;padding:.55cqh 1.5cqw;display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;background:linear-gradient(180deg,#480808f5,#211717f0),#191313eb;box-shadow:inset 0 .16cqh #ffffff14,0 .32cqh #0000004d}.room-topbar__main,.room-topbar__right{display:flex;align-items:center;gap:.7cqw;min-width:0}.room-topbar__main{flex:1}.room-topbar__state,.room-topbar__title,.room-topbar__accent,.room-topbar__episode{line-height:1;white-space:nowrap;text-shadow:0 .1cqh .22cqh rgba(0,0,0,.52)}.room-topbar__state{color:#f2f2f2;font-size:2.15cqw}.room-topbar__title{overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:2.35cqw}.room-topbar__accent{color:#f4e32e;font-size:2.12cqw}.room-topbar__episode{color:#fff;font-size:2.05cqw}.room-topbar__icon-button{width:3.3cqw;height:3.3cqw;padding:0;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.room-topbar__icon{width:2cqw;height:2cqw;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 .08cqh .16cqh rgba(0,0,0,.42))}.room-left-panel{position:absolute;top:6.8cqh;left:1.4cqw;z-index:7;width:17.2cqw;min-height:5.6cqh;pointer-events:auto}.room-player-hotspot{width:100%;min-height:5.6cqh;border:0;padding:0;background:transparent;cursor:pointer}.room-stage-timer{position:absolute;top:1.05cqh;left:50%;z-index:8;transform:translate(-50%);min-width:10.4cqw;padding:.8cqh 1.2cqw;border-radius:.45cqw;background:#00000061;box-shadow:0 .26cqh .5cqh #00000038;text-align:center}.room-stage-timer strong{color:#f97228;font-size:2.6cqw;line-height:1;text-shadow:0 .14cqh .22cqh rgba(0,0,0,.46)}.room-right-panel{position:absolute;top:50%;right:1.7cqw;transform:translateY(-50%);z-index:8;width:16.8cqw;display:grid;align-content:start;gap:.9cqh;pointer-events:none}.room-side-card,.room-side-cta,.room-side-fab{box-shadow:inset 0 0 0 .08cqw #ffffff14,0 .28cqh .65cqh #0000003d}.room-side-card{padding:.85cqh .7cqw;border-radius:.35cqw;background:#08080ad6;pointer-events:auto}.room-side-card--episode{padding:0;overflow:hidden;background:linear-gradient(180deg,#5a0405f5,#1a0b0bf2),#130d0df5}.room-side-card__head{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;color:#ffffffdb;font-size:1.25cqw}.room-side-card__arrow{width:1.8cqw;height:1.8cqw;border:0;padding:0;background:transparent;color:#ffffffdb;font-size:2.2cqw;line-height:1;display:grid;place-items:center;cursor:pointer}.room-side-card__arrow--ghost{visibility:hidden}.room-side-card__arrow--active{color:#f4e32e}.room-slot-list{margin-top:.8cqh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45cqw}.room-slot{min-height:7.6cqh;border-radius:.28cqw;background:#ffffff0a;display:grid;justify-items:center;align-content:center;gap:.42cqh;padding:.7cqh .35cqw}.room-slot--self{background:#ffffff12;box-shadow:inset 0 0 0 .1cqw #ffeca33d}.room-slot--host{box-shadow:inset 0 0 0 .1cqw #f3e33a33}.room-slot--empty{opacity:.58}.room-slot__avatar{width:2.6cqw;height:2.6cqw;border-radius:.4cqw;background:linear-gradient(180deg,#efefef,#bfbfbf);color:#232323;display:grid;place-items:center;font-size:1.15cqw;box-shadow:inset 0 .08cqh #ffffff4d}.room-slot__copy{display:grid;gap:.12cqh;text-align:center}.room-slot__copy strong,.room-slot__copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-slot__copy strong{font-size:.95cqw;color:#fff}.room-slot__copy small{font-size:.82cqw;color:#ffffff9e}.room-side-card--episode .room-side-card__kicker,.room-side-card--episode .room-side-card__title,.room-side-card--episode .room-side-card__copy{margin:0}.room-side-card__kicker{display:block;padding:.55cqh .9cqw 0;color:#fff;font-size:1cqw;opacity:.76}.room-side-card__title{display:block;padding:.9cqh .9cqw .2cqh;color:#fff;font-size:1.82cqw;line-height:1.08;letter-spacing:-.03em}.room-side-card__copy{padding:0 .9cqw 1cqh;color:#ffffffbd;font-size:1.18cqw}.room-side-card--status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.45cqw;align-items:stretch}.room-side-card__status-item{border-radius:.28cqw;background:#ffffff0a;display:grid;place-items:center;padding:.7cqh .2cqw}.room-side-card__status-item span{color:#ffffffa3;font-size:.92cqw}.room-side-card__status-item strong{color:#fff;font-size:1.35cqw;line-height:1.05}.room-side-card__menu{width:3.3cqw;border:0;border-radius:.28cqw;background:#ffffff0f;color:#ffffffd6;font-size:1.45cqw;cursor:pointer}.room-side-cta{min-height:8.8cqh;border:0;border-radius:.35cqw;padding:1.1cqh .7cqw;background:linear-gradient(180deg,#4d475e,#2e2937);color:#fff;display:grid;place-items:center;cursor:pointer;pointer-events:auto}.room-side-cta span,.room-side-cta small{line-height:1;white-space:nowrap}.room-side-cta span{font-size:2.2cqw}.room-side-cta small{margin-top:.45cqh;color:#ffffffb8;font-size:1.1cqw}.room-side-cta:disabled{opacity:.56;cursor:not-allowed}.room-side-cta--countdown{background:linear-gradient(180deg,#6e3026,#3f1d18)}.room-side-fab{justify-self:end;width:3.9cqw;height:3.9cqw;border:0;border-radius:999px;background:linear-gradient(180deg,#5f0c13,#280a0d);color:#fff;cursor:pointer;display:grid;place-items:center;pointer-events:auto}.room-side-fab span{font-size:1.05cqw;line-height:1}.room-side-fab--active{box-shadow:inset 0 0 0 .12cqw #ffdf7540,0 .28cqh .65cqh #0000003d}.room-chat-panel{--chat-panel-offset-y: 0;position:absolute;left:50%;bottom:max(0px,env(safe-area-inset-bottom));z-index:8;transform:translate(-50%,var(--chat-panel-offset-y));display:grid;width:min(clamp(250px,26cqw,400px),calc(100vw - 18px));border-radius:12px 12px 0 0;overflow:hidden;background:#36343457;box-shadow:inset 0 0 0 .08cqw #ffffff14,0 .35cqh .8cqh #0000003d;-webkit-backdrop-filter:blur(.28cqw);backdrop-filter:blur(.28cqw);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.room-chat-panel--collapsed{--chat-panel-offset-y: 6px}.room-chat-panel__expanded{overflow:hidden;max-height:min(248px,calc(100dvh - 112px));opacity:1;transform:translateY(0);transition:max-height .18s ease,opacity .14s ease,transform .18s ease}.room-chat-panel--collapsed .room-chat-panel__expanded{max-height:0;opacity:0;transform:translateY(10px);pointer-events:none}.room-chat-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.55cqw;padding:6px 9px 3px}.room-chat-panel__tabs{display:flex;align-items:center;gap:.55cqw;min-width:0}.room-chat-panel__tab{border:0;padding:0;background:transparent;color:#ffffffb8;font-size:clamp(12px,1.2cqw,16px);cursor:default}.room-chat-panel__tab--active{color:#fff}.room-chat-panel__collapse{width:22px;height:22px;border:0;padding:0;background:transparent;color:#fffc;font:inherit;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer}.room-chat-panel__log{height:clamp(70px,8.8cqh,112px);padding:5px 9px 6px;overflow-y:auto;overflow-x:hidden;background:#00000038;display:grid;align-content:start;gap:.28cqh}.room-chat__line{margin:0;font-size:clamp(12px,1.04cqw,15px);line-height:1.16;white-space:pre-wrap;word-break:break-word;text-shadow:0 .08cqh .12cqh rgba(0,0,0,.42)}.room-chat__author{margin-right:.35cqw;color:#f5f5f5}.room-chat__line--system{color:#40f03a}.room-chat__line--player{color:#fff}.room-chat__line--muted{color:#ffffffb8}.room-chat-panel__input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px 7px 6px}.room-chat-panel__channel{color:#f3efef;font-size:clamp(12px,1.08cqw,15px)}.room-chat-panel__field{min-height:30px;border-radius:7px;background:#ffffff14;color:#ffffff73;font-size:clamp(12px,.95cqw,14px);display:flex;align-items:center;padding:0 8px}.room-chat-panel__field--input{width:100%;border:0;outline:0;color:#fff;font-family:inherit}.room-chat-panel__field--input::placeholder{color:#ffffff6b}.room-chat-panel__send{min-width:44px;height:30px;border:0;border-radius:7px;background:linear-gradient(180deg,#8d2d2d,#5e1f1f);color:#fff;font:inherit;font-size:clamp(10px,.82cqw,12px);cursor:pointer}.room-chat-panel__send:disabled{opacity:.45;cursor:not-allowed}.room-chat-panel__collapsed-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;max-height:0;padding:0 8px;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .18s ease,opacity .14s ease,padding .18s ease,transform .18s ease}.room-chat-panel--collapsed .room-chat-panel__collapsed-bar{max-height:40px;padding:5px 8px 6px;opacity:1;transform:translateY(0)}.room-chat-panel__collapsed-main{min-width:0;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;text-align:left;cursor:pointer}.room-chat-panel__collapsed-label{color:#ffffffa8;font-size:11px}.room-chat-panel__collapsed-message{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.room-chat-panel__collapsed-message--player{color:#fff}.room-chat-panel__collapsed-message--system{color:#40f03a}.room-chat-panel__collapsed-message--muted{color:#ffffffb8}.room-player-dropdown{position:absolute;top:0;left:0;z-index:12;width:17.8cqw}.room-card-head--players{display:flex;align-items:center;justify-content:space-between;gap:.7cqw}.room-player-dropdown__close{width:2.5cqw;height:2.5cqw;border:0;border-radius:.28cqw;background:#ffffff0f;color:#fff;font:inherit;font-size:1.6cqw;cursor:pointer}.room-card-players{border-radius:.4cqw;padding:.9cqh .8cqw .8cqh;background:#08080ae0}.room-card-players .room-title{font-size:1.55cqw}.room-player-list{display:grid;gap:.45cqh;margin:.9cqh 0 0;padding:0;list-style:none}.room-player-chip{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;padding:.55cqh .55cqw;border-radius:.28cqw;background:#ffffff0a}.room-player-main{display:flex;align-items:center;gap:.32cqw;min-width:0}.room-player-main strong{font-size:1.02cqw;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-player-chip__tag{color:#ffffffb8;font-size:.9cqw}.room-player-state{width:.7cqw;height:.7cqw;border-radius:999px;flex:0 0 auto}.room-player-state--alive{background:#2fd86a}.room-player-state--dead{background:#8d8d8d}.room-player-meta{color:#ffffff9e;font-size:.82cqw}.room-overlay-center{z-index:12}.room-overlay-spectate{top:7.4cqh;left:50%;z-index:9;transform:translate(-50%)}.room-overlay-cooldown{top:auto;left:auto;right:5.2cqw;bottom:16.8cqh;z-index:9;transform:none;width:10.8cqw}.room-cooldown-panel{width:100%;gap:.4cqh;padding:.55cqh .65cqw;border-radius:.35cqw;background:#08080ad6;box-shadow:inset 0 0 0 .08cqw #ffffff14,0 .28cqh .65cqh #0000003d}.room-cooldown-copy span,.room-time-copy span{font-size:.8cqw;color:#ffffff8a}.room-cooldown-copy strong,.room-time-copy strong{font-size:1.08cqw}.room-cooldown-track{height:.7cqh;border:0;background:#ffffff14}.room-overlay-players{top:8.2cqh;left:auto;right:19.3cqw;bottom:auto;width:17.2cqw;max-height:44cqh;z-index:10}.mobile-control--pad{--mobile-pad-visual-size: calc((14.8cqw * var(--mobile-control-scale)) - 1.6cqw)}.mobile-control--attack{width:calc(8.1cqw * var(--mobile-control-scale));padding:0}.mobile-dpad{gap:.4cqw;padding:.6cqw;border-radius:50%;background:#1c1c1c2e}.mobile-dir{border-radius:.95cqw;background:linear-gradient(180deg,#6c6c6cb8,#363636ad),#28282899}.mobile-dpad-core{background:#5656566b}.mobile-attack-button{gap:.45cqh}.mobile-control--attack-lobby .mobile-attack-button{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.28),transparent 28%),linear-gradient(180deg,#f7f7f7fa,#cdcdcdf5);border-color:#ffffff57}.mobile-control--attack-field .mobile-attack-button{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.22),transparent 28%),linear-gradient(180deg,#f55050fa,#c1191df5);border-color:#ffd6c457}.mobile-attack-weapon{width:54%;height:54%;overflow:visible;fill:none;stroke:#41291d;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .08cqh .1cqh rgba(255,255,255,.12))}.mobile-control--attack-field .mobile-attack-weapon{stroke:#361515}.mobile-attack-weapon--rescue rect,.mobile-attack-weapon--rescue path{fill:#ffdc73;stroke:#3c1d12}.mobile-control--attack-field .mobile-attack-weapon--rescue rect,.mobile-control--attack-field .mobile-attack-weapon--rescue path{fill:#ffd45b;stroke:#2e1414}.mobile-attack-button small{font-size:.95cqw;letter-spacing:.08em;color:#110b09b8}.mobile-control--attack-field .mobile-attack-button small{color:#fff0ded1}@media(max-width:920px){.settings-overlay{padding:1.2cqh 1.4cqw}.settings-modal{width:min(96cqw,100%);min-height:72cqh;border-radius:14px}.settings-title{padding:0 12px;font-size:clamp(20px,3cqh,30px)}.settings-tab--arcade{min-height:6.2cqh;font-size:clamp(10px,1.4cqh,15px)}.settings-close-icon{width:56px;font-size:clamp(24px,3.2cqh,34px)}.settings-body--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}.settings-group__title,.settings-option-card__head strong,.settings-language-card,.settings-placeholder-card h4{font-size:clamp(16px,2.2cqh,24px)}.settings-range-head strong,.settings-switch__label,.settings-inline-button,.settings-note,.settings-placeholder-card p{font-size:clamp(11px,1.5cqh,16px)}.settings-switch__track{width:68px;height:34px}.settings-switch__thumb{width:28px;height:28px;left:3px}.settings-switch input:checked+.settings-switch__track .settings-switch__thumb{left:calc(100% - 31px)}.room-topbar{padding:.65cqh 2.1cqw}.room-topbar__state,.room-topbar__title,.room-topbar__accent,.room-topbar__episode{font-size:clamp(12px,1.6cqh,20px)}.room-topbar__icon-button{width:5.2cqw;height:5.2cqw}.room-topbar__icon{width:2.8cqw;height:2.8cqw}.room-left-panel{top:6.5cqh;left:2.2cqw;width:24cqw;min-height:6cqh}.room-player-hotspot{min-height:6cqh}.room-player-dropdown{width:24cqw}.room-player-dropdown__close{width:28px;height:28px;font-size:18px}.room-right-panel{top:50%;right:2.2cqw;width:19.8cqw;transform:translateY(-50%)}.room-chat-panel{width:min(62vw,320px);bottom:max(0px,env(safe-area-inset-bottom))}.room-overlay-cooldown{right:7cqw;bottom:25.6cqh;width:14.6cqw}.room-overlay-players{right:23.5cqw;width:22cqw}.mobile-control--pad{--mobile-pad-visual-size: calc((22cqw * var(--mobile-control-scale)) - 1.8cqw)}.mobile-control--attack{width:calc(12.2cqw * var(--mobile-control-scale))}}@media(max-width:700px){.settings-body{padding:1.4cqh .9cqw 1.1cqh}.settings-body--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,.95vw,12px)}.settings-group{gap:.55cqh}.settings-group__title{margin-bottom:.1cqh;font-size:clamp(15px,1.9cqh,20px)}.settings-option-card{min-height:0;padding:.8cqh .62cqw;border-radius:10px}.settings-option-card--compact{min-height:0}.settings-option-card__head{gap:clamp(6px,.7vw,10px)}.settings-option-card__head strong{font-size:clamp(15px,1.95cqh,21px)}.settings-slider{margin-top:.75cqh}.settings-switch__track{width:62px;height:30px}.settings-switch__thumb{width:24px;height:24px;left:3px}.settings-switch input:checked+.settings-switch__track .settings-switch__thumb{left:calc(100% - 27px)}.settings-switch__label,.settings-inline-button,.settings-note{font-size:clamp(10px,1.3cqh,14px)}.settings-inline-actions{gap:6px}.settings-inline-button{min-width:48px;height:30px;padding:0 10px;border-radius:8px}.settings-language-card{min-height:0;padding:1.1cqh .8cqw;font-size:clamp(18px,2.3cqh,24px)}}