: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}html{background:#090a0d}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:38px;height:38px;border-radius:10px;margin-right:-3px;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:270px;background:#0f1318;border:1px solid rgba(149,213,178,.12);border-radius:16px;padding:8px;z-index:200;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 32px #0009,0 0 0 1px #0006}.wm-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;border:none;background:transparent;color:var(--text-2);font-family:var(--font);font-size:14px;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-row-auth{color:var(--text-2);cursor:pointer}.wm-row-auth:hover{background:#95d5b212;color:var(--accent)}.wm-row-user{cursor:default}.wm-label-user{color:var(--text-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.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:22px;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:6px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:.6;pointer-events:none}.nav-pills-soon .tab-pill{font-size:11px}.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:14px;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;min-height:50px;width:100%;box-sizing:border-box;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:2px solid rgba(8,28,21,.1);color:#081c1547;box-shadow:none;cursor:not-allowed;transform:none}.spin-btn.spin-btn-wait:disabled{background:transparent;border:2px solid rgba(116,198,157,.35);color:#74c69d73;box-shadow:none}.spin-btn-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#00000040;font-size:12px;font-weight:900;line-height:1;margin-left:6px;vertical-align:middle;position:relative;top:-1px;padding-top:1px;padding-left:3px}.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:5px}.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:18px;font-weight:900;letter-spacing:-.5px;color:#fff;min-width:28px;text-align:right;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}.hint-mobile-assign{display:none}.field-center{display:flex;flex-direction:column;align-items:center;padding:0 90px 8px;gap:0;overflow:hidden;position:relative;min-height:0;height:100%}.category-pills{display:flex;gap:8px;flex-shrink:0;margin-top:10px;margin-bottom:6px;z-index:15;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-radius:5px;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: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:none;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased}.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:none;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)}.about-page{min-height:calc(100vh - 56px);overflow-y:auto;background:#0a0a0a;padding:40px 20px 80px}.about-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.about-header{display:flex;align-items:center;gap:20px;padding-bottom:32px;border-bottom:1px solid var(--border)}.about-nfl-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}.about-title{font-family:var(--font-outfit);font-size:32px;font-weight:800;color:var(--g50);letter-spacing:-.5px;line-height:1.1}.about-title em{color:var(--accent);font-style:normal}.about-subtitle{font-size:13px;color:var(--text-3);margin-top:4px;letter-spacing:.2px}.about-section{display:flex;flex-direction:column;gap:12px}.about-section-title{font-family:var(--font-inter);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0}.about-body{font-size:14px;color:#ffffffd1;line-height:1.7;margin:0}.about-coming-grid{display:flex;gap:12px}.about-coming-card{flex:1;border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:4px;background:var(--grey-900)}.about-coming-card.active{border-color:#95d5b24d;background:#95d5b20a}.about-coming-pos{font-family:var(--font-inter);font-size:22px;font-weight:900;color:var(--g50);letter-spacing:-.5px}.about-coming-label{font-size:12px;font-weight:600;color:var(--text-2)}.about-coming-status{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-top:4px}.about-coming-status.soon{color:var(--text-3)}.about-logos-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.about-logo-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--grey-900);border:1px solid var(--border);padding:8px;transition:border-color .2s ease,background .2s ease}.about-logo-item:hover{border-color:#95d5b240;background:#95d5b20a}.about-logo-img{width:100%;height:100%;object-fit:contain}.about-disclaimer{font-size:11.5px;color:#ffffff8c;line-height:1.7;margin:0;opacity:1}.about-back-btn{align-self:flex-start;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:13px;font-weight:600;padding:10px 18px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.about-back-btn:hover{border-color:#95d5b259;color:var(--g50)}.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:-3px;line-height:1;color:#ffffff12;transition:color .4s var(--ease),text-shadow .4s var(--ease)}.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:18px;font-weight:900;letter-spacing:-.5px;flex-shrink:0}.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)}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080b09;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity .4s ease}.splash-screen.splash-in{opacity:1}.splash-field-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none;z-index:0}.splash-yard-line{width:100%;height:1px;background:#95d5b20d;transition:opacity .5s ease}.splash-glow{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(116,198,157,.12) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .8s ease}.splash-header{position:relative;z-index:3;text-align:center;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);margin-bottom:-20px}.splash-title{font-family:Impact,Arial Narrow Bold,sans-serif;font-size:clamp(64px,13vw,118px);font-weight:900;line-height:.88;letter-spacing:-2px;color:#fff;text-transform:uppercase}.splash-title em{font-style:normal;color:var(--accent)}.splash-subtitle{font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,3.5vw,28px);color:var(--text-3);letter-spacing:3px;margin-top:6px;opacity:.75}.splash-figure-wrap{position:relative;z-index:2;width:clamp(180px,32vw,340px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}.splash-figure{width:100%;display:block;filter:brightness(0) invert(1) opacity(.08)}.splash-figure-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70%;height:40px;background:radial-gradient(ellipse,rgba(116,198,157,.35) 0%,transparent 80%);filter:blur(8px)}.splash-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:100px;border:1px solid;background:#080b09d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Inter,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.splash-chip-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.splash-footer{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:-10px;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.splash-tagline{font-size:11px;color:var(--text-4);letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.splash-modes{display:flex;flex-direction:row-reverse;gap:14px;align-items:stretch;margin-bottom:18px}.splash-mode-classic,.splash-mode-lite{border:none;border-radius:18px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:6px}.splash-mode-classic{background:linear-gradient(145deg,#5edbd824,#1fc98a1a);border:1.5px solid rgba(94,219,216,.35);padding:20px 22px 18px;flex:1.6}.splash-mode-classic:hover{transform:translateY(-3px) scale(1.02)}.splash-mode-classic:active{transform:scale(.98)}.splash-mode-lite{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);padding:18px 18px 16px;flex:1}.splash-mode-lite:hover{transform:translateY(-2px);background:#ffffff12;border-color:#ffffff2e}.splash-mode-lite:active{transform:scale(.98)}.smode-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5edbd8;background:#5edbd81f;border:1px solid rgba(94,219,216,.25);border-radius:100px;padding:2px 9px;margin-bottom:2px;width:fit-content}.smode-title{font-family:Impact,Arial Narrow Bold,sans-serif;font-size:28px;letter-spacing:2px;color:#fff;line-height:1}.splash-mode-lite .smode-title{font-size:20px;color:#ffffffb3}.smode-cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-family:Impact,Arial Narrow Bold,sans-serif;font-size:15px;letter-spacing:2px;color:#5edbd8;white-space:nowrap}.splash-mode-lite .smode-cta{color:#ffffff73}.splash-disclaimer{font-size:9px;color:var(--text-4);letter-spacing:.5px;opacity:.45}@media (max-width: 768px){.splash-chip{display:none}.smode-title{font-size:20px}.splash-mode-classic{padding:16px 16px 14px}.splash-mode-lite{padding:16px 14px 14px}.splash-glow{width:300px;height:300px}.splash-header{position:absolute;top:10vh;left:0;right:0;text-align:center;margin-top:0}.splash-screen{justify-content:space-between;padding-top:30vh;padding-bottom:max(env(safe-area-inset-bottom,0px),28px)}.splash-figure-wrap{width:clamp(160px,44vw,260px);margin-bottom:0}.splash-footer{margin-top:0;gap:20px;width:100%;padding:0 20px}.splash-modes{margin-bottom:0;width:100%;flex-direction:row-reverse}.splash-mode-classic,.splash-mode-lite{min-width:0;flex-shrink:1;overflow:hidden}.splash-mode-classic{flex:1.4}.splash-mode-lite{flex:1}.splash-mode-lite .smode-cta{font-size:12px;letter-spacing:1px;gap:5px}}@media (max-width: 768px){.navbar{padding:0 12px}.logo-text{font-size:16px;margin-left:-2px}.tab-pill{font-size:8.5px;padding:3px 8px;letter-spacing:.3px}.tab-soon-label{font-size:7px;letter-spacing:.3px}.tab-pill-qb{left:50%;transform:translate(-50%)}.nav-pills-soon{left:calc(50% + 36px);gap:3px}.nav-pills-soon .tab-pill{font-size:7px;padding:2px 6px}.nav-pills-soon .tab-soon-label{font-size:6px}body{overflow-y:auto;overflow-x:hidden}#root{height:auto;min-height:100dvh}.game-layout{display:flex;flex-direction:column;height:calc(100dvh - 116px);overflow:hidden}.mobile-spin .spin-panel{display:flex}.mobile-spin .field-center,.mobile-spin .right-panel-wrap,.mobile-build .spin-panel{display:none}.mobile-build .field-center{display:flex;flex:none}.mobile-build .right-panel-wrap{display:flex;flex-shrink:0}.game-layout.mobile-build{height:auto;overflow:visible}.spin-panel{width:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:none}.spin-panel::-webkit-scrollbar{display:none}.spin-panel{border:none;background-color:var(--bg-raised);background-image:linear-gradient(to bottom,var(--bg-raised) 0%,var(--bg-raised) 40%,transparent 70%),linear-gradient(45deg,rgba(149,213,178,.2) 1px,transparent 1px),linear-gradient(-45deg,rgba(149,213,178,.2) 1px,transparent 1px);background-size:100% 100%,16px 16px,16px 16px;background-repeat:no-repeat,repeat,repeat;background-position:0 0,0 10px,0 10px;background-attachment:scroll,fixed,fixed;overscroll-behavior:none}.spin-panel:before{display:none}.spin-panel-body{flex:none;overflow-y:visible;padding:10px 14px 80px;gap:14px}.spin-btn{width:62%;align-self:center;height:56px;min-height:56px}.reels-wrap{padding:0 36px}.reels-row{gap:8px}.reel-outer{border-radius:16px}.reel-tri-l{left:26px}.reel-tri-r{right:26px}.spin-panel-body{min-height:100%}.chip-hint{display:none}.hint-mobile-assign{display:inline}.attr-chip{cursor:pointer;touch-action:manipulation;padding:11.5px 10px;border-radius:10px}.attr-category-lbl{font-size:13px;color:#fff;letter-spacing:1px}.attr-category-line{height:2px}.field-center{width:100%;height:360px;padding:0 16px 8px;overflow:hidden;flex-shrink:0}.category-pills{margin-top:8px;margin-bottom:4px;gap:6px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-pills::-webkit-scrollbar{display:none}.cat-pill{width:104px;flex-shrink:0;font-size:10px;letter-spacing:1.5px;padding:11px 0 13px;border-radius:5px;touch-action:manipulation}.sil-wrap{height:calc(100% - 60px);margin-top:6px}.cz-card,.cz-lines-svg{display:none}.right-panel-wrap{width:100%;flex-shrink:0;box-shadow:inset 0 2px #95d5b28c;padding-bottom:env(safe-area-inset-bottom,0px)}.panel-right{border-left:none;border-top:1px solid var(--border-hi);overflow:visible}.ovr-block{padding:14px 18px 10px}.ovr-number{font-size:52px;letter-spacing:-4px}.build-slots{max-height:280px;display:flex;gap:8px}.build-slot{padding:5px 10px;min-height:36px}.sl-type{font-size:8px;letter-spacing:1.2px;margin-bottom:2px;line-height:1.2}.sl-qb-name{font-size:11px;line-height:1.2}.sl-empty-hint{font-size:10px}.sl-dot{width:8px;height:8px}.panel-footer{flex-direction:row;gap:8px}.sim-btn{flex:2}.reset-btn{flex:1;height:38px;white-space:nowrap;font-size:10px}.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}.sim-diagram{grid-template-columns:1fr 100px 1fr;min-height:180px}.sim-player-fig{width:100px;height:160px}.mobile-build .field-center{height:62svh;padding:0 6px 8px;overflow:clip}.mobile-build .sil-img,.mobile-build .player-qbfig{filter:none}.mobile-build .sil-wrap{flex:1;min-height:0;height:auto;width:66%;margin:4px auto 0;overflow:visible}.mobile-build .right-panel-wrap{overflow:visible;background:var(--bg-raised);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.mobile-build .panel-right{overflow:visible}.mobile-build .build-slots{max-height:none;overflow-y:visible}.mobile-build .cz-card{display:block;width:82px}.mobile-build .cz-lines-svg{display:block;overflow:visible}.mobile-build .cz-left{left:-64px}.mobile-build .cz-right{right:-64px}.mobile-build .cz-tag{font-size:7px;letter-spacing:.5px;padding:5px 3px}.mobile-build .cz-headshot{width:30px;height:30px}.mobile-build .cz-qb-name{font-size:8px;letter-spacing:.2px;padding:0 3px;line-height:1.2}.mobile-build .cz-drop-hint{height:30px;margin:2px}.mobile-build .cz-dot{width:8px;height:8px}}.mobile-tab-bar{display:none}@media (max-width: 768px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--grey-950, #0a0f0c);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.mtab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-4);background:none;border:none;cursor:pointer;position:relative;transition:color .15s ease}.mtab.active{color:var(--accent)}.mtab.active svg{stroke:var(--accent)}.mtab-sep{width:1px;align-self:stretch;margin:12px 0;background:var(--border);flex-shrink:0}.mtab-badge{position:absolute;top:6px;right:calc(50% - 22px);background:var(--accent);color:#061a0f;font-size:8px;font-weight:900;border-radius:100px;padding:1px 5px;line-height:1.4}}@media (hover: none){.attr-chip{transition:none;-webkit-tap-highlight-color:transparent}.attr-chip:hover{background:#ffffff0a}.spin-btn:hover:not(:disabled){background:linear-gradient(to right,#5edbd8,#3dd6a3)}.qb-respin-btn:hover{background:none;border-color:var(--border-hi);color:var(--text-2)}.splash-mode-classic:hover{transform:none}.splash-mode-lite:hover{transform:none;background:#ffffff0a;border-color:#ffffff1a}.wm-row:hover{background:none}.reset-btn:hover{border-color:var(--border);color:var(--text-3)}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.auth-modal{background:var(--bg-raised);border:1px solid rgba(149,213,178,.14);border-radius:14px;padding:32px 28px 28px;width:100%;max-width:380px;position:relative;box-shadow:0 24px 60px #0009}.auth-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--text-4);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.auth-close:hover{color:var(--text)}.auth-logo{font-family:var(--font-inter);font-size:15px;font-weight:800;color:var(--text);margin-bottom:22px;letter-spacing:.3px}.auth-logo em{font-style:normal;color:#70ff88}.auth-tabs{display:flex;gap:2px;background:#ffffff0a;border-radius:8px;padding:3px;margin-bottom:22px}.auth-tab{flex:1;background:none;border:none;border-radius:6px;padding:7px 0;font-size:12.5px;font-weight:600;color:var(--text-3);cursor:pointer;transition:background .15s,color .15s}.auth-tab.active{background:#95d5b21f;color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.4px;text-transform:uppercase}.auth-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;font-size:13.5px;color:var(--text);font-family:var(--font-inter);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.auth-input:focus{border-color:#95d5b266}.auth-input::placeholder{color:var(--text-4)}.auth-error{font-size:12px;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:6px;padding:8px 10px}.auth-submit{margin-top:4px;background:linear-gradient(to right,#5edbd8,#3dd6a3);color:#0a1a14;border:none;border-radius:8px;padding:11px 0;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;width:100%;transition:opacity .15s}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:8px 0}.auth-done-icon{width:44px;height:44px;border-radius:50%;background:#95d5b226;color:var(--accent);font-size:20px;display:flex;align-items:center;justify-content:center}.auth-done-title{font-size:15px;font-weight:700;color:var(--text)}.auth-done-body{font-size:12.5px;color:var(--text-3);line-height:1.6}.auth-done-body strong{color:var(--text-2)}.auth-done .auth-submit{margin-top:8px}