:root{color-scheme:dark;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--bg: #090d13;--bg-2: #0d121a;--panel: #111823;--panel-2: #161f2c;--panel-3: #1c2735;--hover: #223043;--line: #1f2a38;--line-2: #2c394b;--line-3: #3a4a60;--text: #eef2f7;--text-2: #a9b4c4;--text-3: #6c798d;--gold: #f5b73b;--gold-2: #ffcb62;--gold-3: #c98d17;--gold-ink: #231800;--gold-soft: rgb(245 183 59 / .12);--gold-line: rgb(245 183 59 / .42);--green: #3ecf8e;--green-soft: rgb(62 207 142 / .13);--red: #ff6b5f;--red-soft: rgb(255 107 95 / .13);--blue: #52a7ff;--blue-soft: rgb(82 167 255 / .13);--violet: #b692ff;--stat-attack: #ff6b5f;--stat-defence: #4f9dff;--stat-agility: #3ecf8e;--stat-luck: #f5d04a;--stat-damage: #ff9a3c;--stat-guard: #62c1ff;--stat-blood: #ff5c87;--stat-energy: #3ecf8e;--r-xs: 4px;--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--shadow-1: 0 1px 2px rgb(0 0 0 / .35);--shadow-2: 0 12px 32px rgb(0 0 0 / .38);--shadow-3: 0 28px 90px rgb(0 0 0 / .6);--ring: 0 0 0 3px rgb(245 183 59 / .38);--ease: cubic-bezier(.2, .7, .2, 1);--sidebar: 240px;--topbar: 0px;--tabbar: 0px;font-family:var(--font);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{scrollbar-color:var(--line-3) transparent}html:has(dialog[open]){overflow:hidden}body{margin:0;min-height:100vh;background:radial-gradient(1100px 520px at 12% -8%,rgb(245 183 59 / .07),transparent 62%),radial-gradient(900px 480px at 100% 0%,rgb(82 167 255 / .07),transparent 60%),var(--bg);background-attachment:fixed}h1,h2,h3,h4,p{margin:0}h1{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em}h2{font-size:17px;line-height:1.35;font-weight:650}h3{font-size:15px;line-height:1.4;font-weight:650}h4{font-size:14px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}a{color:var(--gold-2)}small{font-size:12px}code{font-family:var(--mono);font-size:.92em;color:var(--gold-2);background:var(--gold-soft);padding:2px 7px;border-radius:var(--r-xs);letter-spacing:.02em}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}::selection{background:#f5b73b59}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.small{font-size:12px}.center{text-align:center}.icon{flex-shrink:0;display:block}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{--btn-bg: var(--panel-3);--btn-line: var(--line-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid var(--btn-line);border-radius:var(--r);background:var(--btn-bg);color:var(--text);font-weight:550;white-space:nowrap;text-decoration:none;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.btn:hover:not(:disabled){--btn-bg: var(--hover);--btn-line: var(--line-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn--primary{--btn-bg: linear-gradient(180deg, var(--gold-2), var(--gold));--btn-line: transparent;color:var(--gold-ink);font-weight:700;box-shadow:0 1px #ffffff59 inset,0 6px 18px #f5b73b2e}.btn--primary:hover:not(:disabled){--btn-bg: linear-gradient(180deg, #ffd682, var(--gold-2));--btn-line: transparent;box-shadow:0 1px #fff6 inset,0 8px 24px #f5b73b47}.btn--primary:disabled{opacity:.38;box-shadow:none}.btn--ghost{--btn-bg: transparent;--btn-line: var(--line-2);color:var(--text-2)}.btn--ghost:hover:not(:disabled){--btn-bg: var(--panel-3);color:var(--text)}.btn--danger{--btn-bg: var(--red);--btn-line: transparent;color:#2b0703;font-weight:700}.btn--danger:hover:not(:disabled){--btn-bg: #ff8378;--btn-line: transparent}.btn--sm{min-height:30px;padding:0 11px;font-size:13px;border-radius:var(--r-sm);gap:5px}.btn--lg{min-height:46px;padding:0 22px;font-size:15px}.btn--xl{min-height:56px;padding:0 26px;font-size:17px;border-radius:var(--r-lg);letter-spacing:.04em}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-2);transition:background .15s,color .15s}.icon-btn:hover:not(:disabled),.icon-btn[aria-expanded=true]{background:var(--panel-3);color:var(--text)}.icon-btn:disabled{opacity:.4}.link{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--gold-2);font-size:inherit;text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}.link:hover{color:#ffe0a0}.input{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--text-3)}.input:hover:not(:disabled){border-color:var(--line-3)}.input:focus{outline:none;border-color:var(--gold);box-shadow:var(--ring)}.input:disabled{opacity:.55;cursor:not-allowed}select.input{padding-right:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a9b4c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select.input option{background:var(--panel-2)}input[type=search]::-webkit-search-cancel-button{filter:invert(.7)}.input-wrap{position:relative;display:flex;align-items:center;width:100%}.input-wrap>.icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none;width:16px;height:16px}.input-wrap>.input{padding-left:38px}.input-wrap__action{position:absolute;right:6px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:var(--r-sm);background:none;color:var(--text-3)}.input-wrap__action:hover{color:var(--text);background:var(--panel-3)}.input-wrap:has(.input-wrap__action)>.input{padding-right:42px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field__label{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:13px;font-weight:550}.inline-form{display:flex;gap:8px;width:100%}.inline-form>.input{flex:1}.stack{display:flex;flex-direction:column;gap:18px}.seg{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.seg>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-weight:550;white-space:nowrap;transition:background .15s,color .15s}.seg>button:hover:not(:disabled):not(.is-on){color:var(--text);background:var(--panel-2)}.seg>button.is-on{background:var(--panel-3);color:var(--gold-2);box-shadow:0 0 0 1px var(--gold-line) inset,var(--shadow-1)}.seg>button:disabled{opacity:.4}.seg--full{display:flex;width:100%}.seg--full>button{flex:1}.seg--lg>button{min-height:48px;font-size:18px;font-weight:700;font-family:var(--mono)}.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel-2);color:var(--text-2);font-size:12px;font-weight:550;white-space:nowrap;line-height:1}.chip--sm{height:22px;padding:0 8px;font-size:11.5px}.chip--gold{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold-2)}.chip--green{border-color:#3ecf8e66;background:var(--green-soft);color:var(--green)}.chip--red{border-color:#ff6b5f66;background:var(--red-soft);color:var(--red)}.chip--button{cursor:pointer}.chip--button:hover:not(:disabled){filter:brightness(1.2)}.chip--button:disabled{opacity:.5}.check{display:inline-flex;align-items:center;gap:8px;color:var(--text);cursor:pointer}.check input{width:17px;height:17px;margin:0;accent-color:var(--gold)}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:999px;background:var(--line-3);transition:background .2s}.switch__track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .2s var(--ease)}.switch input:checked+.switch__track{background:var(--gold)}.switch input:checked+.switch__track>span{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:var(--ring)}.switch__label{display:flex;flex-direction:column;font-weight:550}.switch__label small{color:var(--text-3);font-weight:400}.switch.is-disabled{opacity:.5;cursor:not-allowed}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#3a4b63,#26334a);color:var(--gold-2);font-weight:700}.avatar--lg{width:38px;height:38px;border-radius:12px;font-size:16px}.avatar--empty{background:transparent;border:1px dashed var(--line-3);color:var(--text-3)}.status-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--text-3)}.status-dot.is-on{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}[data-stat=attack]{--stat: var(--stat-attack)}[data-stat=defence]{--stat: var(--stat-defence)}[data-stat=agility]{--stat: var(--stat-agility)}[data-stat=luck]{--stat: var(--stat-luck)}[data-stat=damage]{--stat: var(--stat-damage)}[data-stat=guard]{--stat: var(--stat-guard)}[data-stat=blood]{--stat: var(--stat-blood)}[data-stat=energy]{--stat: var(--stat-energy)}.panel{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-1)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel__head h3{display:flex;align-items:center;gap:8px}.panel__head h3 .icon{color:var(--gold)}.subpanel{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.subpanel h4{display:flex;align-items:center;gap:7px;margin-bottom:10px}.subpanel h4 .icon{color:var(--gold)}.subpanel>.muted{font-size:12px;margin-bottom:10px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.28em}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--panel-2);color:var(--text-2)}.notice>.icon{margin-top:2px;color:var(--blue)}.notice p{flex:1}.notice--warn{border-color:#f5b73b59;background:var(--gold-soft);color:#f7dca3}.notice--warn>.icon{color:var(--gold)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center}.empty__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:14px;background:var(--panel-3);color:var(--text-3)}.empty strong{font-size:15px}.empty p{max-width:320px;color:var(--text-2);font-size:13px}.empty .btn{margin-top:8px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-2)}.popover{position:fixed;z-index:60;min-width:200px;max-width:min(380px,calc(100vw - 16px));overflow:auto;padding:6px;border:1px solid var(--line-2);border-radius:var(--r);background:#151d29;box-shadow:var(--shadow-3);animation:pop .14s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu{display:flex;flex-direction:column}.menu__item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:var(--r-sm);background:none;text-align:left;color:var(--text)}.menu__item>.icon{color:var(--text-2)}.menu__item span{display:flex;flex-direction:column}.menu__item small{color:var(--text-3);font-size:11.5px}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--panel-3);outline:none}.menu__item:disabled{opacity:.45}.menu__item.is-danger{color:var(--red)}.menu__item.is-danger>.icon{color:var(--red)}.tip{position:absolute;z-index:40;left:50%;bottom:calc(100% + 8px);display:none;width:max-content;max-width:240px;padding:8px 10px;transform:translate(-50%);border:1px solid var(--line-2);border-radius:var(--r-sm);background:#151d29;box-shadow:var(--shadow-2);color:var(--text-2);font-size:12px;line-height:1.5;text-align:left;white-space:normal;pointer-events:none}.tip b{display:block;color:var(--gold-2)}.tip small{display:block;margin-top:3px;color:var(--text-3)}.toasts{position:fixed;z-index:100;top:14px;left:calc(50% + var(--sidebar) / 2);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 10px 12px 14px;border:1px solid var(--line-2);border-left:3px solid var(--blue);border-radius:var(--r);background:#151d29f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);pointer-events:auto;animation:toast .22s var(--ease)}.toast>.icon{margin-top:1px;color:var(--blue)}.toast>span{flex:1;overflow-wrap:anywhere}.toast--success{border-left-color:var(--green)}.toast--success>.icon{color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--error>.icon{color:var(--red)}.toast__close{display:grid;place-items:center;width:24px;height:24px;margin:-2px 0;border:0;border-radius:var(--r-xs);background:none;color:var(--text-3)}.toast__close:hover{background:var(--panel-3);color:var(--text)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}}.modal{width:min(560px,calc(100vw - 24px));max-width:none;max-height:min(88vh,900px);padding:0;border:1px solid var(--line-2);border-radius:var(--r-xl);background:var(--panel);color:var(--text);box-shadow:var(--shadow-3);overflow:hidden}.modal[open]{display:flex;animation:modal .2s var(--ease)}.modal::backdrop{background:#04070bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes modal{0%{opacity:0;transform:translateY(8px) scale(.985)}}.modal--sm{width:min(440px,calc(100vw - 24px))}.modal--lg{width:min(820px,calc(100vw - 24px))}.modal--xl{width:min(1180px,calc(100vw - 24px));height:min(88vh,900px)}.modal__inner{display:flex;flex-direction:column;width:100%;min-height:0}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px 22px;border-bottom:1px solid var(--line)}.modal__head h2{font-size:18px}.modal__head p{margin-top:3px;color:var(--text-2);font-size:13px}.modal__body{flex:1;min-height:0;overflow:auto;padding:20px 22px 22px}.modal__foot{padding:14px 22px;border-top:1px solid var(--line)}.ask{display:flex;flex-direction:column;gap:16px}.ask__message{color:var(--text-2)}.ask__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100vh;color:var(--text-2)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{display:inline-grid;place-items:center;flex-shrink:0;border-radius:30%;background:linear-gradient(145deg,#ffd98a,var(--gold) 55%,var(--gold-3));color:var(--gold-ink);font-weight:900;line-height:1;box-shadow:0 1px #ffffff80 inset,0 6px 16px #f5b73b40;transform:rotate(-6deg)}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__text b{font-size:18px;font-weight:800;letter-spacing:.04em}.brand__text small{margin-top:4px;color:var(--text-3);font-size:9.5px;font-weight:700;letter-spacing:.3em}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:18px;height:100vh;padding:20px 14px 14px;border-right:1px solid var(--line);background:#0b1017d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar>.brand{padding:2px 8px 10px}.nav{display:flex;flex-direction:column;gap:3px}.nav__item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:var(--r);background:none;color:var(--text-2);font-weight:550;text-align:left;transition:background .15s,color .15s}.nav__item:hover{background:var(--panel-2);color:var(--text)}.nav__item.is-active{background:linear-gradient(90deg,var(--gold-soft),rgb(245 183 59 / .03));color:var(--gold-2)}.nav__item.is-active:before{content:"";position:absolute;left:-14px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}.nav__icon{position:relative;display:inline-flex}.nav__dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border:2px solid var(--bg);border-radius:50%;background:var(--gold)}.usercard{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}.usercard__text{display:flex;flex:1;flex-direction:column;min-width:0}.usercard__text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usercard__text small{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:11.5px}.activity{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--gold-line);border-radius:var(--r-lg);background:linear-gradient(180deg,#f5b73b1f,#f5b73b0a)}.activity__text{display:flex;flex:1;flex-direction:column;min-width:0}.activity__text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.activity__text small{color:var(--text-2);font-size:11.5px}.activity__icon{color:var(--gold)}.activity__pulse{position:relative;width:10px;height:10px;flex-shrink:0;margin:0 3px;border-radius:50%;background:var(--gold)}.activity__pulse:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:ping 1.6s var(--ease) infinite}.activity__pulse.is-hot{background:var(--green)}.activity__pulse.is-hot:after{border-color:var(--green)}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}.activity--inline{display:none;margin-bottom:16px}.shell__main{min-width:0}.main{width:100%;max-width:1360px;margin:0 auto;padding:28px 32px 56px}.topbar,.tabbar{display:none}.page{display:flex;flex-direction:column;gap:20px;animation:page .25s var(--ease)}@keyframes page{0%{opacity:0;transform:translateY(4px)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h1{margin-bottom:4px}.page-head p{color:var(--text-2)}.page-head__actions{display:flex;gap:8px;flex-wrap:wrap}.section-title{display:flex;align-items:center;gap:8px;margin-top:4px}.section-title small{padding:1px 8px;border-radius:999px;background:var(--panel-3);color:var(--text-2);font-size:12px}.login{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.login__arc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.login__top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 40px}.login__body{position:relative;display:grid;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);align-items:center;gap:64px;width:100%;max-width:1180px;margin:0 auto;padding:24px 40px 80px}.login__hero h1{margin:16px 0 20px;font-size:clamp(44px,6vw,76px);line-height:1.1;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#d9dfe8);-webkit-background-clip:text;background-clip:text;color:transparent}.login__lead{max-width:440px;color:var(--text-2);font-size:16px;line-height:1.8}.login__features{display:grid;gap:14px;margin:34px 0 0;padding:0;list-style:none}.login__features li{display:flex;align-items:center;gap:14px}.login__features .icon{width:40px;height:40px;padding:10px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);color:var(--gold)}.login__features span{display:flex;flex-direction:column}.login__features small{color:var(--text-3)}.login__card{padding:26px;border-color:var(--line-2);background:linear-gradient(180deg,#18212eeb,#111823eb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-3)}.login__card h2{margin-top:22px;font-size:22px}.login__card>.muted{margin:4px 0 20px}.login__card form{display:flex;flex-direction:column;gap:16px}.login__card .input{height:44px}.login__card .btn--primary{margin-top:6px}.login__foot{display:flex;align-items:flex-start;gap:6px;margin-top:18px;color:var(--text-3);font-size:12px}.login__foot .icon{margin-top:2px}.match-modal{border-color:var(--gold-line);background:radial-gradient(420px 220px at 50% 0%,rgb(245 183 59 / .16),transparent 70%),var(--panel)}.match-modal .modal__body{padding:30px 28px 24px}.match{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.match h2{margin-top:-6px;font-size:26px;font-weight:800}.match__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.lineup{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%}.lineup__team{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.lineup__team li{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2);font-size:13px;text-align:left}.lineup__team--0 li{border-left:3px solid var(--red)}.lineup__team--1 li{border-left:3px solid var(--blue)}.lineup__team li.is-me{border-color:var(--gold-line)}.lineup__team--0 li.is-me{border-left-color:var(--red)}.lineup__team--1 li.is-me{border-left-color:var(--blue)}.lineup__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup__ok{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--panel-3);color:transparent;transition:background .2s}.lineup__ok.is-ok{background:var(--green);color:#032114}.lineup__vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-3);font-size:11px;font-weight:800;font-style:italic}.match__hint{color:var(--text-2);font-size:13px}.match__hint .link{font-size:13px}.match__actions{display:flex;justify-content:center;gap:10px;width:100%;margin-top:4px}.match__actions .btn--lg{flex:1;max-width:240px}.countdown{position:relative;display:inline-grid;place-items:center;margin:4px 0}.countdown svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.countdown__track{fill:none;stroke:var(--line-2);stroke-width:6}.countdown__bar{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 6px rgb(245 183 59 / .5))}.countdown b{font-family:var(--mono);font-size:34px;font-weight:700}.launch-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:6px 0}.launch-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);color:var(--text-3);font-size:13px;text-align:left}.launch-step b{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--panel-3);font-size:12px}.launch-step.is-current{border-color:var(--gold-line);color:var(--text)}.launch-step.is-current b{background:var(--gold);color:var(--gold-ink)}.launch-step.is-done b{background:var(--green);color:#032114}.play__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.play__side{display:flex;flex-direction:column;gap:20px}.queue-panel{padding:24px}.step{display:flex;align-items:center;gap:10px;margin:24px 0 12px}.step:first-child{margin-top:0}.step h2{font-size:15px}.step .link,.step .muted{margin-left:auto;font-size:13px}.step__n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);font-size:12px;font-weight:700}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{position:relative;display:flex;align-items:center;gap:14px;min-height:82px;padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);color:var(--text);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.mode-card>.icon{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--panel-3);color:var(--text-2)}.mode-card span{display:flex;flex-direction:column;gap:2px}.mode-card b{font-size:16px}.mode-card small{color:var(--text-2)}.mode-card:hover:not(:disabled){border-color:var(--line-3);background:var(--panel-2)}.mode-card.is-on{border-color:var(--gold);background:linear-gradient(135deg,#f5b73b24,#f5b73b08);box-shadow:0 0 0 1px var(--gold) inset}.mode-card.is-on>.icon{background:var(--gold);color:var(--gold-ink)}.mode-card--ranked.is-on>.icon{background:linear-gradient(145deg,#ffd98a,var(--gold))}.mode-card__check{position:absolute;top:10px;right:10px;display:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--gold-ink)}.mode-card.is-on .mode-card__check{display:grid}.mode-card:disabled{opacity:.5}.loadout-pick{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2)}.loadout-pick__text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.loadout-pick__text b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-pick__text small{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-2)}.loadout-pick__actions{display:flex;gap:6px}.picker-list{width:320px}.picker-list__item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:var(--r-sm);background:none;text-align:left}.picker-list__item:hover,.picker-list__item:focus-visible{background:var(--panel-3);outline:none}.picker-list__item>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.picker-list__item small{color:var(--text-3)}.picker-list__item>.icon{color:var(--gold)}.picker-list__item[aria-pressed=true] b{color:var(--gold-2)}.queue-cta{margin-top:26px}.queue-cta__why{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px;color:var(--text-2);font-size:13px;text-align:center}.searching{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 8px;text-align:center}.searching h2{font-size:22px}.searching__time{font-size:44px;font-weight:700;line-height:1.1;color:var(--gold-2)}.searching .btn{margin-top:12px}.radar{position:relative;display:grid;place-items:center;width:150px;height:150px;margin-bottom:6px;color:var(--gold)}.radar span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--gold);border-radius:50%;opacity:0;animation:radar 2.4s var(--ease) infinite}.radar span:nth-child(2){animation-delay:.8s}.radar span:nth-child(3){animation-delay:1.6s}.radar .icon{position:relative;padding:18px;width:72px;height:72px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 40px #f5b73b40}@keyframes radar{0%{transform:scale(.35);opacity:.9}to{transform:scale(1);opacity:0}}.ratings__main{display:flex;align-items:baseline;gap:10px}.ratings__main b{font-size:40px;font-weight:700;line-height:1;color:var(--gold-2)}.ratings__main span{color:var(--text-2)}.ratings__row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}.ratings__row div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2)}.ratings__row small{color:var(--text-3)}.ratings__row b{font-size:14px}.ratings__row .is-on{border-color:var(--gold-line);background:var(--gold-soft)}.ratings__row .is-on b{color:var(--gold-2)}.party>.muted{margin-bottom:14px}.party .inline-form{margin-top:10px}.party__code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:12px;border:1px dashed var(--line-3);border-radius:var(--r)}.party__code span{display:flex;flex-direction:column;gap:4px}.party__code small{color:var(--text-3)}.member-list{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:0;list-style:none}.member-list li{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:var(--r);background:var(--bg-2)}.member-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list__name small{color:var(--text-3)}.member-list__empty{color:var(--text-3);background:transparent!important;border:1px dashed var(--line)}.guide h3{margin-bottom:12px}.guide ol{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;counter-reset:guide}.guide li{position:relative;display:flex;flex-direction:column;padding-left:34px;counter-increment:guide}.guide li:before{content:counter(guide);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--panel-3);color:var(--text-2);font-size:12px;font-weight:700}.guide li>small{color:var(--text-3)}.guide li .link{align-self:flex-start}.item-frame{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid var(--line-2);border-radius:var(--r);background:radial-gradient(circle at 50% 40%,#273449,#151d29 75%);color:var(--text-3);font-weight:700;overflow:hidden}.item-frame img{width:88%;height:88%;object-fit:contain}.item-frame--sm{width:38px;height:38px;border-radius:var(--r-sm)}.item-frame--lg{width:64px;height:64px;border-radius:var(--r-lg)}.item-frame.is-empty{border-style:dashed;background:transparent}.gear-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;width:100%;margin:0;font-size:12px}.gear-stats div{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.gear-stats dt{color:var(--text-3)}.gear-stats dd{margin:0;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.gear-stats dd span{color:var(--text-3)}.gear-stats [data-stat] dt:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:2px;background:var(--stat);vertical-align:middle}.gear-stats__bonus{margin-left:3px;color:var(--text-3)!important;font-size:11px}.gear-stats__key{grid-column:1 / -1;padding-bottom:5px;margin-bottom:2px;border-bottom:1px solid var(--line);font-size:13px}.gear-stats__key dt{color:var(--text-2);font-weight:600}.gear-stats__key dd{color:var(--stat, var(--gold-2));font-weight:700}.equipment{display:flex;flex-direction:column;gap:16px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.slot{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px dashed var(--line-3);border-radius:var(--r-lg);background:transparent;color:var(--text-2);text-align:left;transition:border-color .15s,background .15s,transform .15s}.slot.is-filled{border-style:solid;border-color:var(--line);background:var(--bg-2);color:var(--text)}.slot:hover:not(:disabled){border-color:var(--gold-line);background:var(--panel-2)}.slot:disabled{cursor:default}.slot.is-gold{border-color:#f5b73b4d}.slot__head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}.slot__label{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.04em}.slot__level{color:var(--gold-2);font-family:var(--mono);font-size:12px}.slot.is-gold .slot__level{text-shadow:0 0 10px rgb(245 183 59 / .5)}.slot__body{display:flex;align-items:center;gap:12px;min-width:0}.slot__name{min-width:0;font-weight:600;overflow-wrap:anywhere;line-height:1.4}.slot:not(.is-filled) .slot__name{color:var(--text-3);font-weight:500}.slot__note{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);font-size:11.5px}.slot__note.is-warn{color:var(--gold-2)}.equipment--look .slot-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.equipment--look .slot__body{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:4px 0}.equipment--look .slot__name{font-size:13px}.socket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;align-items:start}.socket-card{padding:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2)}.socket-card__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.socket-card__head span{display:flex;flex-direction:column;min-width:0}.socket-card__head small{color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socket-card__list{display:flex;flex-direction:column;gap:6px}.socket{--socket: var(--text-3);display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:1px solid var(--line);border-left:3px solid var(--socket);border-radius:var(--r-sm);background:var(--panel);text-align:left;transition:background .15s,border-color .15s}.socket:hover{background:var(--panel-3)}.socket--1{--socket: #ff8a65}.socket--2{--socket: #64b5f6}.socket--3{--socket: var(--violet)}.socket__text{display:flex;flex-direction:column;min-width:0}.socket__text small{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:11.5px}.socket__text b{font-size:13px;font-weight:600}.socket:not(.is-filled) .socket__text b{color:var(--text-3);font-weight:500}.socket__dot{width:7px;height:7px;border-radius:50%;background:var(--socket)}.socket.is-invalid{border-color:#ff6b5f80;border-left-color:var(--red);background:var(--red-soft)}.is-warn{color:var(--gold-2)!important}.dye-list{display:flex;flex-direction:column;gap:6px}.dye{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel)}.dye summary{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;list-style:none}.dye summary::-webkit-details-marker{display:none}.dye summary>span:first-child{min-width:40px;font-weight:600}.dye summary small{flex:1;color:var(--text-3)}.dye[open] summary .icon{transform:rotate(180deg)}.dye__swatch{width:20px;height:20px;border:1px solid var(--line-3);border-radius:var(--r-xs);background:repeating-conic-gradient(#2a3546 0,#2a3546 25%,#1c2533 0,#1c2533 50%) 0 0 / 8px 8px}.dye__palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:3px;padding:0 10px 10px}.dye__palette button{aspect-ratio:1;min-width:0;padding:0;border:1px solid rgb(255 255 255 / .18);border-radius:3px;transition:transform .1s}.dye__palette button:hover{transform:scale(1.15);z-index:1}.dye__palette button[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px;z-index:1}.dye>.btn{margin:0 10px 10px}.toggle-row{display:flex;flex-wrap:wrap;gap:10px 22px}.picker__tools{position:sticky;top:-20px;z-index:2;display:flex;gap:10px;margin:-20px -22px 16px;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--panel)}.picker__search{flex:1}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;scroll-margin-top:80px}.choice-grid__group{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:10px 0 2px;color:var(--gold-2);font-size:13px;letter-spacing:.08em}.choice-grid__group:after{content:"";flex:1;height:1px;background:var(--line-2)}.choice-grid__group:first-child{margin-top:0}.choice{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2);color:var(--text);text-align:left;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--line-3);background:var(--panel-2)}.choice.is-on{border-color:var(--gold);background:linear-gradient(180deg,rgb(245 183 59 / .1),var(--bg-2))}.choice__top{display:flex;align-items:center;gap:10px;min-width:0}.choice__title{display:flex;flex-direction:column;min-width:0}.choice__title b{line-height:1.35;overflow-wrap:anywhere}.choice__title small{color:var(--text-3);font-family:var(--mono);font-size:11px}.choice__check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--gold-ink)}.choice__dye{position:absolute;top:6px;left:6px;color:var(--text-3)}.choice__angle{color:var(--text-3);font-size:12px}.choice__desc{color:var(--text-2);font-size:12px;line-height:1.6;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.choice:hover .choice__desc,.choice:focus-visible .choice__desc{-webkit-line-clamp:unset}.picker--look .choice-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.picker--look .choice{align-items:center;padding:12px 8px;text-align:center}.picker--look .choice__top{flex-direction:column}.picker--look .choice__title b{font-size:12.5px}.choice-grid--pets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.choice--pet{align-items:center;text-align:center}.choice--pet .choice__title{align-items:center}.pager{position:sticky;bottom:-22px;display:flex;align-items:center;justify-content:center;gap:16px;margin:16px -22px -22px;padding:12px;border-top:1px solid var(--line);background:var(--panel)}.pet-portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:112px;height:112px;flex-shrink:0;border-radius:var(--r-lg);background:radial-gradient(circle at 50% 45%,#2b3950,#151d29 72%);color:var(--text-3);font-size:12px}.pet-portrait img{width:96px;height:96px;object-fit:contain}.pet-portrait small{font-size:10px}.pet-portrait.is-empty{border:1px dashed var(--line-3);background:transparent}.pet-current{display:flex;align-items:center;gap:18px;width:100%;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2);color:var(--text);text-align:left;transition:border-color .15s}.pet-current:hover{border-color:var(--gold-line)}.pet-current__text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.pet-current__text small{color:var(--text-3)}.pet-current__text b{font-size:18px}.pet-current__desc{color:var(--text-2);font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pet-current .btn{margin-top:6px;pointer-events:none}.pet-skills{margin:16px 0 0;padding:0;border:0}.pet-skills legend{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0;font-weight:650}.pet-skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.skill{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2);cursor:pointer;transition:border-color .15s,background .15s}.skill input{position:absolute;opacity:0;pointer-events:none}.skill:hover:not(.is-disabled){border-color:var(--line-3)}.skill.is-on{border-color:var(--gold);background:linear-gradient(180deg,rgb(245 183 59 / .09),var(--bg-2))}.skill.is-disabled:not(.is-on){opacity:.45;cursor:not-allowed}.skill:has(input:focus-visible){box-shadow:var(--ring)}.skill__icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:var(--r-sm);object-fit:contain;background:var(--panel-3);color:var(--text-3)}.skill__text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.skill__text b{display:flex;align-items:center;gap:6px}.skill__text>span{color:var(--text-2);font-size:12.5px;line-height:1.55;white-space:pre-line}.skill__text small{color:var(--text-3)}.skill__kind{padding:1px 6px;border-radius:var(--r-xs);background:var(--panel-3);color:var(--text-2);font-size:11px;font-weight:600}.skill__kind.is-active{background:var(--gold-soft);color:var(--gold-2)}.skill__check{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--line-3);border-radius:6px;color:transparent}.skill.is-on .skill__check{border-color:var(--gold);background:var(--gold);color:var(--gold-ink)}.prop-row{display:flex;gap:6px}.prop{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:3px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-2);color:var(--text-3);transition:border-color .15s}.prop img{max-width:30px;max-height:30px;object-fit:contain}.prop small{position:absolute;right:-1px;bottom:-1px;padding:0 3px;border-radius:4px 0 var(--r-sm) 0;background:var(--panel-3);color:var(--gold-2);font-family:var(--mono);font-size:9px;font-weight:700;line-height:1.5}button.prop:hover,button.prop[aria-expanded=true]{border-color:var(--gold)}.prop.is-empty{border-style:dashed}.prop--sm{width:30px;height:30px;padding:2px}.prop--sm img{max-width:24px;max-height:24px}.prop-menu{width:340px}.prop-menu__title,.rule-menu__title{padding:6px 8px 8px;color:var(--text-3);font-size:12px}.prop-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:var(--r-sm);background:none;text-align:left}.prop-menu__item:hover,.prop-menu__item:focus-visible{background:var(--panel-3);outline:none}.prop-menu__item>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.prop-menu__item>span:nth-child(2) small{color:var(--text-3);font-size:11.5px;line-height:1.45}.prop-menu__item[aria-pressed=true]{background:var(--gold-soft)}.prop-menu__item[aria-pressed=true] b{color:var(--gold-2)}.prop-menu__cost{color:var(--text-3);font-size:11px;text-align:right;font-family:var(--mono)}.guild-skills{display:flex;gap:6px}.guild-skill{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;padding:3px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-2);cursor:help}.guild-skill img{max-width:26px;max-height:26px;object-fit:contain}.guild-skill:hover .tip,.guild-skill:focus .tip{display:block}.loadouts__layout,.looks__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.loadout-list,.look-list{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 40px);padding:12px}.loadout-list__tools{display:flex;flex-direction:column;gap:8px}.loadout-list__tools .input{height:36px}.loadout-list__items{display:flex;flex-direction:column;gap:4px;margin:0 -4px;padding:0 4px;overflow:auto}.loadout-item,.look-item{position:relative;display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:var(--r);transition:background .15s,border-color .15s}.loadout-item:hover,.look-item:hover{background:var(--panel-3)}.loadout-item.is-open,.look-item.is-open{border-color:var(--gold-line);background:var(--gold-soft)}.loadout-item__main{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;border:0;background:none;text-align:left}.loadout-item__text{display:flex;flex:1;flex-direction:column;min-width:0}.loadout-item__text b{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.loadout-item__text small{color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-item .icon-btn,.look-item .icon-btn{margin-right:4px;opacity:.6}.loadout-item:hover .icon-btn,.look-item:hover .icon-btn,.icon-btn[aria-expanded=true]{opacity:1}.unsaved-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.rule-menu{width:380px}.rule-menu__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 10px;border:0;border-radius:var(--r-sm);background:none;text-align:left}.rule-menu__item:hover,.rule-menu__item:focus-visible{background:var(--panel-3);outline:none}.rule-menu__item small{color:var(--text-3);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rule-pop{width:360px;padding:14px}.rule-pop b{color:var(--gold-2)}.rule-pop p{margin:6px 0 8px;color:var(--text-2);font-size:13px;line-height:1.7}.rule-pop small{color:var(--text-3)}.editor{padding:0}.editor--empty{padding:20px}.editor__head{position:sticky;top:var(--topbar);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;background:#161f2cf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor__title{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.title-input{position:relative;display:flex;align-items:center;max-width:480px}.title-input input{width:100%;min-width:0;height:36px;padding:0 30px 0 8px;margin-left:-8px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font-size:20px;font-weight:700;transition:border-color .15s,background .15s}.title-input input:hover{border-color:var(--line-2)}.title-input input:focus{outline:none;border-color:var(--gold);background:var(--bg-2);box-shadow:var(--ring)}.title-input .icon{position:absolute;right:8px;color:var(--text-3);pointer-events:none}.editor__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.save-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:12px}.save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.save-state.is-dirty{color:var(--gold-2)}.save-state.is-dirty:before{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.editor__actions{display:flex;gap:8px}.editor__loadbar{display:flex;flex-wrap:wrap;gap:14px 28px;padding:14px 20px;border-bottom:1px solid var(--line)}.editor__group{display:flex;align-items:center;gap:12px}.editor__label{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.editor>.stats{margin:16px 20px 0}.editor>.tabs{margin:16px 20px 0}.editor__panel{padding:16px 20px 22px}.savebar{display:none}.stats{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:14px 20px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(90deg,rgb(245 183 59 / .07),transparent 40%),var(--bg-2);transition:opacity .2s}.stats.is-loading dd,.stats.is-loading .stats__power b{opacity:.45}.stats dl,.stats dd{margin:0}.stats__power{display:flex;flex-direction:column;justify-content:center;min-width:124px;padding:0 20px 0 6px;border-right:1px solid var(--line-2)}.stats__power small{color:var(--text-3);font-weight:600;letter-spacing:.06em}.stats__power b{color:var(--gold-2);font-size:28px;font-weight:700;line-height:1.15}.stats__power span{color:var(--text-2);font-size:12px}.stats__groups{display:grid;grid-template-columns:4fr 2fr 2fr;gap:10px;min-width:0}.stats__group{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:#ffffff05}.stat{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:7px 10px 8px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--stat) 10%,transparent);box-shadow:inset 0 2px color-mix(in srgb,var(--stat) 70%,transparent)}.stat dt{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px;white-space:nowrap}.stat dt i{width:8px;height:8px;flex-shrink:0;border-radius:2px;background:var(--stat)}.stat dd{color:var(--stat);font-size:17px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats__error{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold-2);font-size:12.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:0;background:none;color:var(--text-2);font-weight:600;white-space:nowrap}.tabs button small{max-width:110px;padding:1px 7px;border-radius:999px;background:var(--panel-3);color:var(--text-3);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--gold-2)}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--gold)}.tabs button[aria-selected=true] small{background:var(--gold-soft);color:var(--gold-2)}.look-item__main{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:10px;border:0;background:none;text-align:left}.look-item__title{display:flex;align-items:center;gap:8px}.look-item__title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-item__main>small{color:var(--text-3)}.look-item__icons{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.look-item__icons img{width:28px;height:28px;padding:2px;object-fit:contain;border-radius:6px;background:var(--panel-3)}.look-editor__body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px;align-items:start}.look-editor__preview{position:sticky;top:calc(var(--topbar) + 110px);display:flex;flex-direction:column;gap:10px}.character-preview{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(ellipse at 50% 70%,#2b3b52,#111823 72%)}.character-preview canvas{display:block;width:100%;height:auto}.character-preview__status{padding:0 12px 10px;color:var(--text-3);font-size:11.5px;text-align:center}.rooms__bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.rooms__loadout,.rooms__join{display:flex;flex-direction:column;gap:8px;min-width:0}.rooms__loadout small{font-size:12px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.room-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));transition:border-color .15s,transform .15s}.room-card:hover{border-color:var(--line-3)}.room-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-card header b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--text-2);font-size:12.5px}.room-card__meta>span:not(.chip){display:inline-flex;align-items:center;gap:4px}.room-card__seats{display:flex;align-items:center;gap:10px}.room-card__seats small{margin-left:auto;color:var(--text-2)}.seat-bar{display:flex;gap:3px}.seat-bar i{width:18px;height:6px;border-radius:3px;background:var(--line-2)}.seat-bar--0 i.is-on{background:var(--red)}.seat-bar--1 i.is-on{background:var(--blue)}.room-card.is-busy{opacity:.75}.lobby__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;background:radial-gradient(500px 160px at 0 0,rgb(245 183 59 / .1),transparent 70%),linear-gradient(180deg,var(--panel-2),var(--panel))}.lobby__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lobby__head h1{font-size:26px}.lobby__invite{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 14px;border:1px dashed var(--line-3);border-radius:var(--r-lg)}.lobby__invite>span{display:flex;flex-direction:column;margin-right:4px}.lobby__invite small{color:var(--text-3);font-size:11px}.lobby__settings{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.lobby__settings>.muted{align-self:center}.lobby__teams{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.lobby__vs{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid var(--line-2);border-radius:50%;background:var(--bg);color:var(--text-3);font-weight:800;font-size:13px;font-style:italic}.team{--team: var(--red);--team-soft: var(--red-soft);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--team-soft),transparent 120px),var(--panel)}.team--1{--team: var(--blue);--team-soft: var(--blue-soft)}.team__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:3px solid var(--team)}.team__head b{color:var(--team);font-size:16px;letter-spacing:.1em}.team__head small{color:var(--text-2)}.team__seats{display:flex;flex-direction:column;gap:8px;margin:0;padding:0 12px 14px;list-style:none}.player{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.player.is-me{border-color:var(--gold-line)}.player .avatar{background:var(--team-soft);color:var(--team)}.player__name{display:flex;flex:1;flex-direction:column;min-width:0}.player__name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__name b small{color:var(--text-3);font-weight:400}.player__name>small{display:flex;align-items:center;gap:3px;color:var(--text-3)}.player__name>small .icon{color:var(--gold)}.ready{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--panel-3);color:var(--text-3);font-size:12px;font-weight:600;white-space:nowrap}.ready.is-ready{background:var(--green-soft);color:var(--green)}.ready.is-playing{background:var(--gold-soft);color:var(--gold-2)}.player--empty{padding:0;border-style:dashed;background:transparent}.player--empty>button,.player--empty>span{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:58px;border:0;border-radius:var(--r);background:none;color:var(--text-3)}.player--empty>button:hover:not(:disabled){background:var(--team-soft);color:var(--team)}.lobby__me{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.lobby__me .field{flex:1;max-width:520px}.lobby__foot{position:sticky;bottom:calc(var(--tabbar) + 12px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px 14px 20px;border-color:var(--line-2);background:#161f2cf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-2)}.lobby__foot p{color:var(--text-2)}.lobby__foot p.is-go{color:var(--green);font-weight:600}.lobby__actions{display:flex;gap:8px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{display:flex;flex-direction:column;gap:2px;padding:16px 18px}.kpi small{color:var(--text-3);font-weight:600}.kpi b{font-size:28px;line-height:1.2}.kpi--win b{color:var(--green)}.kpi--loss b{color:var(--red)}.form-strip{display:flex;gap:3px;margin-top:6px}.form-strip i{width:10px;height:10px;border-radius:3px;background:var(--line-3)}.form-strip i.is-win{background:var(--green)}.form-strip i.is-loss{background:var(--red)}.match-list{padding:6px}.match-list ul{margin:0;padding:0;list-style:none}.match-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r)}.match-row+.match-row{border-top:1px solid var(--line)}.match-row:hover{background:var(--panel-3)}.result{display:inline-grid;place-items:center;min-width:64px;height:30px;padding:0 10px;border-radius:var(--r-sm);background:var(--panel-3);color:var(--text-2);font-size:13px;font-weight:700}.result--win{background:var(--green-soft);color:var(--green)}.result--loss{background:var(--red-soft);color:var(--red)}.result--draw{background:var(--blue-soft);color:var(--blue)}.match-row__main{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.match-row__vs{color:var(--text-2);font-weight:400}.match-row__main small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text-3)}.match-row time{color:var(--text-3);font-size:12.5px;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}.steps li>b{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--gold-soft);color:var(--gold-2)}.steps li span{display:flex;flex-direction:column}.steps small{color:var(--text-3)}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.platform{display:flex;flex-direction:column;gap:16px}.platform header{display:flex;align-items:center;gap:12px}.platform header>span:nth-child(2){display:flex;flex:1;flex-direction:column}.platform header small{color:var(--text-3)}.platform__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--panel-3);color:var(--text)}.platform.is-mine{border-color:var(--gold-line);box-shadow:0 0 0 1px var(--gold-line) inset,var(--shadow-2)}.platform.is-mine .platform__icon{background:var(--gold);color:var(--gold-ink)}.platform__actions{display:flex;flex-direction:column;gap:8px}.platform>.muted{font-size:13px;line-height:1.7}.platform>.link{align-self:flex-start;font-size:13px}@media(max-width:1280px){.play__grid{grid-template-columns:minmax(0,1fr) 320px}.stats__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.stats__group--attributes{grid-column:1 / -1}}@media(max-width:1100px){:root{--sidebar: 76px}.sidebar{align-items:center;padding:16px 8px}.sidebar>.brand{padding:0 0 8px}.sidebar .brand__text,.sidebar>.activity{display:none}.nav__item{flex-direction:column;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;text-align:center}.nav__label{font-size:11px}.nav__item.is-active:before{left:-8px}.usercard{flex-direction:column;padding:8px 4px;border:0;background:none}.usercard__text{display:none}.activity--inline{display:flex}.play__grid{grid-template-columns:1fr}.play__side{display:grid;grid-template-columns:1fr 1fr}.play__side .guide{grid-column:1 / -1}.loadouts__layout,.looks__layout{grid-template-columns:240px minmax(0,1fr)}.look-editor__body{grid-template-columns:1fr}.look-editor__preview{position:static;max-width:360px;margin:0 auto;width:100%}.platforms{grid-template-columns:1fr}}@media(max-width:860px){.loadouts__layout,.looks__layout{grid-template-columns:1fr}.loadout-list,.look-list{position:static;max-height:none}.loadout-list__items{flex-direction:row;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.look-list{flex-direction:row;overflow-x:auto}.loadout-item,.look-item{flex:0 0 auto;width:240px;border-color:var(--line);scroll-snap-align:start}.look-item{width:220px}.kpis{grid-template-columns:repeat(2,1fr)}.rooms__bar,.lobby__settings,.steps{grid-template-columns:1fr}}@media(max-width:760px){:root{--topbar: 52px;--tabbar: 62px}body{background-attachment:scroll}.shell{display:block;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:var(--topbar);padding:0 8px 0 14px;border-bottom:1px solid var(--line);background:#0b1017e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__title{flex:1;font-size:16px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(6,1fr);height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#0b1017f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar .nav__item{flex-direction:column;justify-content:center;gap:2px;min-height:0;padding:4px 0;text-align:center}.tabbar .nav__item.is-active{background:none}.tabbar .nav__item.is-active:before{left:30%;right:30%;top:-4px;bottom:auto;width:auto;height:3px;border-radius:0 0 3px 3px}.tabbar .nav__label{font-size:11px}.main{padding:16px 14px 28px}.page{gap:16px}.page-head{align-items:flex-start}.page-head h1{font-size:21px}.page-head p{font-size:13px}.panel{padding:16px}.editor{padding:0}.page-head h1{display:none}.toasts{top:auto;bottom:calc(var(--tabbar) + 12px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;transform:none}.lobby__me{flex-direction:column;align-items:stretch}.lobby__me .field{max-width:none}.login__top{padding:16px 18px}.login__body{grid-template-columns:1fr;gap:28px;padding:8px 18px 40px}.login__hero h1{font-size:44px;margin:10px 0 12px}.login__lead{font-size:14px}.login__features{display:none}.login__card{padding:20px}.queue-panel{padding:18px}.mode-cards{grid-template-columns:1fr 1fr;gap:8px}.mode-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px}.mode-card>.icon{width:36px;height:36px;padding:8px}.mode-card small{font-size:11.5px}.seg--lg>button{min-height:42px;font-size:15px}.loadout-pick{flex-wrap:wrap}.loadout-pick__actions{width:100%}.loadout-pick__actions>*{flex:1}.play__side{grid-template-columns:1fr}.editor__head{position:static;padding:14px 16px}.editor__actions{display:none}.editor__loadbar,.editor__panel{padding-left:16px;padding-right:16px}.editor>.stats,.editor>.tabs{margin-left:16px;margin-right:16px}.stats{grid-template-columns:1fr;gap:10px;padding:12px}.stats__power{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:10px;padding:0 2px 10px;border-right:0;border-bottom:1px solid var(--line-2)}.stats__power b{font-size:24px}.stats__group{gap:4px;padding:4px}.stat{padding:6px 7px}.stat dd{font-size:15px}.slot-grid{grid-template-columns:1fr 1fr;gap:8px}.slot{padding:10px}.slot__body{flex-direction:column;align-items:flex-start;gap:6px}.slot .gear-stats{grid-template-columns:1fr;font-size:11.5px}.equipment--look .slot-grid{grid-template-columns:repeat(2,1fr)}.look-editor__body{padding:16px}.savebar{position:fixed;left:10px;right:10px;bottom:calc(var(--tabbar) + 10px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border:1px solid var(--gold-line);border-radius:var(--r-lg);background:#18212ef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-3);transform:translateY(160%);transition:transform .25s var(--ease)}.savebar.is-shown{transform:none}.savebar>span{flex:1;color:var(--gold-2);font-size:13px;font-weight:600}.modal{width:100vw;max-width:100vw;max-height:92vh;margin:auto auto 0;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0}.modal[open]{animation:sheet .25s var(--ease)}@keyframes sheet{0%{transform:translateY(40px);opacity:0}}.modal--xl{height:92vh}.modal__head{padding:16px 12px 12px 16px}.modal__body{padding:16px}.picker__tools{top:-16px;margin:-16px -16px 12px;padding:12px 16px}.choice-grid{grid-template-columns:1fr}.picker--look .choice-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.choice-grid--pets{grid-template-columns:1fr 1fr}.pet-portrait{width:88px;height:88px}.pet-portrait img{width:76px;height:76px}.pager{bottom:-16px;margin:12px -16px -16px}.pet-skills__grid{grid-template-columns:1fr}.lobby__teams{grid-template-columns:1fr;gap:12px}.lobby__vs{position:static;transform:none;margin:-4px auto}.lobby__teams .team--1{order:2}.lobby__head h1{font-size:21px}.lobby__invite{width:100%}.lobby__invite>span{flex:1}.lobby__foot{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.lobby__actions>.btn{flex:1}.match-row{flex-wrap:wrap;gap:10px}.match-row time{width:100%;padding-left:78px;margin-top:-6px}.launch-steps{grid-template-columns:1fr}.platform{gap:12px}}@media(max-width:420px){.loadout-pick__text b{font-size:15px}.kpi b{font-size:24px}.match__actions{flex-direction:column-reverse}.match__actions .btn--lg{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.battle-snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battle-snapshot__team{min-width:0}.battle-snapshot__team>h3{margin:0 0 12px}.snapshot-player{padding:16px;margin-bottom:14px}.snapshot-player>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.snapshot-player>header small,.snapshot-gear small{color:var(--text-2)}.snapshot-player h4{margin:16px 0 8px;font-size:12px}.snapshot-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:16px 0}.snapshot-stats>div{display:flex;justify-content:space-between;gap:6px}.snapshot-stats dt{font-size:12px}.snapshot-stats dd{margin:0;font-weight:600}.snapshot-gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snapshot-gear{display:flex;align-items:center;gap:8px;min-width:0}.snapshot-gear>span:last-child{display:flex;flex-direction:column;min-width:0}.snapshot-gear b{font-size:12px;overflow-wrap:anywhere}.snapshot-gear small{font-size:11px}@media(max-width:760px){.battle-snapshot{grid-template-columns:minmax(0,1fr)}}