:root{color-scheme:dark;--bg: #07110d;--bg-deep: #04090a;--surface: rgba(10, 22, 18, .84);--surface-2: rgba(18, 37, 30, .88);--surface-3: rgba(6, 14, 11, .72);--line: rgba(173, 191, 156, .14);--line-strong: rgba(173, 191, 156, .24);--text: #eff7ec;--muted: #a9b9ad;--brand: #88c057;--brand-2: #f08c44;--success: #4ade80;--danger: #f87171;font-family:Sora,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(136,192,87,.16),transparent 38%),radial-gradient(circle at bottom right,rgba(240,140,68,.12),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg-deep));color:var(--text)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh;padding:20px}.page--match{padding:10px 12px 12px;min-height:100dvh;height:100dvh;overflow:hidden}.shell{max-width:1380px;margin:0 auto}.shell--default{min-height:calc(100dvh - 48px);display:grid;grid-template-rows:auto auto 1fr}.shell--match{max-width:none;height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 16px}.shell--match .topbar{padding:8px 0 10px}.brand{font-weight:900;font-size:1.6rem;letter-spacing:.04em}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav a,.nav button,button.nav{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#0f17138f;color:var(--text)}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 22px 80px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel--inset{background:var(--surface-3);border-radius:22px;border-color:var(--line);box-shadow:inset 0 1px #ffffff08}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cta-row--compact{margin-top:0}.btn{padding:12px 16px;border-radius:16px;border:1px solid transparent;background:linear-gradient(135deg,var(--brand),#5fa46e);color:#fff;font-weight:700}.btn.secondary{background:#0f1713bd;border-color:var(--line);color:var(--text)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 14px}.section-title h2,.section-title h3{margin:0}.section-title h2{font-size:1.5rem}.section-title h3{font-size:1.08rem}.section-title p{margin:0;color:var(--muted)}.section-title--compact{margin-bottom:12px}.section-title--drawer{margin:0}label{display:grid;gap:8px;font-weight:700;color:#dfead9}input,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#07100cf5;color:var(--text)}small,.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:24px 0}.status{font-weight:800;text-transform:capitalize}.notice{padding:14px 16px;border-radius:18px;background:#88c0571f;border:1px solid rgba(136,192,87,.22);color:#eff7ec}.notice--error{background:#7f1d1d52;border-color:#f8717152}.is-hidden{display:none!important}.identity-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#020617b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.identity-modal{width:min(540px,100%);display:grid;gap:16px}.identity-form{display:grid;gap:14px}.identity-actions{margin-top:0}.identity-footnote{line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1080px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}@media (max-width: 720px){.page,.page--match{padding:14px;height:100dvh;min-height:100dvh;overflow:hidden}.shell--match{height:100%;overflow:hidden}.topbar{flex-direction:column;align-items:stretch}.shell--default{min-height:calc(100dvh - 28px)}}.dashboard-shell{min-height:calc(100dvh - 124px);display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:14px;overflow:hidden}.dashboard-left-rail,.dashboard-room-board{min-height:0;overflow:hidden}.dashboard-left-rail{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px}.dashboard-hero,.dashboard-card,.dashboard-summary-strip,.dashboard-room-board{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 80px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-hero,.dashboard-card,.dashboard-room-board{padding:18px}.dashboard-hero{display:grid;gap:12px;background:radial-gradient(circle at top left,rgba(136,192,87,.18),transparent 42%),linear-gradient(180deg,#0b1712eb,#060c0ae6)}.dashboard-hero h1{margin:0;max-width:11ch;font-size:clamp(2rem,4vw,3.6rem);line-height:.96}.dashboard-hero p{margin:0;max-width:48ch;color:var(--muted);line-height:1.5}.dashboard-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#d6e8c5}.dashboard-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;padding:1px}.dashboard-stat{display:grid;gap:6px;padding:14px 16px;background:#07100de0}.dashboard-stat span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.dashboard-stat strong{font-size:1.4rem}.dashboard-side-grid{min-height:0;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:14px}.dashboard-card{display:grid;gap:14px}.dashboard-card-head{display:grid;gap:8px}.dashboard-card-head h2{margin:0;font-size:1.5rem}.dashboard-card-head p{margin:0;color:var(--muted)}.dashboard-card--profile{align-content:start;grid-template-columns:auto minmax(0,1fr);align-items:center}.dashboard-profile-chip{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;background:#38bdf81f;border:1px solid rgba(56,189,248,.22);color:#d7f3ff}.dashboard-profile-copy{display:grid;gap:4px}.dashboard-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-toggle{align-content:center;grid-template-columns:auto 1fr;align-items:center}.dashboard-toggle input{width:auto}.dashboard-room-board{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.dashboard-room-board-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.dashboard-room-board-head h2{margin:4px 0 0}.dashboard-room-board-head p{margin:0;max-width:28ch;color:var(--muted);text-align:right}@media (max-width: 1180px){.dashboard-shell,.dashboard-side-grid{grid-template-columns:1fr}}@media (max-width: 1080px){.dashboard-shell{min-height:0;overflow:auto}}@media (max-width: 720px){.dashboard-summary-strip,.dashboard-create-grid{grid-template-columns:1fr}.dashboard-room-board-head{flex-direction:column;align-items:stretch}.dashboard-room-board-head p{max-width:none;text-align:left}}.dashboard-room-list{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;overflow:auto;padding-right:4px}.dashboard-room-list--full{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.dashboard-room-card{display:grid;gap:10px;padding:16px;border-radius:20px;background:#070f0cb8;border:1px solid rgba(173,191,156,.14)}.dashboard-room-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.dashboard-room-card-head h3{margin:0 0 6px;font-size:1.1rem}.dashboard-room-card-head p,.dashboard-room-card-copy{margin:0;color:var(--muted)}.dashboard-room-card-count{min-width:62px;padding:8px 12px;border-radius:999px;background:#88c0571f;border:1px solid rgba(136,192,87,.18);font-weight:800;text-align:center}.dashboard-room-card-meta{display:flex;flex-wrap:wrap;gap:8px}.dashboard-room-card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.dashboard-room-card-updated{font-size:.86rem}@media (max-width: 720px){.dashboard-room-card-foot{flex-direction:column;align-items:stretch}}.room-screen{display:grid;gap:12px}.room-screen--lobby{min-height:calc(100dvh - 124px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.room-screen--live{min-height:0;height:100%;overflow:hidden}.lobby-header,.lobby-panel,.lobby-chat-panel,.lobby-dock{min-height:0}.lobby-header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;align-items:stretch}.lobby-header-main,.lobby-header-actions{display:grid;gap:10px}.lobby-header-main h2{margin:0;font-size:clamp(1.45rem,2.8vw,2.2rem)}.lobby-header-tags{display:flex;flex-wrap:wrap;gap:8px}.lobby-header-actions{align-content:space-between}.lobby-notice{padding:12px 14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);line-height:1.4}.lobby-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(292px,.82fr);gap:12px;overflow:hidden}.lobby-panel{display:grid;gap:12px}.lobby-panel--players{grid-template-rows:auto minmax(0,1fr) auto}.lobby-player-list{min-height:0;overflow:auto;padding-right:4px}.lobby-player-copy{display:grid;gap:4px}.lobby-player-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.lobby-rail{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.summary-list{display:grid;gap:6px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(173,191,156,.1)}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right}.lobby-bottom-row{min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,332px);gap:12px;max-height:min(32vh,320px)}.lobby-chat-panel{display:grid;overflow:hidden}.lobby-chat-panel .chat-panel{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.lobby-dock{display:grid;gap:10px;align-content:start}.lobby-dock-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-team-row{margin-top:0}.room-screen--loading{min-height:calc(100dvh - 136px);place-items:center}.loading-panel{max-width:980px;width:100%;text-align:center;display:grid;gap:18px;justify-items:center}.loading-panel h2{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.loading-state{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;padding:18px 20px;border-radius:20px;background:#060e0b8f;border:1px solid var(--line)}.loading-ring{width:22px;height:22px;border-radius:999px;border:3px solid rgba(173,191,156,.28);border-top-color:var(--brand);animation:spin 1s linear infinite}.loading-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loading-card{text-align:left}@media (max-width: 1080px){.room-screen--lobby{min-height:0;overflow:auto}.lobby-header,.lobby-body,.lobby-bottom-row,.loading-grid{grid-template-columns:1fr}.lobby-bottom-row{max-height:none}}@media (max-width: 720px){.room-screen--lobby{overflow:auto}.lobby-header-actions,.lobby-player-actions{justify-content:flex-start}.summary-row{flex-direction:column;align-items:start}.lobby-dock-actions{grid-template-columns:1fr}}.chat-panel,.chat-form{display:grid;gap:12px}.lobby-rail .chat-panel,.lobby-chat-panel .chat-panel{min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.table{display:grid;gap:8px}.table--chat{max-height:280px;overflow:auto}.lobby-rail .table--chat,.lobby-chat-panel .table--chat{max-height:none;min-height:0;overflow:auto}.table--scroll{padding-right:4px}.table--compact{gap:6px}.table-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(173,191,156,.08)}.table-row--compact{padding:8px 0}.table-row--chat{grid-template-columns:1fr;gap:6px}.table-row--inventory{grid-template-columns:1fr auto;align-items:center}.table-row--selected{border-radius:18px;background:#88c05717;border:1px solid rgba(136,192,87,.18)}.slot-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chat-feed{width:min(300px,calc(100vw - 32px));display:grid;gap:6px;pointer-events:none}.chat-feed-line{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:#020617b8;border:1px solid rgba(255,255,255,.08);color:#ecfeff;font-size:.86rem;line-height:1.25}.chat-feed-line strong{color:#bae6fd}.chat-feed-line--stale{opacity:.58}.chat-feed--empty{width:fit-content;padding:8px 10px;border-radius:12px;background:#02061794;border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.82rem}@media (max-width: 720px){.table-row{grid-template-columns:1fr}.slot-actions{justify-content:flex-start}.chat-feed{width:100%}}.live-game-shell{min-height:0;height:100%;max-height:var(--live-shell-height, 100%);display:grid;grid-template-rows:auto 1fr auto;gap:10px;overflow:hidden}.live-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 14px;border-radius:20px;background:#060e0bdb;border:1px solid var(--line)}.live-topbar-main,.live-topbar-meta,.live-topbar-utility{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.live-topbar-copy{display:grid;gap:2px}.live-topbar-copy strong{font-size:1rem}.live-topbar-utility{justify-content:flex-end}.live-stage{min-height:0;display:grid;overflow:hidden}.canvas-wrap{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line-strong);background:radial-gradient(circle at top,rgba(217,249,157,.08),transparent 34%),radial-gradient(circle at bottom,rgba(249,115,22,.06),transparent 28%),#020617;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 80px #00000047}.canvas-wrap--match,.canvas-wrap--game{min-height:0;height:100%}.canvas-wrap canvas{width:100%;height:100%;display:block}.match-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#0206171f,#02061766);pointer-events:none}.match-intro-card{width:min(440px,calc(100% - 24px));padding:20px 22px;border-radius:24px;background:#040907eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000042;text-align:center}.match-intro-card h3{margin:10px 0 8px;font-size:1.8rem}.match-intro-card p{margin:0;color:var(--muted);line-height:1.5}.live-game-shell:fullscreen{width:100vw;height:100vh;max-height:none;background:#020617;padding:10px}.live-game-shell:fullscreen .canvas-wrap--game{border-radius:14px}@media (max-width: 1080px){.live-topbar{grid-template-columns:1fr}.live-topbar-utility{justify-content:flex-start}}@media (max-width: 720px){.live-game-shell,.canvas-wrap--game{height:100%}.live-topbar-main,.live-topbar-meta,.live-topbar-utility{align-items:stretch}.canvas-wrap--match{min-height:max(42vh,260px)}}.live-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none}.live-overlay--guidance{display:flex;justify-content:flex-start;align-items:start}.live-overlay--chat{display:flex;inset:auto auto 124px 12px;justify-content:flex-start;align-items:end}.live-overlay--feed{inset:auto auto 86px 12px;display:flex;justify-content:flex-start;align-items:end}.live-overlay--panel{display:flex;justify-content:flex-end;align-items:end}.live-overlay--major{inset:18px auto auto 50%;transform:translate(-50%);display:flex;justify-content:center}.live-overlay--notifications{inset:18px 18px auto auto;display:grid;gap:8px;justify-items:end}.live-guidance-card{width:min(288px,calc(100vw - 28px));max-height:min(36vh,308px);overflow:auto;pointer-events:auto;padding:10px 11px;border-radius:20px;background:#02061794;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-popover{width:min(360px,100%);max-height:min(52vh,500px);overflow:auto;pointer-events:auto;padding:14px;border-radius:22px;background:#040907f0;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #00000047}.live-popover--panel-shell{width:min(540px,calc(100vw - 24px));max-height:min(62vh,600px);pointer-events:auto;padding:0;border-radius:24px;background:#040907f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #00000047;overflow:hidden}.live-popover-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(173,191,156,.12)}.live-popover--panel{width:100%;max-height:min(58vh,520px);border:0;border-radius:0;box-shadow:none;background:transparent}.live-overlay--chat .live-popover{width:min(300px,calc(100vw - 32px));max-height:min(38vh,320px)}.live-focus-text{max-width:38ch;color:var(--text);line-height:1.35}.live-toast{min-width:min(320px,calc(100vw - 40px));padding:12px 16px;border-radius:16px;background:#020617d1;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 52px #0000003d;color:var(--text);text-align:left}.live-toast--major{min-width:min(420px,calc(100vw - 40px));text-align:center}.live-toast--minor{min-width:min(280px,calc(100vw - 48px));max-width:min(360px,calc(100vw - 48px));font-size:.92rem}.live-toast--success{border-color:#4ade8057;background:#142b1de6}.live-toast--error{border-color:#f8717157;background:#311216e6}.live-toast--info{border-color:#38bdf847;background:#0b1c2be6}.live-diagnostics{margin-top:16px;display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--line)}@media (max-width: 1080px){.live-overlay--notifications{inset:14px 14px auto 14px;justify-items:stretch}}@media (max-width: 720px){.live-overlay{top:10px;right:10px;bottom:10px;left:10px}.live-overlay--guidance,.live-overlay--notifications{inset:10px 10px auto 10px}.live-overlay--major{inset:10px 10px auto 10px;transform:none}.live-overlay--chat{inset:auto 10px 150px 10px}.live-overlay--feed{inset:auto 10px 108px 10px}.live-overlay--panel{top:10px;right:10px;bottom:10px;left:10px;justify-content:stretch}.live-guidance-card,.live-popover,.live-popover--panel-shell{width:100%}}.live-bottom-hud{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr) minmax(320px,.92fr);gap:10px;align-items:center;min-width:0}.live-bottom-card{display:grid;gap:4px;padding:10px 12px;border-radius:18px;background:#060e0bdb;border:1px solid var(--line)}.live-player-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.live-player-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(56,189,248,.24);background:#38bdf81a;color:#e0f2fe;font-weight:800;letter-spacing:.06em}.live-player-copy{display:grid;gap:2px;min-width:0}.live-player-copy strong{font-size:1rem}.live-player-header{display:flex;gap:8px;align-items:center;justify-content:space-between}.live-player-mode{background:#38bdf814;border-color:#38bdf82e;color:#e0f2fe}.live-hotbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:6px;padding:8px;border-radius:20px;background:#060e0be0;border:1px solid var(--line);min-width:0}.hotbar-slot{display:grid;gap:4px;justify-items:center;align-content:center;padding:8px 6px;min-height:68px;border-radius:14px;border:1px solid var(--line);background:#0207058f;color:var(--text)}.hotbar-slot--filled{border-color:#88c05747;background:#88c05714}.hotbar-slot--selected{border-color:#38bdf857;box-shadow:inset 0 0 0 1px #38bdf83d}.hotbar-slot-index,.hotbar-slot small{font-size:.78rem;color:var(--muted)}.hotbar-slot-name{font-size:.86rem;font-weight:700;text-align:center}.hotbar-empty{display:grid;place-items:center;min-height:70px;min-width:220px;color:var(--muted)}.live-bottom-actions{display:grid;gap:6px;min-width:0}.live-action-cluster,.live-utility-dock,.live-control-hints{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.live-utility-dock{justify-content:flex-start}.live-bottom-focus{display:grid;gap:6px}.live-action-cluster .btn,.live-utility-dock .nav,.live-popover-head .nav{padding:8px 12px;border-radius:999px;font-size:.9rem}.pill--hint{background:#38bdf814;border-color:#38bdf81f;color:#e0f2fe}@media (max-width: 1180px){.live-bottom-hud{grid-template-columns:1fr}.live-hotbar{grid-auto-columns:minmax(80px,1fr)}}.guidance-panel{display:grid;gap:12px}.guidance-section,.guidance-list{display:grid;gap:6px}.guidance-section strong,.guidance-list-title{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#cbd5e1}.guidance-item{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#ffffff0a}.guidance-item--blocked{background:#7f1d1d38}.pack-summary,.crafting-focus-status{display:flex;flex-wrap:wrap;gap:8px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px}.pack-slot-card{display:grid;gap:10px;padding:14px;border-radius:18px;background:#0207057a;border:1px solid var(--line)}.pack-slot-card--filled{border-color:#88c05738;background:#88c05714}.pack-slot-card--selected{border-color:#38bdf84d;box-shadow:inset 0 0 0 1px #38bdf82e}.pack-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-slot-body{display:grid;gap:4px}.pack-slot-item{font-size:1rem;font-weight:700}.slot-actions--pack{justify-content:flex-start}.crafting-focus-card{display:grid;gap:10px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line)}.crafting-focus-card--ready{border-color:#4ade8042;background:#142b1d6b}.crafting-list,.build-list,.live-shared-inventory{margin-top:8px}@media (max-width: 1080px){.pack-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}}.lobby-mode-settings,.mode-settings-list,.mode-setting-card,.host-setting-card{display:grid;gap:12px}.mode-setting-stepper{display:flex;align-items:center;gap:10px}.mode-setting-value{min-width:96px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line);text-align:center;font-weight:700}.host-setting-option--selected{border-color:#88c05757!important;color:#eff7ec!important;background:#88c0571a}.host-setting-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line)}.host-setting-number,.host-setting-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}