:root{--paper: #FFFFFF;--ink: #000000;--muted: #5C5C5C;--line: #E3E3E3;--kraft: #E7CFA6;--kraft-dark: #C9A874;--stamp: #5B2A86;--font: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--stamp);outline-offset:2px}.app{max-width:520px;margin:0 auto;padding:12px 16px 24px;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}.top{display:flex;align-items:baseline;justify-content:space-between;padding:6px 0 10px}.wordmark{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.daynum{color:var(--muted);font-size:.95rem}.topright{display:flex;align-items:center;gap:8px}.sound{border:0;background:none;font-size:1.15rem;padding:4px;cursor:pointer;line-height:1}.dots{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 12px}.dots li{flex:1;height:6px;border-radius:3px;background:var(--line)}.dots li{transition:background .3s}.dots li.on{background:var(--c);animation:popin .35s cubic-bezier(.2,1.8,.4,1)}.dots li.now{background:linear-gradient(90deg,var(--c) 40%,var(--line) 40%)}.notice{padding:40px 0;color:var(--muted)}.home{padding:20px 0}.ballot{border:2px solid var(--ink);border-radius:4px;padding:18px 16px;margin-bottom:26px;transform:rotate(-2deg);box-shadow:6px 6px #f2c14e,12px 12px #29b6a6,18px 18px #e4572e;background:var(--paper);max-width:320px;animation:float 4s ease-in-out infinite}.ballot span{display:block;font-size:.85rem;color:var(--muted)}.ballot strong{font-size:2.4rem;line-height:1;letter-spacing:-.03em}.home h1{font-size:1.55rem;line-height:1.2;letter-spacing:-.015em;margin:0 0 12px;font-weight:600}.lede{color:var(--muted);line-height:1.5;margin:0 0 22px}.small{color:var(--muted);font-size:.9rem;text-align:center}.cta{display:block;width:100%;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font-weight:700;font-size:1.1rem;padding:16px;cursor:pointer;margin-top:14px}.cta{transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.cta:hover{transform:translateY(-1px)}.cta:active{transform:translateY(2px) scale(.98)}.cta.go{background:linear-gradient(100deg,var(--ink) 40%,#444 50%,var(--ink) 60%) 0 0 / 200% 100%;animation:shine 3.5s ease-in-out infinite}.photo{margin:0;position:relative;border-radius:10px;overflow:hidden;background:#ddd;aspect-ratio:4 / 3}.photo img{width:100%;height:100%;object-fit:cover;display:block;animation:photoin .6s ease-out,kenburns 22s .6s ease-in-out infinite alternate}.roundbadge{position:absolute;left:10px;top:10px;background:var(--ink);color:var(--paper);font-weight:800;padding:4px 10px;border-radius:999px;font-size:.95rem;animation:popin .4s .25s cubic-bezier(.2,1.8,.4,1) both}.roundbadge small{font-weight:600;opacity:.7}.photo-missing{display:grid;place-items:center;height:100%;color:var(--muted);padding:20px;text-align:center}.photo figcaption{position:absolute;right:0;bottom:0;font-size:.7rem;background:#ffffffd9;padding:3px 7px;border-top-left-radius:6px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo figcaption a{color:var(--ink)}.clue{margin:10px 0 4px;color:var(--muted);font-size:.95rem}.clue strong{color:var(--ink)}.elec{color:var(--stamp);font-weight:800;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--stamp) 16%,transparent) 62%)}.q{font-size:1.3rem;margin:14px 0 10px;letter-spacing:-.01em}.picks{display:grid;gap:8px}.ask{animation:fadeup .35s ease-out}.pick{text-align:left;border:2px solid var(--ink);background:var(--paper);border-radius:10px;padding:13px 14px 13px 44px;font-size:1.05rem;font-weight:600;cursor:pointer;position:relative;transition:transform .15s cubic-bezier(.2,1.6,.4,1),background .2s,box-shadow .2s}.pick:before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}.pick.sel:before{background:var(--c);animation:popin .3s cubic-bezier(.2,1.8,.4,1)}.pick:hover{transform:translate(3px)}.pick:active{transform:scale(.97)}.pick.sel{box-shadow:4px 4px 0 var(--c);transform:translate(-2px,-2px)}.hint{margin:-4px 0 10px;color:var(--muted);font-size:.92rem;min-height:1.2em}.step{animation:fadeup .3s ease-out}.bonus{margin-top:22px;padding-top:14px;border-top:2px dashed var(--line)}.bonus .q{margin-top:0}.rankchips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.rankchips button{border:2px solid var(--ink);background:var(--paper);border-radius:8px;padding:10px 0;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.rankchips button:active{transform:scale(.92)}.rankchips button.sel{background:var(--c);color:var(--paper);border-color:var(--c);animation:popin .25s cubic-bezier(.2,1.8,.4,1)}.pick.sel{background:color-mix(in srgb,var(--c) 14%,white)}.slider{margin-top:16px;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:8px}.slider label{font-weight:600}.slider{animation:fadeup .3s ease-out}.slider output{font-weight:800;font-size:1.8rem;letter-spacing:-.02em;color:var(--c);font-variant-numeric:tabular-nums;animation:bump .15s ease-out;display:inline-block}.slider input{grid-column:1 / -1;width:100%;accent-color:var(--c);height:32px}.slider .cta{grid-column:1 / -1}.envelope{position:relative;margin-top:14px;background:var(--kraft);border:2px solid var(--kraft-dark);border-radius:10px;padding:18px 12px 14px;animation:slideup .35s cubic-bezier(.2,1.2,.4,1);perspective:900px;overflow:hidden}.envelope.sealed{min-height:236px;cursor:pointer;animation:slideup .35s cubic-bezier(.2,1.2,.4,1),rumble 1.15s .1s ease-in both}.flap{position:absolute;inset:0 0 auto 0;height:100px;background:var(--kraft-dark);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:2;pointer-events:none}.flap:after{content:"";position:absolute;left:50%;top:100%;width:34px;height:34px;margin:-40px 0 0 -17px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9534f,#8e1b1b);box-shadow:0 2px #00000040}.envelope.open .flap{animation:flapopen .45s ease-in forwards}.counting{position:absolute;inset:auto 0 18px 0;display:grid;justify-items:center;gap:2px;font-weight:800;font-size:1.15rem;z-index:3}.counting .small{font-weight:400;font-size:.8rem;opacity:.7}.drum{font-size:2rem;animation:drum .12s ease-in-out infinite alternate}.letter{position:relative;z-index:1;background:var(--paper);border-radius:6px;padding:16px 14px 14px;box-shadow:0 6px 18px #0000001f;animation:rise .5s .08s cubic-bezier(.2,1.3,.4,1) both}.commune{margin:0;font-size:1.9rem;line-height:1.05;letter-spacing:-.025em;max-width:72%;animation:popin .45s .15s cubic-bezier(.2,1.6,.4,1) both}.where{margin:4px 0 14px;color:var(--muted)}.bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}.bars li{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.bars li.win .bname{font-weight:800}.crown{display:inline-block;animation:popin .4s cubic-bezier(.2,1.8,.4,1) both}.bval{font-variant-numeric:tabular-nums;font-weight:700}.btrack{grid-column:1 / -1;position:relative;height:14px;background:#f0f0f0;border-radius:7px}.bfill{display:block;height:100%;border-radius:7px;background:var(--c)}.envelope.good .bars li.win .bfill,.envelope.bad .bars li.win .bfill{animation:glow 1.2s ease-out}.mine{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;background:var(--ink);border-radius:2px;animation:dropin .35s cubic-bezier(.2,1.6,.4,1) both}.mine span{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:3px;font-size:.72rem;font-weight:700;white-space:nowrap;background:var(--ink);color:var(--paper);padding:1px 6px;border-radius:4px}.bars li:has(.mine){margin-bottom:14px}.others{color:var(--muted);font-size:.9rem;margin:10px 0 0}.bonusbars{margin-top:14px;padding-top:12px;border-top:2px dashed var(--line);animation:fadeup .3s ease-out}.brank{display:inline-block;background:var(--c);color:var(--paper);border-radius:6px;padding:0 6px;margin-right:6px;font-weight:800;animation:popin .35s .4s cubic-bezier(.2,1.8,.4,1) both}.tag{display:inline-block;margin-left:6px;font-size:.75rem;font-weight:700;padding:1px 6px;border-radius:4px;vertical-align:1px;animation:popin .3s cubic-bezier(.2,1.8,.4,1) both}.tag.ok{background:#d7f2dd;color:#1e6b30}.tag.near{background:#fff1c9;color:#7a5a00}.tag.ko{background:#fbd9d3;color:#9b2415}.breakdown{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.breakdown li{display:flex;justify-content:space-between;background:#f5f2ec;border-radius:6px;padding:6px 8px;font-size:.85rem;animation:fadeup .3s ease-out both}.breakdown li:nth-child(2){animation-delay:.06s}.breakdown li:nth-child(3){animation-delay:.12s}.breakdown li:nth-child(4){animation-delay:.18s}.breakdown b{font-variant-numeric:tabular-nums}.verdict{margin-top:14px;line-height:1.45}.verdict p{margin:0 0 4px}.vtitle{font-weight:800;font-size:1.6rem;letter-spacing:-.02em;animation:popin .4s cubic-bezier(.2,1.8,.4,1) both}.envelope.good .vtitle{color:#1e8e3e}.envelope.bad .vtitle{color:#c62828}.envelope.bad .letter{animation:rise .5s .08s cubic-bezier(.2,1.3,.4,1) both,nope .45s 1.2s ease-in-out}.envelope.bad.instant .letter{animation:nope .45s ease-in-out}.points{font-weight:800;font-size:2rem;margin:6px 0 0;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.points span{font-size:1rem;font-weight:600;color:var(--muted)}.cta.next{animation:fadeup .35s .25s ease-out both}.stamp{position:absolute;top:12px;right:10px;color:var(--stamp);border:3px solid var(--stamp);border-radius:8px;padding:4px 10px;font-weight:800;font-size:1.1rem;transform:rotate(-12deg);opacity:.88;animation:stamp .32s .2s cubic-bezier(.2,1.6,.4,1) both;mix-blend-mode:multiply}.stamp.big{position:static;display:inline-block;font-size:2rem;margin:10px 0 6px;animation:none}.envelope.instant *,.envelope.instant *:after{animation-delay:0s!important}.end{text-align:center;padding-top:8px}.score{font-size:1.1rem;margin:6px 0;color:var(--muted)}.score strong{font-size:3rem;color:var(--ink);letter-spacing:-.03em}.grid{font-size:1.8rem;letter-spacing:4px;margin:4px 0 8px;min-height:2.4rem}.grid span{display:inline-block;opacity:0;transform:scale(.2)}.grid span.in{opacity:1;transform:none;animation:popin .35s cubic-bezier(.2,1.8,.4,1)}.rank{visibility:hidden;margin-bottom:14px}.rank.in{visibility:visible}.rank.in .stamp.big{animation:stamp .32s cubic-bezier(.2,1.6,.4,1) both}.rank p{margin:2px 0 0;font-weight:800;font-size:1.25rem;animation:fadeup .4s .2s ease-out both}.standing{margin:6px 0 0!important;font-weight:600!important;font-size:1rem!important;color:var(--stamp)}.sharebox{margin:18px 0 4px;padding:14px;background:#f5f2ec;border-radius:12px}.formats{display:inline-flex;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:3px;margin-bottom:12px}.formats button{border:0;background:none;padding:6px 16px;border-radius:999px;font-weight:700;cursor:pointer}.formats button.sel{background:var(--ink);color:var(--paper)}.cardpreview{margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000026;background:var(--paper)}.cardpreview.story{width:52%;aspect-ratio:9 / 16}.cardpreview.square{width:72%;aspect-ratio:1}.cardpreview img{width:100%;height:100%;display:block;animation:fadeup .3s ease-out}.recap{list-style:none;padding:0;margin:0 0 6px;text-align:left;border-top:1px solid var(--line)}.recap li{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.stats{display:flex;justify-content:center;gap:28px;margin:22px 0 6px}.stats div{text-align:center}.stats dt{color:var(--muted);font-size:.85rem}.stats dd{margin:0;font-weight:800;font-size:1.3rem}.foot{margin-top:28px;color:var(--muted);font-size:.75rem;line-height:1.4;border-top:1px solid var(--line);padding-top:10px}.foot p{margin:2px 0}@keyframes rumble{0%{transform:none}20%{transform:translate(-1px) rotate(-.3deg)}40%{transform:translate(2px,-1px) rotate(.5deg)}55%{transform:translate(-2px,1px) rotate(-.8deg)}70%{transform:translate(3px,-1px) rotate(1deg)}80%{transform:translate(-3px,2px) rotate(-1.2deg)}90%{transform:translate(4px,-2px) rotate(1.5deg)}95%{transform:translate(-4px,1px) rotate(-1.5deg) scale(1.02)}to{transform:scale(1.03)}}@keyframes flapopen{to{transform:rotateX(180deg);opacity:0}}@keyframes drum{0%{transform:rotate(-8deg) translateY(1px)}to{transform:rotate(8deg) translateY(-1px)}}@keyframes rise{0%{transform:translateY(70px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes popin{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@keyframes dropin{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeup{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes glow{0%{box-shadow:0 0 0 0 var(--c)}to{box-shadow:0 0 0 10px transparent}}@keyframes nope{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}@keyframes photoin{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.02)}}@keyframes bump{0%{transform:scale(1.18)}to{transform:none}}@keyframes float{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}@keyframes shine{0%,70%{background-position:-150% 0}to{background-position:250% 0}}@keyframes stamp{0%{transform:rotate(-12deg) scale(2.6);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:.88}}@keyframes slideup{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}}.page h1{font-size:2rem;letter-spacing:-.025em;margin:8px 0 6px}.page h2{font-size:1.15rem;margin:26px 0 8px}.small.left{text-align:left}.small a,.lede a,.foot a{color:inherit}.field{display:grid;gap:4px;margin:10px 0}.field span{font-weight:600;font-size:.95rem}.field input{font:inherit;font-size:1.05rem;padding:12px;border:2px solid var(--ink);border-radius:10px;background:var(--paper)}.error{color:#b00020;font-weight:600}.cta:disabled{opacity:.6;cursor:wait}.cta.ghost{background:var(--paper);color:var(--ink);border:2px solid var(--ink);text-align:center;text-decoration:none}a.cta{text-align:center;text-decoration:none}.mylist{list-style:none;padding:0;margin:0}.mylist li{border-bottom:1px solid var(--line)}.mylist a{display:block;padding:11px 2px;color:var(--ink);font-weight:600}.joinbox{margin:8px 0 4px}.ranking{width:100%;border-collapse:collapse;margin-top:18px;font-variant-numeric:tabular-nums}.ranking th{text-align:left;font-size:.85rem;color:var(--muted);font-weight:600;padding:6px 4px;border-bottom:2px solid var(--ink)}.ranking td{padding:10px 4px;border-bottom:1px solid var(--line);vertical-align:top}.ranking tr.me td{background:#fff6d6}.ranking .mini{display:block;font-size:.8rem;letter-spacing:1px}.perks{padding-left:20px;line-height:1.6}.archive-list{list-style:none;padding:0}.archive-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.archive-list a{padding:11px 2px;color:var(--ink);font-weight:600}.archive-list span{color:var(--muted);padding:11px 2px}.leagues-cta,.upsell{margin-top:22px;padding:16px;border:2px solid var(--ink);border-radius:12px}.leagues-cta p,.upsell p{margin:0 0 4px;line-height:1.45}.upsell{border-style:dashed}.ad{margin-top:22px;min-height:100px}.adlabel{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.footnav{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-size:.85rem}.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0 4px;font-size:.92rem;line-height:1.45;cursor:pointer}.consent input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--stamp)}.consent a{color:inherit}.cta.off{opacity:.35;cursor:not-allowed}