:root{--pitch-1: #0b3d2e;--pitch-2: #114b39;--ink: #0a1f18;--card: #ffffff;--card-ink: #11241d;--muted: #6b7d76;--line: #e3e9e6;--gold: #f5c542;--gold-deep: #d9a514;--accent: #2bd576;--danger: #e2574c;--m1: #4aa3ff;--m2: #ff8a5c;--m3: #b06bff;--shadow: 0 10px 30px rgba(0, 0, 0, .25);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--glass: rgba(255, 255, 255, .06);--glass-line: rgba(255, 255, 255, .12);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .18);--shadow-lift: 0 18px 40px rgba(0, 0, 0, .32)}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eaf3ef;background:radial-gradient(1200px 600px at 50% -10%,#155a44 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(245,197,66,.08) 0%,transparent 55%),linear-gradient(160deg,var(--pitch-1),var(--ink));background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{max-width:1180px;margin:0 auto;padding:24px 20px 64px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;animation:fade-up .5s var(--ease-out) both}.brand{display:flex;align-items:baseline;gap:12px}.brand h1{font-size:27px;margin:0;letter-spacing:-.5px;font-weight:800;background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(245,197,66,.18))}.brand .tag{font-size:12px;color:#9fc6b6;text-transform:uppercase;letter-spacing:2px}.round-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;font-size:13px;display:flex;gap:10px;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft)}.round-pill b{color:var(--gold)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:700;border-radius:11px;padding:11px 18px;font-size:14px;background:linear-gradient(180deg,#f8d05c,var(--gold));color:#2a1f00;box-shadow:0 6px 16px #f5c54247,inset 0 1px #fff6;transition:transform .16s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease),background .2s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #f5c5425c,inset 0 1px #ffffff73;filter:brightness(1.03)}.btn:active{transform:translateY(0);box-shadow:0 4px 10px #f5c54247}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn.ghost{background:#ffffff14;color:#eaf3ef;border:1px solid rgba(255,255,255,.18);box-shadow:none}.btn.ghost:hover{background:#ffffff24;transform:translateY(-2px);box-shadow:var(--shadow-soft);filter:none}.btn.sell{background:linear-gradient(180deg,#ea6a60,var(--danger));color:#fff;box-shadow:0 6px 16px #e2574c52,inset 0 1px #ffffff40}.btn.sell:hover{box-shadow:0 10px 24px #e2574c6b,inset 0 1px #ffffff4d}.btn.keep{background:linear-gradient(180deg,#46e08a,var(--accent));color:#06301c;box-shadow:0 6px 16px #2bd57652,inset 0 1px #ffffff4d}.btn.keep:hover{box-shadow:0 10px 24px #2bd5766b,inset 0 1px #ffffff59}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.panel{background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade-up .5s var(--ease-out) both}.setup{max-width:560px;margin:8px auto}.setup h2{margin-top:0}.setup p{color:#b8d3c8;line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:#9fc6b6}.field input{padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#fff;font-size:15px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.field input:hover{border-color:#ffffff4d}.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f5c5422e;background:#00000052}.count-picker{display:flex;gap:8px}.count-picker .count-btn{flex:1;padding:10px 8px}.daily-cta{max-width:560px;margin:8px auto 16px;text-align:center;border-color:#f5c54266;box-shadow:0 14px 36px #00000047,inset 0 1px #f5c5422e}.daily-cta h2{margin-top:0}.daily-cta p{color:#b8d3c8;line-height:1.6}.daily-cta .btn{margin-top:4px}.daily-cta .sub{margin-top:10px;color:#9fc6b6;font-size:13px}.streak{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:999px;background:#f5c54224;border:1px solid rgba(245,197,66,.3);color:var(--gold);font-weight:800;font-size:14px}.daily-result{margin-top:4px}.daily-result-head{display:flex;flex-direction:column;align-items:center;gap:4px}.daily-done{color:var(--gold);font-weight:800;font-size:15px}.daily-score{color:#d9efe5;font-weight:700;font-size:17px}.daily-grade{color:#9fc6b6;font-size:13px}.daily-result .share-card{margin-top:14px}.share-card{max-width:420px;margin:22px auto 0;text-align:center;padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow-soft)}.share-grid{font-size:30px;letter-spacing:4px;margin-bottom:8px}.share-legend{font-size:12px;color:#b8d3c8;line-height:1.5;margin-bottom:14px}.stage{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media (max-width: 900px){.stage{grid-template-columns:1fr}}.prompt-card{margin-bottom:18px}.prompt-card h2{margin:0 0 4px;font-size:22px;letter-spacing:-.3px}.prompt-card .sub{color:#b8d3c8;font-size:14px;line-height:1.55}.turn-flag{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#00000040;padding:6px 12px;border-radius:999px;font-size:13px;border:1px solid rgba(255,255,255,.06)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #ffffff14}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.cards .pcard{animation:fade-up .45s var(--ease-out) both}.cards .pcard:nth-child(1){animation-delay:.02s}.cards .pcard:nth-child(2){animation-delay:.07s}.cards .pcard:nth-child(3){animation-delay:.12s}.cards .pcard:nth-child(4){animation-delay:.17s}.cards .pcard:nth-child(5){animation-delay:.22s}.cards .pcard:nth-child(6){animation-delay:.27s}.pcard{background:var(--card);color:var(--card-ink);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;border:2px solid transparent;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.pcard.clickable{cursor:pointer}.pcard.clickable:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow-lift)}.pcard .head{background:linear-gradient(135deg,var(--pitch-2),#0a3225);color:#eafff5;padding:14px;display:flex;align-items:center;justify-content:space-between}.silhouette{width:46px;height:46px;border-radius:50%;background:#ffffff1f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cfe8dd'><path d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.7-9 6v2h18v-2c0-3.3-4-6-9-6Z'/></svg>") center/28px no-repeat;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .18s var(--ease)}.pcard.clickable:hover .silhouette{transform:scale(1.06)}.pcard .pos-badge{font-size:11px;font-weight:800;letter-spacing:1px;opacity:.85}.pcard .value{padding:12px 14px 6px}.pcard .value .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.pcard .value .amount{font-size:22px;font-weight:800;color:#0c5c3b}.pcard .stats{padding:4px 14px 14px}.stat-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}.stat-row:last-child{border-bottom:none}.stat-row .k{color:var(--muted)}.stat-row .v{font-weight:700;color:var(--card-ink)}.pcard .pick-btn{margin:0 14px 14px}.season-chip{font-size:11px;opacity:.8}@keyframes flipin{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.revealed-name{animation:flipin .5s ease}.boost-status{margin-top:12px;font-size:13px;color:#cfe8dd;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.boost-status b{color:var(--gold);font-weight:800}.boost-hint{color:var(--muted)}.boosts{padding:0 14px 4px}.boost-row{display:flex;gap:6px;flex-wrap:wrap}.boosts .boost-btn{flex:1 1 calc(50% - 3px);padding:7px 8px;font-size:12px;font-weight:800;color:#0a5234;background:#0c5c3b1a;border:1px solid rgba(12,92,59,.28);box-shadow:none}.boosts .boost-btn:hover{background:#0c5c3b2e;border-color:#0c5c3b66;transform:translateY(-1px);filter:none}.boosts .boost-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.boost-choice{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.boost-choice .btn{flex:1 1 auto}.peek-name{margin:0;padding:9px 14px;font-weight:800;color:#06301c;background:linear-gradient(90deg,#f5c54259,#f5c5421f);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;animation:flipin .45s ease}.peek-tag{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#6a4e00;background:var(--gold);padding:2px 6px;border-radius:999px}.future-price{margin-top:6px;font-size:13px;font-weight:700;color:var(--card-ink);background:#0c5c3b14;border:1px solid rgba(12,92,59,.18);border-radius:8px;padding:5px 8px;animation:flipin .45s ease}.future-price b{color:#0a5234;font-weight:800}.peek-extra{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px 0}.peek-chip{font-size:12px;font-weight:800;color:#06301c;background:#2bd5762e;border:1px solid rgba(12,92,59,.25);border-radius:999px;padding:3px 9px}.year-picker{margin-top:8px}.year-picker-label{font-size:11px;color:var(--muted);margin-bottom:4px}.year-chips{display:flex;flex-wrap:wrap;gap:4px}.year-chip{border:1px solid var(--line);background:#fff;color:var(--card-ink);border-radius:8px;padding:4px 7px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.year-chip:hover{background:var(--gold);border-color:var(--gold-deep);transform:translateY(-1px)}.year-chip.past{opacity:.35;color:var(--muted);background:var(--line);cursor:not-allowed;text-decoration:line-through}.year-chip.past:hover{background:var(--line);border-color:var(--line);transform:none}.squads{display:flex;flex-direction:column;gap:14px;animation:fade-up .5s var(--ease-out) .08s both}.squad{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;transition:border-color .2s var(--ease),background .2s var(--ease)}.squad:hover{border-color:#ffffff2e;background:#ffffff12}.squad h3{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}.slot{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px}.slot:last-child{border-bottom:none}.slot .pos{width:38px;font-weight:800;color:#9fc6b6;font-size:12px}.slot .who{flex:1}.slot .who .locked{color:#cfe2da}.slot .who .name{color:#fff;font-weight:700}.slot .price{color:#9fc6b6;font-size:12px}.empty-slot{color:#7fa295;font-style:italic}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;background:#04100cdb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:50;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade-in .3s var(--ease-out) both;padding:24px}.handoff>*{animation:fade-up .45s var(--ease-out) .05s both}.handoff h2{font-size:30px;margin:0}.handoff p{color:#b8d3c8;max-width:420px;line-height:1.55}.winner-banner{text-align:center;padding:28px;border-radius:20px;margin-bottom:22px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#2a1f00;box-shadow:0 16px 40px #f5c54247}.winner-banner h2{margin:0 0 6px;font-size:30px}.winner-banner .sub{font-weight:700}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.winner-banner{animation:pop .55s var(--ease-out)}.grade-banner{text-align:center;margin:-8px 0 20px;padding:12px 18px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);color:#d9efe5;font-size:15px;animation:fade-up .5s var(--ease-out) both}.grade-banner .grade-pct{color:var(--gold);font-size:19px}.grade-banner .grade-ceiling{color:#9fc6b6}.grade-banner.beat-par{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#2a1f00;border-color:transparent;font-weight:700}.leaderboard{display:flex;flex-direction:column;gap:14px}.lb-row{background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-up .5s var(--ease-out) both}.lb-row:nth-child(1){animation-delay:.05s}.lb-row:nth-child(2){animation-delay:.12s}.lb-row:nth-child(3){animation-delay:.19s}.lb-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lb-head .rank{font-size:20px;font-weight:900;color:var(--gold);width:30px}.lb-head .lbname{font-size:18px;font-weight:800}.lb-head .lbtotal{margin-left:auto;font-size:18px;font-weight:900;color:var(--accent)}.lb-breakdown{font-size:12px;color:#9fc6b6;margin-bottom:10px}.lb-grade{display:inline-block;font-size:13px;color:#d9efe5;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line)}.lb-grade .grade-pct{color:var(--gold);font-size:15px;font-weight:800}.lb-grade .grade-ceiling{color:#9fc6b6}.lb-grade.beat-par{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#2a1f00;border-color:transparent;font-weight:700}.final-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 720px){.final-grid{grid-template-columns:1fr}}.pitch{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 12px;min-height:320px;border-radius:14px;background:repeating-linear-gradient(180deg,#ffffff0a 0,#ffffff0a 28px,#fff0 28px,#fff0 56px),linear-gradient(160deg,#0f5a3c,#0a3f2b);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px #ffffff14;overflow:hidden}.pitch:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:0;border-top:2px solid rgba(255,255,255,.16)}.pitch:after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.16);border-radius:50%}.pitch-row{position:relative;z-index:1;display:flex;justify-content:space-around;gap:10px}.player-node{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;max-width:110px}.pos-logo{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;letter-spacing:.5px;color:#06301c;background:linear-gradient(180deg,#f8d05c,var(--gold));box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.65)}.player-node-name{font-size:12px;font-weight:800;color:#fff;line-height:1.2}.player-node-val{font-size:11px;color:#bfe3d3;font-weight:700}.transfers-panel{background:#00000038;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px}.transfers-panel h4{margin:0 0 10px;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.no-transfers{font-size:13px;color:#9fc6b6;font-style:italic}.transfer-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px}.transfer-row:last-child{border-bottom:none}.tr-pos{width:30px;font-weight:800;color:#9fc6b6;font-size:12px;flex:none}.tr-names{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tr-out{color:#e9b7b2;text-decoration:line-through}.tr-arrow{color:var(--muted)}.tr-in{color:#fff;font-weight:700}.tr-season{color:#9fc6b6;font-size:12px;flex:none}.ticker{margin-top:18px;font-size:12px;color:#9fc6b6;background:#0003;border-radius:12px;padding:10px 14px;max-height:120px;overflow-y:auto;border:1px solid rgba(255,255,255,.06)}.ticker div{padding:2px 0;animation:fade-in .4s var(--ease-out) both}.footer-note{margin-top:26px;font-size:11px;color:#6f9486;text-align:center}.ticker::-webkit-scrollbar{width:8px}.ticker::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}.ticker::-webkit-scrollbar-thumb:hover{background:#ffffff38}.ticker::-webkit-scrollbar-track{background:transparent}
