:root{--g50: #D8F3DC;--g100: #B7E4C7;--g200: #95D5B2;--g300: #74C69D;--g400: #52B788;--g500: #40916C;--g600: #2D6A4F;--g700: #1B4332;--g800: #081C15;--grey-950: #0b0c0e;--grey-900: #111318;--grey-800: #1a1d22;--bg: #c8ddd5;--bg-raised: #0d1014;--surface: #172A1C;--card: #1C3022;--border: rgba(149,213,178,.09);--border-hi: rgba(149,213,178,.22);--accent: #95D5B2;--accent-hi: #B7E4C7;--accent-lo: rgba(149,213,178,.1);--accent-dk: #52B788;--text: #D8F3DC;--text-2: #95D5B2;--text-3: #52B788;--text-4: #2D6A4F;--c-arm: #f87171;--c-mob: #60a5fa;--c-str: #fb923c;--c-iq: #a78bfa;--c-lead: #e879f9;--c-comp: #fbbf24;--c-acc: #34d399;--c-pkt: #2dd4bf;--font: "Outfit", system-ui, sans-serif;--font-inter: "Inter", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, "Cascadia Code", monospace;--ease: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;color:var(--text);font-family:var(--font);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{display:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' fill='white' filter='url(%23g)' opacity='0.09'/></svg>");background-size:200px 200px;mix-blend-mode:overlay}#root{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;height:100dvh}.navbar{display:flex;align-items:center;height:52px;padding:0 30px;background:#090a0de0;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);transform:translateZ(0);will-change:transform;border-bottom:4px solid rgba(149,213,178,.06);flex-shrink:0;z-index:100;position:relative;user-select:none;-webkit-user-select:none}.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-img{height:34px;width:34px;object-fit:contain;border-radius:6px}.tab-pill-qb{position:absolute;left:calc(50% + 10px);transform:translate(-50%);z-index:1}.nav-pills-soon{position:absolute;left:calc(50% + 72px);top:50%;transform:translateY(-50%);display:flex;gap:4px;align-items:center}.nav-right{display:flex;align-items:center;gap:6px;margin-left:auto;position:relative}.waffle-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(149,213,178,.1);background:transparent;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.waffle-btn:hover,.waffle-btn.waffle-open{background:#95d5b214;border-color:#95d5b238;color:var(--text-2)}.waffle-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#0f1318;border:1px solid rgba(149,213,178,.12);border-radius:14px;padding:6px;z-index:200;display:flex;flex-direction:column;gap:1px;box-shadow:0 12px 32px #0009,0 0 0 1px #0006}.wm-row{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;border:none;background:transparent;color:var(--text-2);font-family:var(--font);font-size:12.5px;font-weight:500;letter-spacing:-.2px;cursor:pointer;text-align:left;transition:background-color .12s var(--ease),color .12s var(--ease)}.wm-row:hover{background:#95d5b212;color:var(--g50)}.wm-icon{display:flex;align-items:center;color:var(--text-4);flex-shrink:0;transition:color .12s var(--ease)}.wm-row:hover .wm-icon{color:var(--text-3)}.wm-label{flex:1}.wm-chevron{display:flex;align-items:center;color:var(--text-4);margin-left:auto}.wm-row-danger{color:var(--text-3);cursor:pointer}.wm-row-soon{color:var(--text-4);opacity:.6;cursor:default}.wm-soon-badge{font-size:7.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-4);border:1px solid rgba(149,213,178,.15);border-radius:4px;padding:1px 5px;flex-shrink:0}.wm-row-danger:hover{background:#f8717114;color:#fca5a5}.wm-row-danger:hover .wm-icon{color:#f87171}.wm-divider{height:1px;background:#95d5b20f;margin:3px 4px}.wm-htp-body{display:flex;flex-direction:column;gap:8px;padding:4px 10px 8px;margin:0 0 2px;border-radius:8px;background:#95d5b208;border:1px solid rgba(149,213,178,.06)}.wm-htp-step{display:flex;gap:8px;align-items:flex-start}.wm-htp-num{width:17px;height:17px;border-radius:50%;background:#95d5b217;border:1px solid rgba(149,213,178,.18);color:var(--accent);font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.wm-htp-title{font-size:11px;font-weight:700;color:var(--g50);margin-bottom:1px;letter-spacing:-.2px}.wm-htp-desc{font-size:10.5px;color:var(--text-3);line-height:1.5;letter-spacing:-.1px}.wm-about-body{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px;margin:0 0 2px;border-radius:8px;background:#95d5b208;border:1px solid rgba(149,213,178,.06)}.wm-about-text{font-size:10.5px;color:var(--text-3);line-height:1.55;letter-spacing:-.1px;margin:0}.wm-about-text strong{color:var(--g50);font-weight:700}.wm-about-disclaimer{font-size:9.5px;color:var(--text-3);opacity:.55;line-height:1.5;letter-spacing:-.1px;margin:4px 0 0;padding-top:6px;border-top:1px solid rgba(149,213,178,.08)}.logo-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{font-family:var(--font-inter);font-size:18px;font-weight:800;letter-spacing:.4px;color:var(--text);white-space:nowrap}.logo-text em{font-style:normal;color:#70ff88}.logo-workshop{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:16px;color:var(--text-3);letter-spacing:.5px;opacity:.85;margin-left:6px}.nav-pills{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px}.tab-pill{padding:5px 16px;border-radius:100px;border:1px solid rgba(149,213,178,.1);background:#95d5b20a;color:var(--text-3);font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:-.2px;cursor:pointer;white-space:nowrap;outline:none;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.tab-pill:hover{background:#95d5b217;color:var(--text-2);border-color:#95d5b22e}.tab-pill.active{background:#95d5b221;border-color:#95d5b24d;color:var(--g50);font-weight:700}.tab-pill.soon-1{opacity:.45;pointer-events:none}.tab-pill.soon-2{opacity:.2;pointer-events:none}.tab-soon-wrap{position:relative;display:inline-flex;align-items:center}.tab-soon-label{position:absolute;bottom:calc(100% + 1.1px);left:50%;transform:translate(-50%);font-size:7px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:.6;pointer-events:none}.nav-ghost-btn{padding:5px 14px;border-radius:100px;border:1px solid rgba(149,213,178,.1);background:transparent;color:var(--text-4);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:-.1px;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.nav-ghost-btn:hover{border-color:#95d5b238;color:var(--text-2);background:#95d5b20f}.game-layout{display:grid;grid-template-columns:272px 1fr 256px;grid-template-rows:1fr;flex:1;min-height:0;overflow:hidden}.spin-panel{background:var(--bg-raised);border:1px solid var(--border-hi);box-shadow:inset -2px 0 #95d5b28c;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}.spin-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(45deg,rgba(149,213,178,.2) 1px,transparent 1px),linear-gradient(-45deg,rgba(149,213,178,.2) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 60%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 60%,black 100%)}.spin-panel-body{flex:1;overflow-y:auto;padding:9px 11px 15px;display:flex;flex-direction:column;gap:9px;scrollbar-width:none}.spin-panel-body::-webkit-scrollbar{display:none}.reels-wrap{position:relative}.reel-tri{position:absolute;top:137px;transform:translateY(-50%);width:0;height:0;pointer-events:none}.reel-tri-l{left:-8px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid rgba(255,255,255,.55)}.reel-tri-r{right:-8px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid rgba(255,255,255,.55)}.reels-row{display:flex;gap:6px}.reel-outer{flex:1;background:var(--grey-900);border:1px solid var(--border);border-radius:20px;position:relative;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.reel-outer.reel-locked{border-color:#95d5b242;box-shadow:0 0 16px #95d5b212}.reel-outer.reel-blurred{opacity:.18;transition:opacity .18s ease}.reel-label{font-family:var(--font-inter);margin:5px auto 3px;display:table;padding:2px 9px;border-radius:100px;background:#95d5b20f;border:1px solid rgba(149,213,178,.12);font-size:8.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-3)}.reel-window{position:relative;height:220px;overflow:hidden;contain:layout paint;border-radius:0 0 18px 18px}.reel-window:before,.reel-window:after{content:"";position:absolute;left:0;right:0;height:35%;pointer-events:none;z-index:3}.reel-window:before{top:0;background:linear-gradient(to bottom,var(--grey-900) 0%,transparent 100%)}.reel-window:after{bottom:0;background:linear-gradient(to top,var(--grey-900) 0%,transparent 100%)}.reel-track{will-change:transform}.reel-selector{position:absolute;left:8px;right:8px;top:88px;height:44px;border-top:1px solid rgba(149,213,178,.18);border-bottom:1px solid rgba(149,213,178,.18);background:#95d5b20a;border-radius:6px;pointer-events:none;z-index:2}.reel-row{width:100%;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden;padding:0 5px}.reel-primary{font-family:var(--font-inter);font-size:13px;font-weight:700;letter-spacing:-.4px;color:var(--text);line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reel-secondary{font-family:var(--font-inter);font-size:10px;color:var(--text-2);font-weight:600;letter-spacing:-.2px;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reel-locked-pip{position:absolute;top:7px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.spin-btn{height:50px;width:100%;border-radius:12px;border:2px solid rgba(0,0,0,.2);background:linear-gradient(to right,#5edbd8 20%,#1fc98a);color:#0a2e2c;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;font-weight:500;letter-spacing:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff2e;will-change:transform;transform:translateZ(0);transition:transform .12s var(--ease)}.spin-btn:hover:not(:disabled){background:linear-gradient(to right,#6ee8e4,#55dfb0)}.spin-btn:active:not(:disabled){transform:scale(.97) translateZ(0)}.spin-btn:disabled{background:#74c69d2e;border-color:#081c151a;color:#081c1547;box-shadow:none;cursor:not-allowed;transform:none}.spin-btn.spin-btn-wait:disabled{background:transparent;border:1px solid rgba(116,198,157,.35);color:#74c69d73;box-shadow:none}.spin-btn-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#00000040;font-size:10px;font-weight:900;line-height:1;margin-left:5px;vertical-align:middle}.spin-indicator{display:flex;align-items:center;gap:5px}.spin-dot{width:5px;height:5px;border-radius:50%;background:var(--g800);animation:spin-pulse .9s infinite ease-in-out}.spin-dot:nth-child(2){animation-delay:.15s}.spin-dot:nth-child(3){animation-delay:.3s}@keyframes spin-pulse{0%,80%,to{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.qb-reveal-card{border:1px solid var(--border);border-left:3px solid var(--qb-color, var(--accent));border-radius:6px;overflow:hidden;display:flex;align-items:stretch}.qb-reveal-text{flex:1;padding:16px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.qb-reveal-hero{width:90px;align-self:stretch;flex-shrink:0;background:var(--grey-900);overflow:hidden}.qb-pfp-hero{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:contrast(1.08) brightness(.88) saturate(1.1)}.qb-pfp{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--qb-color, var(--border));flex-shrink:0;display:block}.qb-reveal-name{font-size:13px;font-weight:800;letter-spacing:-.3px;color:#fff;line-height:1.2}.qb-reveal-meta{font-size:9.5px;color:#ffffff80;font-weight:500;margin-top:2px;letter-spacing:-.1px}.qb-respin-btn{width:28px;height:28px;border-radius:7px;border:1px solid rgba(149,213,178,.14);background:#95d5b20d;color:var(--text-4);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.qb-respin-btn:hover{background:#95d5b21f;border-color:#95d5b24d;color:var(--accent)}.qb-respin-used{font-size:8.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-4);opacity:.5;text-align:right;padding:0 12px 7px}.attr-category-section{display:flex;flex-direction:column;gap:4px}.attr-category-hd{display:flex;align-items:center;gap:6px;padding:0 0 2px}.attr-category-line{flex:1;height:1px;background:#95d5b212}.attr-category-lbl{font-size:8.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-4)}.attr-chip{display:flex;align-items:center;gap:8px;padding:6px 9px 6px 11px;border-radius:6px;border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--chip-col, var(--border));background:#ffffff0a;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .12s var(--ease)}.attr-chip:hover{background:#ffffff14}.attr-chip:active{cursor:grabbing}.chip-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.chip-name{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--chip-col);line-height:1}.chip-qb{display:none}.chip-val{font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;min-width:28px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1}.chip-hint,.chip-dot,.chip-qb-avatar{display:none}.chip-dragging{opacity:.3!important;transform:scale(.96) translateZ(0)!important;pointer-events:none}.spin-hint-text{text-align:center;padding:18px 0 4px;color:var(--text-4);font-size:11.5px;font-weight:500;letter-spacing:-.1px;line-height:1.6}.field-center{display:flex;flex-direction:column;align-items:center;padding:0 24px 8px;gap:0;overflow:hidden;position:relative;min-height:0;height:100%}.category-pills{display:flex;gap:0;flex-shrink:0;margin-top:10px;margin-bottom:6px;align-items:flex-end;justify-content:center;position:relative}.cat-pill:nth-child(2){--pc: 251, 146, 60}.cat-pill:nth-child(3){--pc: 167, 139, 250}.cat-pill:nth-child(4){--pc: 56, 189, 248}.cat-pill{width:110px;padding:11px 0 13px;background:#0000008c;border:1px solid rgba(255,255,255,.27);border-right:none;color:#ffffff94;font-family:var(--font);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;text-align:center;cursor:pointer;position:relative}.cat-pill:nth-child(2){border-radius:5px 0 0 5px}.cat-pill:last-child{border-right:1px solid rgba(255,255,255,.27);border-radius:0 5px 5px 0}.cat-pill:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:rgb(var(--pc));transform:scaleX(0)}.cat-pill.active{background:rgba(var(--pc),.32);color:#fff}.cat-pill.active:after{transform:scaleX(1)}.sil-wrap{position:relative;width:100%;height:calc(100dvh - 130px);overflow:visible;margin-top:25px;flex-shrink:0}.sil-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(.75px)}.color-region{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;pointer-events:none;z-index:2}.player-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;mix-blend-mode:luminosity;filter:brightness(1.1) saturate(.9);z-index:1}.player-img.player-visible{opacity:1}.helmet-overlay{position:absolute;pointer-events:none;z-index:4}.qb-figure-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;pointer-events:none;z-index:1}.player-qbfig{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:blur(.75px);opacity:.85}.cz-lines-svg path{transition:opacity .22s cubic-bezier(.4,0,.2,1)}.cz-lines-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.cz-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cz-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#e8192c;border:1.5px solid #ff4455;box-shadow:0 0 8px #e8192c8c;transform:translate(-50%,-50%) scale(1);z-index:10;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)}.cz-card{position:absolute;width:207px;border:none;border-radius:5px;overflow:hidden;pointer-events:all;transform:translateY(-50%) translate(0);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s;cursor:default;box-shadow:0 2px 14px #0000008c}.cz-left{left:0}.cz-right{right:0}.cz-hidden{opacity:0;pointer-events:none}.cz-left.cz-hidden,.cz-left.cz-invisible{transform:translateY(-50%) translate(-10px)}.cz-right.cz-hidden,.cz-right.cz-invisible{transform:translateY(-50%) translate(10px)}.cz-dot.cz-hidden{transform:translate(-50%,-50%) scale(.35)}.cz-invisible{opacity:0}.cz-drop-zone{position:absolute;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px dashed rgba(232,25,44,.75);background:#e8192c1a;box-shadow:0 0 18px #e8192c66;animation:cz-pulse 1.4s ease-in-out infinite;z-index:20}.cz-can-drop{box-shadow:0 0 20px #e8192c8c}.cz-drag-over{box-shadow:0 0 30px #e8192ccc}.cz-tag{display:block;width:100%;text-align:center;background:#e8192c;color:#fff;font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:10px 8px;line-height:1.25}.cz-player-drop{display:flex;align-items:stretch;background:#fff;animation:cz-drop-in .38s cubic-bezier(.22,1,.36,1) both}@keyframes cz-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cz-drop-hint{height:58px;margin:3px;border-radius:3px;border:1.5px dashed rgba(232,25,44,.55);background:#e8192c0d}.cz-headshot{width:58px;height:58px;object-fit:cover;object-position:top center;flex-shrink:0;border-radius:0}.cz-qb-name{font-size:15px;font-weight:900;color:#e8192c;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 6px;line-height:1.3}@keyframes cz-pulse{0%,to{box-shadow:0 0 14px #e8192c47}50%{box-shadow:0 0 28px #e8192c94}}.cz-can-drop{animation:cz-pulse 1.6s ease-in-out infinite}.progress-strip{display:flex;gap:5px;flex-shrink:0;padding-top:10px}.p-seg{height:2px;width:28px;border-radius:2px;background:#ffffff12;transition:background-color .3s var(--ease),box-shadow .3s var(--ease)}.p-seg.on{background:var(--accent);box-shadow:0 0 7px var(--accent)}.htp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49}.right-panel-wrap{position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;box-shadow:inset 2px 0 #95d5b28c}.right-panel-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(149,213,178,.07) 1px,transparent 1px);background-size:100% 18px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 32%,transparent 68%,black 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 32%,transparent 68%,black 100%)}.htp-dropdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-raised);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px;padding:18px 16px 20px;overflow-y:auto;scrollbar-width:none;transform:translateY(-100%);transition:transform .34s cubic-bezier(.25,.46,.45,.94)}.htp-dropdown::-webkit-scrollbar{display:none}.htp-dropdown.open{transform:translateY(0)}.htp-drop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.htp-drop-title{font-size:13px;font-weight:800;letter-spacing:-.4px;color:var(--g50)}.htp-drop-close{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-4);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s var(--ease),border-color .15s var(--ease)}.htp-drop-close:hover{color:var(--text-2);border-color:var(--border-hi)}.htp-steps{display:flex;flex-direction:column;gap:12px}.htp-drop-step{display:flex;gap:10px;align-items:flex-start}.htp-drop-num{width:20px;height:20px;border-radius:50%;background:#95d5b21a;border:1px solid var(--border-hi);color:var(--accent);font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.htp-drop-step-title{font-size:11.5px;font-weight:700;letter-spacing:-.3px;color:var(--g50);margin-bottom:2px}.htp-drop-step-body{font-size:11px;color:var(--text-3);line-height:1.55;font-weight:400;letter-spacing:-.1px}.htp-drop-tip{background:#95d5b20d;border:1px solid rgba(149,213,178,.12);border-radius:8px;padding:10px 12px;font-size:11px;color:var(--text-2);line-height:1.55;letter-spacing:-.1px}.htp-drop-tip strong{color:var(--accent)}.nav-ghost-btn.nav-ghost-active{background:#95d5b214;border-color:#95d5b240;color:var(--text-2)}.panel-right{background:var(--bg-raised);border:1px solid var(--border-hi);display:flex;flex-direction:column;overflow:hidden;flex:1}.ovr-block{padding:16px 18px 12px;border-bottom:1px solid var(--border);text-align:center;flex-shrink:0}.ovr-label{font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-4);margin-bottom:4px}.ovr-number{font-size:62px;font-weight:900;letter-spacing:-5px;line-height:1;color:#ffffff12;transition:color .4s var(--ease),text-shadow .4s var(--ease);font-variant-numeric:tabular-nums}.ovr-number.lit{color:var(--accent);text-shadow:0 0 44px rgba(149,213,178,.26)}.ovr-arch{font-size:10.5px;color:var(--text-2);font-weight:600;margin-top:4px;min-height:16px;letter-spacing:.8px}.build-slots{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:5px;scrollbar-width:none}.build-slots::-webkit-scrollbar{display:none}.build-slot{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid transparent;min-height:50px;transition:background-color .22s var(--ease),border-color .22s var(--ease),opacity .22s var(--ease)}.build-slot.empty{border-style:dashed;border-color:#ffffff0d;opacity:.4}.build-slot.filled{background:#ffffff03}.build-slot.filled.sl-arm-strength{border-color:#f871713d}.build-slot.filled.sl-mobility{border-color:#60a5fa3d}.build-slot.filled.sl-strength{border-color:#fb923c3d}.build-slot.filled.sl-football-iq{border-color:#a78bfa3d}.build-slot.filled.sl-composure{border-color:#fbbf243d}.build-slot.filled.sl-accuracy{border-color:#34d39933}.sl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sl-text{flex:1;min-width:0}.sl-type{font-size:8px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-4);margin-bottom:2px}.sl-qb-name{font-size:11.5px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--g50)}.sl-empty-hint{font-size:10.5px;color:var(--text-4);font-weight:400}.sl-val{font-size:20px;font-weight:900;letter-spacing:-.8px;flex-shrink:0;font-variant-numeric:tabular-nums}.sl-arm-strength .sl-val{color:var(--c-arm)}.sl-mobility .sl-val{color:var(--c-mob)}.sl-strength .sl-val{color:var(--c-str)}.sl-football-iq .sl-val{color:var(--c-iq)}.sl-leadership .sl-val{color:var(--c-lead)}.sl-composure .sl-val{color:var(--c-comp)}.sl-accuracy .sl-val{color:var(--c-acc)}.sl-pocket-presence .sl-val{color:var(--c-pkt)}.hw-tracker{display:flex;align-items:center;justify-content:center;gap:0;margin:0 12px 4px;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;overflow:hidden}.hw-tracker-spin{margin:16px 0 0}.hw-tracker-pills{position:absolute;transform:translate(-400px,50px);min-width:220px;background:#080c1299;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 4px 28px #00000080,inset 0 1px #ffffff12;border-radius:8px;pointer-events:none}.hw-tracker-pills .hw-stat{padding:16px 0 14px}.hw-tracker-pills .hw-label{font-size:11px;letter-spacing:2px;margin-bottom:6px}.hw-tracker-pills .hw-value{font-size:32px;letter-spacing:-1px}.hw-tracker-pills .hw-empty{font-size:26px}.hw-tracker-pills .hw-unit{font-size:14px}.hw-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 8px}.hw-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.hw-label{font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);line-height:1;margin-bottom:4px}.hw-value{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1}.hw-empty{color:var(--text-dim);font-size:16px}.hw-unit{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:0}.panel-footer{padding:10px 12px 12px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.balance-lbl{font-size:8.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-4)}.balance-num{font-size:9px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.balance-track{height:2px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-bottom:10px}.balance-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent-dk),var(--accent));transition:width .5s var(--ease)}.sim-btn{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1.5px solid rgba(8,28,21,.32);font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:-.1px;cursor:pointer;will-change:transform;transform:translateZ(0);transition:background-color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}.sim-btn:disabled{background:#74c69d2e;border-color:#081c151a;color:#081c1547;box-shadow:none;cursor:not-allowed;transform:none}.sim-btn:not(:disabled){background:#74c69d;color:#081c15;box-shadow:0 1px 3px #0000002e}.sim-btn:not(:disabled):hover{background:#84d0aa;box-shadow:0 2px 8px #00000038;transform:translateY(-1px) translateZ(0)}.sim-btn:not(:disabled):active{transform:scale(.97) translateZ(0);box-shadow:0 1px 2px #00000026}.reset-btn{width:100%;padding:7px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-4);font-family:var(--font);font-size:10.5px;font-weight:500;cursor:pointer;transition:border-color .17s var(--ease),color .17s var(--ease)}.reset-btn:hover{border-color:var(--border-hi);color:var(--text-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040806e6;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .24s var(--ease)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border-hi);border-radius:18px;padding:26px;width:600px;max-width:94vw;max-height:90vh;overflow-y:auto;transform:translateY(12px) scale(.98);transition:opacity .24s var(--ease),transform .24s var(--ease);scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal-overlay.open .modal{transform:none}.modal-header{margin-bottom:20px}.modal-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-4);margin-bottom:4px}.modal-title{font-size:26px;font-weight:900;letter-spacing:-.8px;color:var(--g50);line-height:1.1}.modal-sub{font-size:13px;color:var(--text-2);margin-top:4px;font-weight:400;letter-spacing:-.1px}.sim-diagram{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;margin-bottom:22px;min-height:260px}.sim-callouts-left,.sim-callouts-right{display:flex;flex-direction:column;gap:16px}.sim-callouts-left{align-items:flex-end}.sim-callouts-right{align-items:flex-start}.sim-callout{display:flex;flex-direction:column;gap:1px}.callout-part{font-size:8.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--callout-col, var(--text-4));line-height:1}.callout-name{font-size:11px;font-weight:600;letter-spacing:-.2px;color:var(--text-2);line-height:1.3}.callout-val{font-size:19px;font-weight:900;letter-spacing:-.8px;color:var(--callout-col, var(--g50));line-height:1;font-variant-numeric:tabular-nums}.sim-player-fig{width:160px;height:240px;flex-shrink:0}.sim-player-fig img{width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:screen;opacity:.75}.sim-summary-band{background:var(--grey-900);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:14px;margin-bottom:18px}.sim-ovr-badge{width:50px;height:50px;border-radius:10px;background:#95d5b217;border:1px solid var(--border-hi);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.sob-num{font-size:20px;font-weight:900;color:var(--accent);letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}.sob-lbl{font-size:7px;font-weight:700;letter-spacing:.8px;color:var(--text-4);margin-top:1px}.sim-tag-list{display:flex;flex-wrap:wrap;gap:4px}.sim-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;padding:3px 8px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);letter-spacing:.1px;color:var(--text-2)}.sim-tag-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.season-section{margin-bottom:18px}.section-lbl{font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-4);margin-bottom:8px}.tl-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);animation:fadeSlideUp .28s var(--ease) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tl-wk{font-size:9px;font-weight:700;color:var(--text-4);width:38px;flex-shrink:0;letter-spacing:.3px}.tl-vs{flex:1;font-size:12px;font-weight:500;letter-spacing:-.1px}.tl-w{color:var(--accent)}.tl-l{color:#f87171}.tl-sc{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:-.2px;font-variant-numeric:tabular-nums}.sb-result{border-radius:12px;padding:14px;text-align:center;margin-bottom:16px;border:1px solid rgba(149,213,178,.22);background:linear-gradient(135deg,#95d5b20f,#40916c05)}.sb-result-title{font-size:17px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px;color:var(--g50)}.sb-result-sub{font-size:12px;color:var(--text-2);margin-bottom:12px;letter-spacing:-.1px}.sb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sb-stat{background:#ffffff08;border-radius:8px;padding:8px}.sb-stat-val{font-size:18px;font-weight:900;color:var(--accent);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.sb-stat-lbl{font-size:7.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-4);margin-top:2px}.modal-actions{display:flex;gap:8px}.mbtn{flex:1;padding:11px;border-radius:100px;border:none;font-family:var(--font);font-size:12.5px;font-weight:700;letter-spacing:-.1px;cursor:pointer;transition:background-color .17s var(--ease),border-color .17s var(--ease),color .17s var(--ease)}.mbtn-primary{background:var(--accent);color:var(--g800)}.mbtn-primary:hover{background:var(--accent-hi)}.mbtn-secondary{background:transparent;border:1px solid var(--border-hi);color:var(--text-2)}.mbtn-secondary:hover{color:var(--g50);border-color:#95d5b259}.mbtn-full{width:100%}.htp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040806e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}.htp-overlay.open{opacity:1;pointer-events:all}.htp-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:16px;padding:24px;width:400px;max-width:90vw;transform:scale(.97) translateZ(0);transition:transform .22s var(--ease-spring)}.htp-overlay.open .htp-card{transform:none}.htp-title{font-size:18px;font-weight:900;letter-spacing:-.5px;margin-bottom:3px;color:var(--g50)}.htp-sub{font-size:12.5px;color:var(--text-2);margin-bottom:18px;letter-spacing:-.1px}.htp-step{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.htp-num{width:22px;height:22px;border-radius:50%;background:#95d5b21a;border:1px solid var(--border-hi);color:var(--accent);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.htp-text{font-size:12.5px;color:var(--text-2);line-height:1.55;padding-top:1px;letter-spacing:-.1px}.htp-text strong{color:var(--g50)}.htp-tip{background:#95d5b20d;border:1px solid rgba(149,213,178,.14);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text-2);margin:12px 0 16px;line-height:1.5;letter-spacing:-.1px}.htp-tip strong{color:var(--accent)}@media (max-width: 640px){body{overflow:hidden}.navbar{height:44px;padding:0 10px;gap:6px}.logo-text{font-size:11px}.logo-workshop{font-size:10px}.tab-pill{font-size:10px;padding:3px 10px}.tab-pill-qb{left:calc(50% + 4px)}.nav-pills-soon{left:calc(50% + 46px);transform:translateY(-50%) scale(.6);transform-origin:left center;gap:2px}.game-layout{grid-template-columns:175px 1fr;grid-template-rows:1fr 88px}.spin-panel{grid-column:1;grid-row:1}.field-center{grid-column:2;grid-row:1;padding:0 4px 4px}.right-panel-wrap{grid-column:1 / 3;grid-row:2;border-top:1px solid var(--border);overflow:hidden}.panel-right{border-left:none;border-radius:0}.spin-panel-body{padding:10px 8px 12px;gap:10px}.reels-row{gap:4px}.reel-label{font-size:7.5px;letter-spacing:1.2px}.reel-primary{font-size:12px}.reel-secondary{font-size:9px}.reel-window{height:176px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 18%,black 35%,black 65%,rgba(0,0,0,.45) 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 18%,black 35%,black 65%,rgba(0,0,0,.45) 82%,transparent 100%)}.spin-btn{height:42px;font-size:17px;letter-spacing:2px}.qb-reveal-name{font-size:11.5px}.qb-reveal-meta{font-size:9.5px}.qb-pfp-large{height:130px}.attr-chip{padding:9px 10px 9px 11px;gap:9px}.chip-qb{font-size:11px}.chip-val{font-size:22px}.chip-qb{font-size:7.5px}.chip-val{font-size:16px}.chip-hint{display:none}.category-pills{gap:5px;margin-top:60px;margin-bottom:4px}.cat-pill{font-size:10px;padding-left:10px;padding-right:10px;padding-bottom:5px;letter-spacing:.2px;touch-action:manipulation}.cat-pill{width:80px;font-size:8.5px;letter-spacing:1.5px}.sil-wrap{height:38vh}.dz-ring{width:50px;height:43px;border-radius:8px}.dz-val{font-size:15px}.dz-plus{font-size:17px}.dz-lbl{font-size:6.5px;letter-spacing:.6px}.build-slots{display:none}.panel-right{flex-direction:row;align-items:stretch;height:100%;gap:0;padding-bottom:env(safe-area-inset-bottom,0px)}.ovr-block{width:175px;min-width:175px;padding:0 12px;border-bottom:none;border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.ovr-label{display:none}.ovr-number{font-size:28px;letter-spacing:-2px;line-height:1}.ovr-arch{font-size:7px;margin-top:2px;letter-spacing:.3px;white-space:nowrap}.panel-footer{flex:1;flex-direction:row;align-items:center;padding:0 10px;gap:8px;border-top:none}.sim-btn{flex:1;height:40px;font-size:12px}.reset-btn{display:block;flex-shrink:0;height:40px;padding:0 12px;font-size:9.5px;border-radius:8px;white-space:nowrap}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:90dvh;border-radius:16px 16px 0 0;margin:0;padding:20px 16px}}