:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--transition-base: .15s ease}:root,[data-theme=dark]{--primary: #ff5db1;--primary-hover: #ff3d9f;--primary-light: rgba(255, 93, 177, .15);--success: #6dd4a8;--error: #ff7aa6;--info: #7eb8f7;--background: #0d0a14;--surface-color: #1a1330;--border-color: rgba(255,255,255,.08);--divider-color: rgba(255,255,255,.06);--text-primary: #f4eef9;--text-secondary: #bdb1d8;--font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--shadow-sm: 0 1px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6)}[data-theme=light]{--primary: #ff3d7d;--primary-hover: #e0285e;--primary-light: rgba(255, 61, 125, .12);--success: #1f8a5b;--error: #c81c5a;--info: #2563eb;--background: #fff5e8;--surface-color: #ffffff;--border-color: rgba(43,19,56,.1);--divider-color: rgba(43,19,56,.06);--text-primary: #2a1338;--text-secondary: #6b4d7e;--font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--shadow-sm: 0 1px 4px rgba(43,19,56,.06);--shadow-md: 0 4px 16px rgba(43,19,56,.12);--shadow-lg: 0 8px 32px rgba(43,19,56,.16);--shadow-xl: 0 16px 48px rgba(43,19,56,.2)}:root{--pink: #ff3d7d;--pink-soft: #ff8fb5;--pink-glow: rgba(255, 61, 125, .18);--plum: #5b2a86;--plum-deep: #2a1338}[data-theme=light]{--bg: #fff5e8;--bg-2: #fbe9d4;--surface: #ffffff;--surface-2: #fff9f0;--line: rgba(43, 19, 56, .1);--line-strong: rgba(43, 19, 56, .18);--ink: #2a1338;--ink-soft: #6b4d7e;--ink-mute: #9b87a8;--accent: #ff3d7d;--accent-ink: #fff;--good: #1f8a5b;--bad: #c81c5a;--shadow: 0 1px 0 rgba(43, 19, 56, .04), 0 8px 24px -12px rgba(43, 19, 56, .18);--ghost-bg: radial-gradient(120% 80% at 50% 110%, #ffe1c4 0%, #fff5e8 60%);--avatar-bg: #f6e4cf}[data-theme=dark]{--bg: #0d0a14;--bg-2: #14101e;--surface: #1a1330;--surface-2: #221a3a;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--ink: #f4eef9;--ink-soft: #bdb1d8;--ink-mute: #8a7fa5;--accent: #ff5db1;--accent-ink: #1a1124;--good: #6dd4a8;--bad: #ff7aa6;--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .6);--ghost-bg: radial-gradient(120% 80% at 50% 110%, #2a1a3d 0%, #120c1e 60%);--avatar-bg: #2a1f44}html{font-size:14px;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}.db-mono{font-family:JetBrains Mono,SF Mono,Menlo,monospace}.db-display{font-weight:800;letter-spacing:-.025em}.db-italic{font-style:italic}#app{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1}.navbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:28px;background:var(--surface);position:sticky;top:0;z-index:100}.db-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-style:italic;font-size:18px;letter-spacing:-.02em;margin-right:12px;color:var(--ink);cursor:pointer}.db-brand-mark{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:16px;font-style:normal;flex-shrink:0}.db-nav-link{font-size:13px;font-weight:600;color:var(--ink-soft);padding:8px 0;position:relative;cursor:pointer;text-decoration:none;background:none;border:none;transition:color .15s}.db-nav-link:hover,.db-nav-link.active{color:var(--ink)}.db-nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;background:var(--accent);border-radius:2px}.db-nav-spacer{flex:1}.db-nav-right{display:flex;align-items:center;gap:10px}.db-nav-user{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:600;cursor:pointer}.db-avatar{width:28px;height:28px;border-radius:50%;background:var(--avatar-bg);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ink);flex-shrink:0}.db-theme-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;font-size:14px;transition:background .15s,color .15s}.db-theme-btn:hover{background:var(--bg-2);color:var(--ink)}.db-mobile-nav{display:none;position:fixed;bottom:20px;left:12px;right:12px;height:64px;border-radius:22px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 12px 32px -10px #00000059;z-index:200;align-items:center;padding:0 6px}.db-mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;color:var(--ink-mute);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border-radius:14px;cursor:pointer;border:none;background:none}.db-mobile-tab.active{color:var(--accent)}.db-page{padding:28px 32px 32px;max-width:1400px;margin:0 auto}.db-h1{font-size:28px;font-weight:800;letter-spacing:-.025em;margin:0 0 4px}.db-sub{color:var(--ink-soft);font-size:13px;margin:0}.db-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.db-card-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;letter-spacing:.02em}.db-pill{margin-left:auto;font-size:11px;font-weight:600;background:var(--bg-2);color:var(--ink-soft);padding:4px 8px;border-radius:999px}.db-leader-row{display:grid;grid-template-columns:36px 32px 1fr auto auto;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px;transition:background .1s}.db-leader-row:last-child{border-bottom:0}.db-leader-row:hover,.db-leader-row.me{background:var(--bg-2)}.db-rank{font-weight:800;font-size:14px;color:var(--ink-mute);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.db-rank.gold{color:#b8860b}.db-rank.silver{color:#8a8a90}.db-rank.bronze{color:#b06034}.db-name{font-weight:600}.db-record{color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums}.db-points{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink);font-family:JetBrains Mono,monospace}.db-bar{height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden;margin-top:4px}.db-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.3,1)}.db-game{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.db-team{padding:18px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;border-radius:12px;margin:6px;position:relative;transition:background .15s,border-color .15s}.db-team:hover{background:var(--bg-2)}.db-team.picked{border-color:var(--accent);background:var(--pink-glow)}.db-team-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}.db-team-abbr{font-size:11px;color:var(--ink-mute);font-weight:600;letter-spacing:.06em}.db-team-name{font-weight:700;font-size:14px}.db-team-record{font-size:11px;color:var(--ink-mute)}.db-vs{display:grid;place-items:center;padding:0 16px;color:var(--ink-mute);font-size:11px;font-weight:700;letter-spacing:.1em;border-left:1px dashed var(--line);border-right:1px dashed var(--line)}.db-game-meta{grid-column:1 / -1;padding:8px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2)}.db-pick-tag{font-size:10px;font-weight:700;color:var(--accent);background:var(--surface);border:1px solid var(--accent);padding:2px 6px;border-radius:999px;letter-spacing:.06em;position:absolute;top:6px;right:6px}.db-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.db-slot{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 10px;min-height:96px;display:flex;flex-direction:column;gap:6px;font-size:11px;position:relative;transition:all .2s}.db-slot.found{background:linear-gradient(180deg,var(--pink-glow),transparent);border-color:var(--accent)}.db-slot.found:before{content:"✓";position:absolute;top:6px;right:8px;color:var(--accent);font-weight:800}.db-slot-name{font-weight:800;font-size:13px;color:var(--ink);letter-spacing:-.01em}.db-slot-hint{display:flex;gap:6px;align-items:center;color:var(--ink-soft);border-radius:4px;padding:2px 0}.db-slot-hint span:first-child{color:var(--ink-mute);text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.06em;min-width:38px}.db-slot-hint span:last-child{font-weight:600}.db-input{width:100%;height:44px;padding:0 16px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:10px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.db-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--pink-glow)}.db-input::placeholder{color:var(--ink-mute)}.db-textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical;line-height:1.5}select.db-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a7fa5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:32px}.db-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;display:block}.db-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s}.db-btn:hover{background:var(--bg-2)}.db-btn:active{transform:scale(.98)}.db-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 16px -8px var(--accent)}.db-btn.primary:hover{box-shadow:0 8px 20px -8px var(--accent);filter:brightness(1.05)}.db-link{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.db-link:hover{opacity:.8}.db-link:disabled{opacity:.5;cursor:default}.db-btn.lg{height:48px;padding:0 22px;font-size:14px;border-radius:12px}.db-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:800}.db-timer-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:db-pulse 1.2s ease-in-out infinite}.db-home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.db-home-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.db-side-cards{display:flex;flex-direction:column;gap:16px}.db-picks-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.db-mascot{position:relative;display:inline-block}.db-mascot-stage{position:relative;width:100%;height:100%;background:var(--ghost-bg);border-radius:18px;overflow:hidden;display:grid;place-items:center;padding:12px}.db-mascot-stage>.db-ghost-bob,.db-mascot-stage>.db-spin-body{width:78%;height:78%;display:grid;place-items:center}.db-ghost-bob{animation:db-bob 3.4s ease-in-out infinite}.db-ghost-bob-slow{animation:db-bob 4.5s ease-in-out infinite}.db-throw-rotate{animation:db-throw-cycle 2.6s cubic-bezier(.5,.05,.55,.95) infinite,db-bob 3.4s ease-in-out infinite;transform-origin:center 70%}.db-throw-arm{transform-origin:100px 130px;animation:db-arm-throw 2.6s cubic-bezier(.7,0,.5,1) infinite}.db-football-fly{position:absolute;left:60%;top:30%;z-index:2;animation:db-ball-fly 2.6s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.db-spinner .db-spin-body{animation:db-spin 2.4s linear infinite,db-bob 3s ease-in-out infinite;transform-origin:center 60%}.db-orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:db-spin 4s linear infinite reverse;pointer-events:none}.db-orbit-star{position:absolute;left:50%;top:50%;font-size:14px;color:var(--accent);transform:rotate(calc(var(--i) * 120deg)) translateY(-68px);animation:db-twinkle 1.8s ease-in-out calc(var(--i) * .3s) infinite}.db-flag{animation:db-flag-wave 1.6s ease-in-out infinite}.db-sparkle{position:absolute;color:#ffd24a;font-size:16px;animation:db-twinkle 1.6s ease-in-out infinite}.db-bulb{position:absolute;top:6%;left:50%;transform:translate(-50%);animation:db-bulb 1.4s ease-in-out infinite}.db-eye-shift{animation:db-eye-shift 3s ease-in-out infinite;transform-origin:center}.db-ghost-eye{transform-origin:center;animation:db-blink 4.5s ease-in-out infinite}@keyframes db-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes db-spin{to{transform:rotate(360deg)}}@keyframes db-throw-cycle{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-12deg)}35%{transform:rotate(8deg)}60%{transform:rotate(0)}}@keyframes db-arm-throw{0%,to{transform:rotate(0)}20%{transform:rotate(-40deg)}35%{transform:rotate(30deg)}60%{transform:rotate(0)}}@keyframes db-ball-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(0) rotate(-20deg) scale(1);opacity:1}60%{transform:translate(120px,-80px) rotate(380deg) scale(.7);opacity:.9}75%{transform:translate(160px,-40px) rotate(540deg) scale(.4);opacity:0}to{transform:translate(0) rotate(0) scale(1);opacity:0}}@keyframes db-twinkle{0%,to{opacity:.2;transform:rotate(calc(var(--i,0) * 120deg)) translateY(-68px) scale(.6)}50%{opacity:1;transform:rotate(calc(var(--i,0) * 120deg)) translateY(-68px) scale(1.1)}}@keyframes db-flag-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes db-bulb{0%,to{transform:translate(-50%) translateY(0) scale(1);filter:drop-shadow(0 0 6px rgba(255,210,74,.6))}50%{transform:translate(-50%) translateY(-4px) scale(1.08);filter:drop-shadow(0 0 14px rgba(255,210,74,.9))}}@keyframes db-eye-shift{0%,40%,to{transform:translate(0)}60%,80%{transform:translate(3px)}}@keyframes db-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}@keyframes db-blink{0%,92%,to{transform:scaleY(1)}95%,98%{transform:scaleY(.05)}}@keyframes db-dizzy-spin{to{transform:rotate(360deg)}}.db-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);z-index:999}.db-loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.db-loading-text{color:var(--ink-soft);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.loading-spinner{display:none!important}.db-progress-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0}.db-progress-dot{height:8px;border-radius:4px}.db-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.db-badge.you{background:var(--pink-glow);color:var(--accent);border:1px solid var(--accent)}.db-footer{padding:20px 32px;text-align:center;color:var(--ink-mute);font-size:11px;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;text-decoration:none}.btn:hover{background:var(--bg-2)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 16px -8px var(--accent)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--surface)}.btn-lg{height:48px;padding:0 22px;font-size:14px;border-radius:12px}.btn-text{background:none;border:none;color:var(--accent);font-weight:700;font-size:13px;cursor:pointer;padding:0;font-family:inherit}.btn-sm{height:32px;padding:0 10px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;justify-content:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px;overflow:hidden}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;font-family:inherit;font-size:14px;padding:0 14px;height:44px;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--pink-glow)}textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical}.home-page,.picks-unified-page,.profile-page,.admin-page,.compare-page{padding:0}.error-message{text-align:center;padding:32px}.leaderboard-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px;transition:background .1s}.leaderboard-row:hover,.leaderboard-row.current-user{background:var(--bg-2)}.leaderboard-rank{font-weight:800;color:var(--ink-mute);min-width:32px}.rank-number{font-family:JetBrains Mono,monospace}.leaderboard-points{margin-left:auto;text-align:right}.points-value{font-weight:800;font-size:16px;font-family:JetBrains Mono,monospace}.points-label{font-size:11px;color:var(--ink-mute)}.user-name{font-weight:600}.user-record{font-size:12px;color:var(--ink-mute)}.you-badge{display:inline-block;background:var(--pink-glow);color:var(--accent);border:1px solid var(--accent);border-radius:999px;font-size:10px;font-weight:700;padding:1px 6px;letter-spacing:.04em}.navbar-content{display:contents}.navbar-logo{display:none}#toast-container{position:fixed;bottom:90px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--ink);min-width:200px;max-width:320px;pointer-events:auto;transition:opacity .3s}.toast.success{border-left:3px solid var(--good)}.toast.error{border-left:3px solid var(--bad)}.toast.warning{border-left:3px solid #f59e0b}.toast.info{border-left:3px solid var(--accent)}@media(max-width:900px){.db-home-grid,.db-home-lower,.db-picks-grid{grid-template-columns:1fr}.db-slot-grid{grid-template-columns:repeat(2,1fr)}.db-page{padding:20px 18px 100px}}@media(max-width:640px){.navbar .db-nav-link{display:none}.navbar{padding:0 16px;gap:0}.db-mobile-nav{display:flex}.db-h1{font-size:22px}.db-leader-row{grid-template-columns:28px 28px 1fr auto;gap:10px;padding:10px 14px}.db-leader-row>:nth-child(4){display:none}}