*,*:before,*:after{box-sizing:border-box}:root{--bg: #06070d;--bg-2: #0b0d17;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .075);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--ink: #eef2fa;--ink-dim: #98a3b8;--ink-faint: #626c80;--brand: #7db2ff;--brand-2: #b98cff;--good: #52dfa8;--warn: #ffcf6b;--bad: #ff7a7a;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Inter, Arial, sans-serif;--font-head: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Inter, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;inset:-20%;z-index:-2;background:radial-gradient(38% 30% at 18% 12%,rgba(80,120,255,.2),transparent 70%),radial-gradient(32% 28% at 86% 22%,rgba(190,90,255,.16),transparent 70%),radial-gradient(46% 40% at 50% 96%,rgba(40,190,210,.12),transparent 70%);filter:blur(20px);animation:drift 34s ease-in-out infinite alternate;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;margin:0}p{margin:0}button{font:inherit;color:inherit}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px clamp(14px,3vw,30px);background:linear-gradient(to bottom,#06070deb,#06070d9e);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;letter-spacing:-.03em;font-size:17px;white-space:nowrap}.brand__mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#2b3a6b,#131a34);border:1px solid rgba(150,180,255,.35);box-shadow:inset 0 1px #fff3,0 4px 14px #00000080;font-size:15px}.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{border:1px solid transparent;background:transparent;color:var(--ink-dim);padding:8px 13px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:550;white-space:nowrap;transition:color .16s,background .16s,border-color .16s}.nav button:hover{color:var(--ink);background:var(--panel)}.nav button[aria-current=true]{color:#fff;background:linear-gradient(160deg,#7db2ff47,#b98cff2e);border-color:#96beff66;box-shadow:inset 0 1px #ffffff29}.topbar__me{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-dim)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(14px,3vw,30px) 80px}.card-panel{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow),inset 0 1px #ffffff12}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel-2);padding:11px 18px;font-weight:600;font-size:14.5px;cursor:pointer;transition:transform .12s,filter .16s,background .16s;box-shadow:inset 0 1px #ffffff1a}.btn:hover:not(:disabled){filter:brightness(1.14)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:linear-gradient(150deg,#4d84f0,#7a55e6);border-color:#a0beff80;color:#fff;box-shadow:0 10px 26px #466ef059,inset 0 1px #ffffff47}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink-dim)}.btn--danger{background:#ff5a5a24;border-color:#ff787866;color:#ffb4b4}.btn--sm{padding:7px 12px;font-size:13px;border-radius:9px}.btn--block{width:100%}input,select,textarea{font:inherit;color:var(--ink);background:#00000057;border:1px solid var(--line);border-radius:11px;padding:11px 13px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#7db2ff99;box-shadow:0 0 0 3px #7db2ff29}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:12.5px;color:var(--ink-dim);margin-bottom:6px;font-weight:550}.hint{font-size:12.5px;color:var(--ink-faint);line-height:1.5}.err{font-size:13px;color:var(--bad);margin-top:8px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-family:var(--font-mono);letter-spacing:.04em;padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-dim)}.section-head{display:flex;align-items:baseline;gap:12px;margin:26px 0 14px}.section-head h2{font-size:clamp(19px,2.4vw,25px)}.section-head .hint{margin-left:auto}.t-common{--tc: #9fb2c4;--tg: #7d94a8}.t-uncommon{--tc: #5fe0ab;--tg: #37d69a}.t-rare{--tc: #63b4ff;--tg: #3d8dff}.t-epic{--tc: #c07bff;--tg: #a04dff}.t-legendary{--tc: #ffcc55;--tg: #ffab1f}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth{width:100%;max-width:400px}.auth h1{font-size:30px;margin-bottom:6px}.auth__sub{color:var(--ink-dim);font-size:14px;margin-bottom:22px;line-height:1.55}.auth__tabs{display:flex;gap:6px;background:#0000004d;padding:4px;border-radius:12px;margin-bottom:18px}.auth__tabs button{flex:1;border:none;background:transparent;padding:9px;border-radius:9px;cursor:pointer;color:var(--ink-dim);font-weight:600;font-size:13.5px}.auth__tabs button[aria-selected=true]{background:var(--panel-2);color:#fff;box-shadow:inset 0 1px #ffffff1f}.auth__known{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}.auth__known button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-dim)}.auth__known button:hover{color:#fff;border-color:var(--line-2)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}.stat{background:linear-gradient(165deg,#ffffff12,#ffffff04);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff12}.stat b{display:block;font-family:var(--font-head);font-size:27px;font-weight:750;letter-spacing:-.03em;line-height:1.1}.stat span{font-size:11.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}@media(max-width:820px){.hero{grid-template-columns:1fr}}.hero__cta{display:flex;flex-direction:column;justify-content:center;gap:14px;position:relative;overflow:hidden}.hero__cta h1{font-size:clamp(26px,4vw,40px);line-height:1.05}.hero__cta p{color:var(--ink-dim);font-size:14.5px;line-height:1.6;max-width:44ch}.hero__glow{position:absolute;inset:auto -30% -60% auto;width:320px;height:320px;background:radial-gradient(circle,rgba(125,178,255,.28),transparent 70%);pointer-events:none}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:clamp(10px,1.6vw,18px)}.thumb{position:relative;aspect-ratio:1 / 1.4;border-radius:12px;background:#0a0c14;border:none;padding:0;cursor:pointer;overflow:hidden;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.9,.25,1),box-shadow .28s;box-shadow:0 8px 22px #00000080;will-change:transform}.thumb:hover,.thumb:focus-visible{box-shadow:0 18px 40px #0009,0 0 26px -6px var(--tg, #7d94a8);outline:none}.thumb canvas{width:100%;height:100%;display:block;border-radius:12px}.thumb__sheen{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .22s;background:linear-gradient(var(--sheen-angle, 110deg),transparent 32%,rgba(255,255,255,.32) 48%,rgba(190,220,255,.18) 52%,transparent 68%);mix-blend-mode:overlay}.thumb:hover .thumb__sheen{opacity:1}.thumb__holo{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .22s;background:conic-gradient(from var(--sheen-angle, 110deg),rgba(255,0,128,.22),rgba(0,200,255,.22),rgba(120,255,160,.22),rgba(255,220,80,.22),rgba(255,0,128,.22));mix-blend-mode:color-dodge;filter:blur(3px)}.thumb[data-foil=true]:hover .thumb__holo{opacity:.7}.thumb[data-owned=false] canvas{filter:grayscale(1) brightness(.34) contrast(.85)}.thumb[data-owned=false]:after{content:"Not collected";position:absolute;inset:auto 0 0;padding:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);background:linear-gradient(to top,rgba(0,0,0,.85),transparent);font-weight:600}.thumb__count{position:absolute;top:7px;right:7px;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 7px;border-radius:7px;background:#04060cd1;border:1px solid var(--line-2);backdrop-filter:blur(6px)}.thumb__skeleton{position:absolute;inset:0;border-radius:12px;background:linear-gradient(100deg,#0c0f18 30%,#161b2a,#0c0f18 70%);background-size:220% 100%;animation:sweep 1.5s linear infinite}@keyframes sweep{0%{background-position:140% 0}to{background-position:-40% 0}}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;border-radius:14px;border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:transform .14s,border-color .16s,background .16s,box-shadow .16s}.picker:hover{transform:translateY(-2px);border-color:var(--line-2)}.picker[aria-pressed=true]{border-color:var(--tc);background:linear-gradient(160deg,#ffffff17,#ffffff05);box-shadow:0 0 0 1px var(--tc),0 10px 28px -10px var(--tg)}.picker__face{width:62px;height:62px;border-radius:50%;object-fit:cover;background:linear-gradient(155deg,#1a2135,#0a0d16);border:2px solid var(--tc);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:24px;color:var(--tc);box-shadow:0 0 18px -6px var(--tg),inset 0 1px #ffffff24}.picker__name{font-size:13.5px;font-weight:600}.picker__tier{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tc)}.picker__check{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--tc);color:#05070c;font-size:12px;font-weight:800;opacity:0;transform:scale(.5);transition:opacity .16s,transform .2s cubic-bezier(.2,1.4,.4,1)}.picker[aria-pressed=true] .picker__check{opacity:1;transform:scale(1)}.picker__pts{position:absolute;top:7px;left:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint)}.sticky-bar{position:sticky;bottom:12px;z-index:15;margin-top:18px;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:15px;background:#0a0c14db;border:1px solid var(--line-2);backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow)}.sticky-bar .grow{flex:1;font-size:13.5px;color:var(--ink-dim)}.board{display:flex;flex-direction:column;gap:8px}.board__row{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:12px 15px;border-radius:13px;border:1px solid var(--line);background:var(--panel);transition:transform .16s,border-color .16s}.board__row:hover{transform:translate(2px);border-color:var(--line-2)}.board__row[data-me=true]{border-color:#7db2ff8c;background:linear-gradient(120deg,#7db2ff24,#ffffff08)}.board__rank{font-family:var(--font-head);font-weight:800;font-size:19px;text-align:center;color:var(--ink-faint)}.board__row[data-top="1"] .board__rank{color:#fc5;text-shadow:0 0 16px rgba(255,190,60,.6)}.board__row[data-top="2"] .board__rank{color:#dfe7f2}.board__row[data-top="3"] .board__rank{color:#e0a173}.board__name{font-weight:650;font-size:15px}.board__meta{font-size:12px;color:var(--ink-faint);font-family:var(--font-mono)}.board__pts{font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:-.02em}.ballot{display:flex;flex-direction:column;gap:6px}.ballot__row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel);cursor:grab;user-select:none;touch-action:none;transition:background .14s,border-color .14s,box-shadow .14s}.ballot__row[data-dragging=true]{background:#7db2ff29;border-color:#7db2ff99;box-shadow:var(--shadow);cursor:grabbing}.ballot__row[data-over=true]{border-color:var(--brand)}.ballot__idx{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);text-align:center}.ballot__grip{color:var(--ink-faint);letter-spacing:2px;font-size:13px}.ballot__moves{display:flex;gap:4px}.ballot__moves button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;font-size:11px;display:grid;place-items:center}.ballot__scale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin:4px 2px 10px}.progress{height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4d84f0,#b98cff);transition:width .5s cubic-bezier(.2,.9,.25,1)}.roster-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}.roster-item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.roster-item__face{width:54px;height:54px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:linear-gradient(155deg,#1a2135,#0a0d16);border:1px solid var(--tc);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;color:var(--tc)}.roster-item__body{flex:1;min-width:0}.roster-item__name{font-weight:650;font-size:14.5px}.roster-item__meta{font-size:11.5px;color:var(--ink-faint);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-item__actions{display:flex;flex-direction:column;gap:5px}.consent{border:1px solid rgba(255,207,107,.4);background:#ffcf6b14;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;color:#ffe0a3}.consent strong{color:#fff3d6}.consent label{display:flex;gap:9px;align-items:flex-start;margin-top:10px;cursor:pointer;color:var(--ink)}.consent input[type=checkbox]{width:auto;margin-top:2px;accent-color:var(--warn)}.cam-wrap{position:relative;border-radius:14px;overflow:hidden;background:#05070c;border:1px solid var(--line);aspect-ratio:5 / 7;max-width:280px}.cam-wrap video,.cam-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.cam-wrap__guide{position:absolute;inset:12% 16%;border:2px dashed rgba(255,255,255,.28);border-radius:50% 50% 46% 46%;pointer-events:none}.modal-back{position:fixed;inset:0;z-index:60;background:#030408b8;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;max-height:88vh;overflow:auto;animation:rise .28s cubic-bezier(.2,.9,.25,1)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.98)}}.modal__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.modal__head h3{font-size:19px}.modal__close{margin-left:auto;border:1px solid var(--line);background:var(--panel);width:30px;height:30px;border-radius:9px;cursor:pointer;line-height:1}.inspector{position:fixed;inset:0;z-index:70;background:radial-gradient(circle at 50% 40%,#0e1220e6,#030408f7);backdrop-filter:blur(14px);display:flex;flex-direction:column;animation:fade .22s ease}.inspector__canvas{flex:1;min-height:0;touch-action:none;cursor:grab}.inspector__canvas:active{cursor:grabbing}.inspector__bar{padding:14px clamp(14px,3vw,28px) calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);background:#06080eb3;backdrop-filter:blur(16px)}.inspector__bar h3{font-size:20px}.inspector__bar .hint{margin-top:3px}.inspector__close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;border:1px solid var(--line-2);background:#080a12b3;color:var(--ink);width:38px;height:38px;border-radius:12px;cursor:pointer;backdrop-filter:blur(10px);font-size:16px}.pack-overlay{position:fixed;inset:0;z-index:80;background:#05060c}.pack-stage{position:absolute;inset:0;touch-action:none;user-select:none;cursor:grab}.pack-stage:active{cursor:grabbing}.pack-stage canvas{display:block}.pack-flash{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .42s ease-out}.pack-hud{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-align:center;padding:0 20px}.pack-hud--bottom{bottom:calc(30px + env(safe-area-inset-bottom))}.pack-hud--top{top:calc(22px + env(safe-area-inset-top))}.pack-counter{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;color:#dce6fa9e;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#080a1280;backdrop-filter:blur(8px)}.pack-hint{font-size:15px;font-weight:600;color:#e8f0ffe6;text-shadow:0 2px 14px rgba(0,0,0,.8);animation:pulse 2.4s ease-in-out infinite}.pack-hint--sub{font-size:12.5px;font-weight:500;color:#becde68c;animation:none}@keyframes pulse{0%,to{opacity:.62}50%{opacity:1}}.pack-hint-arrow{width:22px;height:34px;margin-bottom:4px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.75));clip-path:polygon(42% 0,58% 0,58% 62%,100% 62%,50% 100%,0 62%,42% 62%);animation:nudge 1.5s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(-4px);opacity:.4}50%{transform:translateY(6px);opacity:.95}}.reveal-caption{display:flex;flex-direction:column;align-items:center;gap:3px;animation:rise .4s cubic-bezier(.2,.9,.25,1)}.reveal-caption strong{font-family:var(--font-head);font-size:clamp(24px,4.5vw,34px);font-weight:800;letter-spacing:-.03em;color:#fff;text-shadow:0 0 34px var(--glow),0 3px 18px rgba(0,0,0,.9)}.reveal-tier{font-family:var(--font-head);font-size:clamp(15px,2.2vw,20px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--glow);text-shadow:0 0 22px var(--glow);margin-top:2px}.reveal-caption>span{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#e2ecffc7}.reveal-new{margin-top:4px;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:999px;color:#06110c;background:linear-gradient(120deg,#7cf5c0,#38d69a);box-shadow:0 0 22px #46e6a08c;animation:pop .42s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}}.pack-summary{position:absolute;inset:auto 0 0;margin:0 auto;max-width:460px;padding:26px 22px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:linear-gradient(to top,#06080ef7,#06080ebf);border-top:1px solid var(--line);border-radius:22px 22px 0 0;animation:rise .4s cubic-bezier(.2,.9,.25,1);max-height:82vh;overflow:auto}.pack-summary h2{font-size:25px;text-align:center}.pack-summary__totals{display:flex;justify-content:center;gap:22px;font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em}.pack-summary__totals b{display:block;font-family:var(--font-head);font-size:22px;color:var(--ink);text-align:center;letter-spacing:-.02em}.pack-summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.pack-summary__list li{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line)}.pack-summary__list .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--glow)}.pack-summary__list .who{font-weight:600;font-size:14px}.pack-summary__list .tier{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.pack-summary__list .pts{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim)}.pack-summary__skipped{font-size:12px;color:var(--warn);text-align:center}.pack-skip{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;border:1px solid rgba(255,255,255,.14);background:#080a1280;color:#dce6fab3;padding:7px 14px;border-radius:999px;font-size:12.5px;cursor:pointer;backdrop-filter:blur(8px)}.pack-skip:hover{color:#fff}.dev-fab{position:fixed;bottom:16px;left:16px;z-index:40;width:40px;height:40px;border-radius:12px;border:1px solid var(--line-2);background:#0a0c14cc;backdrop-filter:blur(10px);cursor:pointer;font-size:16px}.dev-panel{position:fixed;bottom:66px;left:16px;z-index:40;width:264px;display:flex;flex-direction:column;gap:12px;font-size:13px}.dev-panel__fps{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.seg{display:flex;gap:3px;background:#00000057;padding:3px;border-radius:10px}.seg button{flex:1;border:none;background:transparent;padding:6px 4px;border-radius:8px;cursor:pointer;font-size:11.5px;color:var(--ink-dim);font-weight:600}.seg button[aria-pressed=true]{background:var(--panel-2);color:#fff}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:90;padding:11px 18px;border-radius:12px;background:#0a0d16f0;border:1px solid var(--line-2);box-shadow:var(--shadow);font-size:13.5px;animation:rise .24s ease}.toast[data-kind=error]{border-color:#ff787880;color:#ffc0c0}.empty{text-align:center;padding:44px 20px;color:var(--ink-faint);font-size:14px;line-height:1.6}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.filter-row button{border:1px solid var(--tc, var(--line));background:var(--panel);border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer;color:var(--tc, var(--ink-dim));font-weight:550}.filter-row button[aria-pressed=true]{color:#05070c;background:var(--tc, #9fb2c4);border-color:var(--tc, #9fb2c4);font-weight:700}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{min-height:60vh;display:grid;place-items:center;gap:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.06s!important}}.pack-boot{display:grid;place-content:center;justify-items:center;gap:14px}.roster-item[data-me=true]{border-color:#7db2ff8c;background:linear-gradient(120deg,#7db2ff21,#ffffff08)}