:root{--bg: #0b0d13;--bg-elevated: #10131c;--surface: #151926;--surface-2: #1c2132;--surface-3: #242a3d;--border: #262c3d;--border-strong: #333b52;--text: #e9ecf5;--text-muted: #8d95ad;--text-faint: #626a80;--primary: #5b8cff;--primary-hover: #7099ff;--primary-active: #4877e6;--primary-soft: rgba(91, 140, 255, .14);--on-primary: #ffffff;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--warning: #ffb547;--warning-soft: rgba(255, 181, 71, .14);--success: #3ddc97;--success-soft: rgba(61, 220, 151, .14);--coin: #ffd166;--coin-soft: rgba(255, 209, 102, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--sh-1: 0 1px 2px rgba(0, 0, 0, .28);--sh-2: 0 6px 16px rgba(0, 0, 0, .36);--sh-3: 0 18px 48px rgba(0, 0, 0, .5);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--topbar-h: 56px;--sidebar-w: 216px;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f4f6fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f1f4fa;--surface-3: #e6ebf5;--border: #dde3ef;--border-strong: #c3ccdf;--text: #141824;--text-muted: #5c6580;--text-faint: #8a93a8;--primary: #3b6df2;--primary-hover: #2f5fd8;--primary-active: #2751bb;--primary-soft: rgba(59, 109, 242, .1);--on-primary: #ffffff;--danger: #e03e3e;--danger-soft: rgba(224, 62, 62, .1);--warning: #b8760a;--warning-soft: rgba(184, 118, 10, .12);--success: #12a35f;--success-soft: rgba(18, 163, 95, .12);--coin: #b8820a;--coin-soft: rgba(184, 130, 10, .12);--sh-1: 0 1px 2px rgba(18, 24, 40, .06);--sh-2: 0 6px 16px rgba(18, 24, 40, .1);--sh-3: 0 18px 48px rgba(18, 24, 40, .16);color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--fs-md) / 1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}@media (max-width: 768px){.hide-sm{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fullscreen-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#000;z-index:60}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:34px;padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .08s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.primary:active:not(:disabled){background:var(--primary-active)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn.soft{background:var(--primary-soft);color:var(--primary)}.btn.soft:hover:not(:disabled){background:var(--primary-soft);filter:brightness(1.15)}.btn.link{background:transparent;color:var(--primary);padding:0 var(--sp-1);min-height:auto}.btn.link:hover:not(:disabled){background:transparent;text-decoration:underline}.btn.sm{min-height:28px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn.lg{min-height:42px;padding:0 var(--sp-6);font-size:var(--fs-lg)}.btn.block{width:100%}.btn.icon{padding:0;width:34px;min-height:34px}.btn .spin{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field>label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.field .hint{font-size:var(--fs-xs);color:var(--text-faint)}.field .err{font-size:var(--fs-xs);color:var(--danger)}.input,.select,.textarea{width:100%;min-height:38px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-md);transition:border-color .15s ease,background .15s ease}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);background:var(--surface)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55;cursor:not-allowed}.input.invalid,.select.invalid{border-color:var(--danger)}.textarea{min-height:92px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.select option{background:var(--surface);color:var(--text)}.input-group{display:flex;gap:var(--sp-2);align-items:center}.radio-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.radio-chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:34px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer}.radio-chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--sp-2)}.avatar-picker button{padding:0;border:2px solid transparent;border-radius:var(--r-full);background:transparent;cursor:pointer;line-height:0}.avatar-picker button.active{border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-1)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;line-height:1.6;background:var(--surface-3);color:var(--text-muted);white-space:nowrap}.badge.primary{background:var(--primary-soft);color:var(--primary)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.coin{background:var(--coin-soft);color:var(--coin)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);overflow:hidden;background:var(--surface-3);color:var(--text-muted);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img,.avatar svg{width:100%;height:100%;object-fit:cover}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-4);text-align:center;color:var(--text-muted)}.empty .em{font-size:40px;line-height:1}.empty .title{color:var(--text);font-weight:600}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.tabs{display:flex;gap:var(--sp-1);padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);overflow-x:auto}.tabs button{flex:1;min-height:28px;padding:0 var(--sp-3);border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;padding:var(--sp-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3);z-index:40}.dropdown-menu.left{right:auto;left:0}.dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:var(--fs-sm);text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--surface-3)}.dropdown-item.danger{color:var(--danger)}.dropdown-sep{height:1px;margin:var(--sp-1) 0;background:var(--border)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#04060ca8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .14s ease}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:420px;max-height:calc(100vh - var(--sp-8));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-3);animation:pop-in .16s ease}.modal.wide{max-width:640px}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.modal-head h3{font-size:var(--fs-lg);font-weight:600}.modal-body{padding:var(--sp-2) var(--sp-4) var(--sp-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.toast-wrap{position:fixed;top:calc(var(--sp-4) + var(--safe-top));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--sp-2);width:min(92vw,420px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--sh-3);font-size:var(--fs-sm);pointer-events:auto;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.warning{border-color:var(--warning)}.toast .ico{flex-shrink:0}.error-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-sm);color:var(--danger);font-size:var(--fs-sm)}.error-bar.warn{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.error-bar.info{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.table th{position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:var(--fs-xs)}.table tbody tr:hover{background:var(--surface-2)}.table td.wrap-cell{white-space:normal;word-break:break-word}.table .actions{display:flex;gap:var(--sp-1)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) 0;font-size:var(--fs-xs);color:var(--text-muted)}.progress{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-full);background:var(--primary);transition:width .25s ease}.progress.coin>i{background:var(--coin)}.dots{display:inline-flex;gap:3px;align-items:center}.dots i{width:7px;height:7px;border-radius:50%;background:var(--surface-3)}.dots i.on{background:var(--primary)}.dots i.full{background:var(--danger)}.sep{height:1px;background:var(--border);margin:var(--sp-3) 0}.item-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.item-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.item-card.disabled{opacity:.45}.item-card-icon{font-size:26px;line-height:1}.item-card-name{font-weight:700;font-size:var(--fs-lg)}.item-card-unit{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:4px}.item-chips{display:flex;flex-wrap:wrap;gap:8px}.item-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:var(--fs-sm)}.item-chip:hover{border-color:var(--primary)}.item-chip.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--surface-2));font-weight:600}.item-chip-icon{font-size:16px}.picker-list{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:var(--fs-sm)}.picker-item:last-child{border-bottom:0}.picker-item:hover{background:var(--surface)}.picker-name{font-weight:600}.step-title{font-weight:700;font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-sm)}.tag-x{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.admin-foot-note{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:var(--fs-sm)}.linklike{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;font-size:var(--fs-sm);text-decoration:underline}.linklike:hover{color:var(--primary)}.auth-page{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(1000px 520px at 12% -10%,var(--primary-soft),transparent 70%),var(--bg)}.auth-brand{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);padding:var(--sp-12) clamp(var(--sp-6),6vw,72px)}.auth-brand .logo{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-2xl);font-weight:700}.auth-brand .logo .mark{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-md);background:linear-gradient(135deg,var(--primary),#8f6bff);font-size:24px}.auth-brand h1{font-size:var(--fs-2xl);font-weight:700;line-height:1.25}.auth-brand p{color:var(--text-muted);max-width:42ch}.auth-features{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.auth-features div{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:var(--sp-6) var(--sp-4);background:var(--bg-elevated);border-left:1px solid var(--border);overflow-y:auto}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.auth-card h2{font-size:var(--fs-xl);font-weight:700}.auth-card .switch{text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.lobby{display:flex;flex-direction:column;height:100%;background:var(--bg)}.lobby-topbar{display:flex;align-items:center;gap:var(--sp-4);height:var(--topbar-h);padding:0 var(--sp-4);padding-left:calc(var(--sp-4) + var(--safe-left));padding-right:calc(var(--sp-4) + var(--safe-right));background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.lobby-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-lg);flex-shrink:0}.lobby-brand .mark{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--primary),#8f6bff);font-size:16px}.lobby-search{position:relative;flex:1;max-width:420px}.lobby-search input{padding-left:32px}.lobby-search .ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.lobby-topbar .spacer{flex:1}.coin-chip{display:inline-flex;align-items:center;gap:var(--sp-1);height:34px;padding:0 var(--sp-1) 0 var(--sp-3);border-radius:var(--r-full);background:var(--coin-soft);color:var(--coin);font-weight:600;font-size:var(--fs-sm)}.coin-chip .add{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--coin);color:#3a2a00;font-weight:700;cursor:pointer;line-height:1}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-2);border:1px solid transparent;border-radius:var(--r-full);background:transparent;cursor:pointer}.user-menu-trigger:hover{background:var(--surface-2)}.game-strip{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.game-strip::-webkit-scrollbar{display:none}.game-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0}.game-chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.game-chip .thumb{width:32px;height:32px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);display:grid;place-items:center}.game-chip .thumb img{width:100%;height:100%;object-fit:cover}.game-chip .meta{display:flex;flex-direction:column;line-height:1.25}.game-chip .meta em{font-style:normal;font-size:var(--fs-xs);color:var(--text-faint)}.lobby-main{flex:1;display:flex;min-height:0}.lobby-side{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-elevated);padding:var(--sp-4);overflow-y:auto}.lobby-side .side-block+.side-block{margin-top:var(--sp-6)}.lobby-side h4{font-size:var(--fs-xs);color:var(--text-faint);font-weight:600;letter-spacing:.4px;margin-bottom:var(--sp-2)}.lobby-rooms{flex:1;overflow-y:auto;padding:var(--sp-4);padding-bottom:calc(var(--sp-12) + var(--safe-bottom))}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.lobby-toolbar h2{font-size:var(--fs-lg);font-weight:700}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--sp-4)}.room-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:border-color .15s ease,transform .15s ease}.room-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.room-card .rhead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.room-card .rname{font-weight:600;font-size:var(--fs-md);max-width:100%}.room-card .rmeta{font-size:var(--fs-xs);color:var(--text-muted)}.room-card .rmembers{display:flex;align-items:center}.room-card .rmembers .avatar{margin-left:-6px;border:2px solid var(--surface)}.room-card .rmembers .avatar:first-child{margin-left:0}.room-card .rmembers .more{margin-left:-6px;border:2px solid var(--surface);background:var(--surface-3);color:var(--text-muted);font-size:var(--fs-xs);display:grid;place-items:center}.room-card .rfoot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.room-card .players{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}.room-card .room-used{margin-left:var(--sp-1);padding:1px 6px;border-radius:var(--r-full);background:var(--coin-soft);color:var(--coin);white-space:nowrap}.counter{font-size:var(--fs-xs);color:var(--text-faint)}.counter.over{color:var(--danger)}.balance-tip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--r-sm);color:var(--warning);font-size:var(--fs-xs)}.bottom-tabs{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg-elevated);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.bottom-tabs nav{display:flex}.bottom-tabs button{flex:1;min-height:var(--touch-min);border:0;background:transparent;color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-tabs button.active{color:var(--primary)}.game-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.game-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.game-container{--game-ar: 1080 / 1480;--game-ar-num: .72973;aspect-ratio:var(--game-ar);width:min(100%,calc(100vh * var(--game-ar-num)));width:min(100%,calc(100dvh * var(--game-ar-num)));height:auto;max-height:100vh;max-height:100dvh;position:relative;overflow:hidden;background:#000}.game-container canvas{display:block}.game-hud-wrap{position:absolute;top:0;left:0;right:0;z-index:10;width:min(100%,calc(100vh * var(--game-ar-num)));width:min(100%,calc(100dvh * var(--game-ar-num)));margin:0 auto;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.game-hud-wrap.hidden-bar{opacity:0;transform:translateY(-12px);pointer-events:none}.game-hud{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);padding-top:calc(var(--sp-2) + var(--safe-top));padding-left:calc(var(--sp-3) + var(--safe-left));padding-right:calc(var(--sp-3) + var(--safe-right));background:linear-gradient(180deg,rgba(0,0,0,.62),transparent);color:#fff;pointer-events:auto}.game-hud.hidden-bar{opacity:0;transform:translateY(-12px);pointer-events:none}.game-hud .title{font-weight:600;font-size:var(--fs-sm)}.game-hud .sub{font-size:var(--fs-xs);color:#ffffffa6}.game-letterbox-exit{position:absolute;top:50%;left:0;right:0;z-index:6;display:none;transform:translateY(-50%);pointer-events:none}.game-letterbox-exit .btn{pointer-events:auto;margin-left:calc((100% - min(100%,100dvh * var(--game-ar-num)))/4);color:#ffffffbf;border-color:#ffffff40}.game-letterbox-exit .btn:hover{background:#ffffff1f;color:#fff}@media (min-width: 769px) and (min-aspect-ratio: 1.05){.game-letterbox-exit{display:flex}}.net-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.net-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.net-dot.reconnecting{background:var(--warning)}.net-dot.offline{background:var(--danger)}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:radial-gradient(600px 300px at 50% 40%,#131826,#05070c);color:#fff;text-align:center;padding:var(--sp-6)}.game-loading .progress{width:min(320px,70vw)}.game-loading .progress>i{background:linear-gradient(90deg,var(--primary),#8f6bff)}.game-loading .pct{font-variant-numeric:tabular-nums;color:#ffffffb3;font-size:var(--fs-sm)}.wallet-page{min-height:100%;overflow-y:auto;background:var(--bg)}.wallet-wrap{max-width:880px;margin:0 auto;padding:var(--sp-6) var(--sp-4);padding-bottom:calc(var(--sp-12) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--sp-4)}.balance-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-6);border-radius:var(--r-lg);background:linear-gradient(135deg,#ffd16629,#5b8cff24);border:1px solid var(--border);flex-wrap:wrap}.balance-card .amount{font-size:var(--fs-2xl);font-weight:700;color:var(--coin);font-variant-numeric:tabular-nums}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.pack-card{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);display:flex;flex-direction:column;gap:var(--sp-1)}.pack-card .yuan{font-size:var(--fs-xl);font-weight:700}.pack-card .coin{color:var(--coin);font-variant-numeric:tabular-nums}.offline-note{padding:var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.8}.txn-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.txn-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.txn-item:last-child{border-bottom:0}.txn-item .amt{font-variant-numeric:tabular-nums;font-weight:600}.txn-item .amt.plus{color:var(--success)}.txn-item .amt.minus{color:var(--danger)}.admin-root{display:flex;height:100%;background:var(--bg)}.admin-side{width:208px;flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.admin-side .brand{padding:var(--sp-4);font-weight:700;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-2)}.admin-side nav{padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.admin-side nav a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none}.admin-side nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.admin-side nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.admin-side .foot{margin-top:auto;padding:var(--sp-3);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-faint)}.admin-main{flex:1;overflow-y:auto;padding:var(--sp-5);padding-bottom:calc(var(--sp-8) + var(--safe-bottom))}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.admin-head h1{font-size:var(--fs-xl);font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.stat{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.stat .k{font-size:var(--fs-xs);color:var(--text-muted)}.stat .v{font-size:var(--fs-xl);font-weight:700;font-variant-numeric:tabular-nums;margin-top:var(--sp-1)}.stat.ok .v{color:var(--success)}.stat.bad .v{color:var(--danger)}.admin-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.admin-toolbar .input{max-width:260px;min-height:34px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}.prop-card{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);display:flex;flex-direction:column;gap:var(--sp-2)}.prop-card .cmd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-xs);color:var(--text-faint)}.admin-login{min-height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 460px at 50% -10%,var(--primary-soft),var(--bg));padding:var(--sp-4)}@media (max-width: 768px){.auth-page{grid-template-columns:1fr}.auth-brand{padding:var(--sp-6) var(--sp-4) var(--sp-4)}.auth-brand .features-wrap{display:none}.auth-panel{border-left:0;border-top:1px solid var(--border);padding:var(--sp-4)}.lobby-topbar{height:auto;padding-top:var(--sp-2);padding-bottom:var(--sp-2);flex-wrap:wrap;gap:var(--sp-2)}.lobby-search{order:5;flex-basis:100%;max-width:none}.lobby-side{display:none}.room-grid{grid-template-columns:1fr}.lobby-rooms{padding:var(--sp-3);padding-bottom:calc(72px + var(--safe-bottom))}.bottom-tabs{display:block}.game-strip{padding:var(--sp-2) var(--sp-3)}.admin-root{flex-direction:column}.admin-side{width:100%;border-right:0;border-bottom:1px solid var(--border)}.admin-side nav{flex-direction:row;overflow-x:auto}.admin-side .foot{display:none}.admin-main{padding:var(--sp-3)}.btn{min-height:var(--touch-min)}.btn.sm{min-height:34px}.game-hud .btn.sm,.input,.select{min-height:var(--touch-min)}}img.mark{width:100%;height:100%;object-fit:cover;display:block}