:root{--paper: #f7efdc;--paper-2: #efe3c6;--ink: #1c1b1a;--muted: #6b645a;--red: #e63946;--blue: #1d4ed8;--yellow: #ffc857;--green: #2a9d8f;--pink: #ff7ab6;--white: #fffdf7;--slab: "Alfa Slab One", "Rockwell", "Arial Black", serif;--body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow: 6px 6px 0 var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);background-image:radial-gradient(var(--paper-2) 1.2px,transparent 1.2px);background-size:18px 18px;color:var(--ink);font-family:var(--body)}#app{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden}.screen{width:100%;max-width:920px;text-align:center}a{color:var(--blue);font-weight:600}button{font:inherit;cursor:pointer;border:0}.kicker{font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:var(--red);margin:0 0 .5rem}.title{font-family:var(--slab);font-weight:400;font-size:clamp(3rem,12vw,6.75rem);line-height:.95;margin:0 0 1.25rem}.title span{display:inline-block}.title span:nth-child(1){color:var(--blue);transform:rotate(-4deg)}.title span:nth-child(2){color:var(--red);transform:rotate(3deg) translateY(-.05em)}.title span:nth-child(3){color:var(--ink);transform:rotate(-2deg)}.title.small{font-size:clamp(2rem,7vw,3rem)}.primary,.secondary{font-family:var(--slab);font-size:1.35rem;padding:.8rem 1.8rem;border-radius:.6rem;border:3px solid var(--ink);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.primary{background:var(--yellow);color:var(--ink)}.secondary{background:var(--white);color:var(--ink);font-size:1.1rem}.primary:hover,.secondary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.primary:active,.secondary:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.landing .premise{font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.landing .premise small{display:block;color:var(--muted);font-weight:400;font-size:.95rem;margin-top:.35rem}.landing .rules{color:var(--muted);margin:0 0 2rem}.landing .footer{margin-top:2rem;color:var(--muted)}.round header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem}.progress{font-family:var(--slab);font-size:1.75rem}.progress small{font-size:1rem;color:var(--muted)}.hint{font-size:.9rem;color:var(--muted);text-align:right}.verdict{font-family:var(--slab);font-size:1.6rem;transform:rotate(-3deg);display:inline-block;padding:.1em .5em;border:3px solid var(--ink);border-radius:.4rem;box-shadow:3px 3px 0 var(--ink)}.verdict.ok{background:var(--green);color:var(--white)}.verdict.bad{background:var(--red);color:var(--white)}.fixture{display:grid;grid-template-columns:1fr auto 1fr;gap:1.25rem;align-items:stretch}.sticker{background:var(--white);color:var(--ink);border:4px solid var(--ink);border-radius:1rem;box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:12rem;padding:1.5rem 1.25rem}.card.left{transform:rotate(-1.5deg)}.card.right{transform:rotate(1.5deg)}button.card:hover{transform:rotate(0) translate(-3px,-3px) scale(1.02);box-shadow:10px 10px 0 var(--ink)}.card .name{font-family:var(--slab);font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1.05}.card.correct{background:#dff3ea;border-color:#1b7a5a;box-shadow:6px 6px #1b7a5a}.card.wrong{background:#fde4e4;border-color:#b91c1c;box-shadow:6px 6px #b91c1c}.card.picked:before{content:"your pick";position:absolute;top:-.9rem;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:.15em .7em;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card{position:relative}.dagger{color:var(--muted);font-size:.55em;vertical-align:super;margin-left:.1em;cursor:help;font-family:var(--body)}.badge{display:inline-flex;flex-direction:column;align-items:center;padding:.5rem 1.1rem .6rem;border-radius:.75rem;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--white);transform:rotate(-2deg);margin-top:.25rem}.badge .pos{font-family:var(--slab);font-size:2.6rem;line-height:1}.badge .div{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-top:.15rem}.badge.tier-1{background:var(--blue)}.badge.tier-2{background:var(--red)}.badge.tier-3{background:var(--green)}.badge.tier-4{background:#7c3aed}.badge.winner{background:#1b7a5a;border-color:#1b7a5a;box-shadow:4px 4px #0f4d38}.badge.loser{background:#b91c1c;border-color:#b91c1c;box-shadow:4px 4px #7f1d1d}.card .avg{font-size:.95rem;color:var(--muted)}.card .avg b{color:var(--ink);font-weight:800}.card .overall{font-size:.8rem;color:var(--muted)}.vs{align-self:center;font-family:var(--slab);font-size:1.6rem;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;width:3.4rem;height:3.4rem;display:grid;place-items:center;box-shadow:3px 3px 0 var(--ink);transform:rotate(8deg)}.vs.gap{width:auto;height:auto;border-radius:.6rem;padding:.4rem .8rem;display:flex;flex-direction:column;line-height:1;font-size:1.5rem}.vs.gap small{font-family:var(--body);font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.revealed .primary{margin-top:1.75rem}.keys{color:var(--muted);font-size:.8rem;margin-top:1.25rem}.end .score{display:inline-block;font-family:var(--slab);font-size:5rem;line-height:1;padding:.4rem 1.6rem .6rem;margin:0 0 1.5rem;transform:rotate(-3deg);background:var(--yellow)}.end .score small{font-size:2rem;color:var(--muted)}.recap{list-style:none;padding:0;margin:0 auto 1.5rem;max-width:640px;text-align:left}.recap li{display:grid;grid-template-columns:2rem 1fr 1.5rem;gap:.75rem;align-items:center;padding:.55rem .8rem;border:2px solid var(--ink);border-radius:.6rem;background:var(--white);margin-bottom:.4rem;font-size:.95rem;box-shadow:3px 3px 0 var(--ink)}.recap li.bad{background:#fbe9e9}.recap .n{font-family:var(--slab);color:var(--muted)}.recap b{font-weight:800}.actions{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.share-status{color:var(--muted);font-size:.9rem;min-height:1.2em}.share[hidden]{display:none}.share{display:block;width:100%;max-width:420px;margin:.5rem auto 0;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:.5rem;padding:.75rem;font:inherit}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;left:var(--x);width:10px;height:14px;background:var(--c);border:2px solid var(--ink);animation:fall var(--d) ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(var(--r));opacity:.6}}@media (max-width: 640px){.fixture{grid-template-columns:1fr;gap:1rem}.card{min-height:7rem}.card.left,.card.right{transform:rotate(0)}.vs{justify-self:center}.round header{flex-direction:column;align-items:flex-start;gap:.5rem}.hint{text-align:left}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.prose{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem;line-height:1.65}.prose h1{font-family:var(--slab);font-weight:400;font-size:clamp(2rem,7vw,3rem);line-height:1.1}.prose h2,.prose h3{font-family:var(--slab);font-weight:400;margin-top:2.5rem}.prose h2{font-size:1.8rem;color:var(--blue)}.prose h3{font-size:1.3rem;color:var(--red)}.prose blockquote{margin:1rem 0;padding:.75rem 1rem;border:3px solid var(--ink);background:var(--white);border-radius:.6rem;box-shadow:var(--shadow);font-weight:600}.prose code{background:var(--white);border:1px solid var(--ink);padding:.1em .35em;border-radius:.3em;font-size:.9em}.prose .back{color:var(--muted)}.kofi{white-space:nowrap}.kofi.sticker{display:inline-block;margin-left:.4rem;padding:.35rem .8rem;border:3px solid var(--ink);border-radius:999px;background:var(--pink);color:var(--ink);text-decoration:none;font-weight:800;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);transition:transform .1s}.kofi.sticker:hover{transform:rotate(-2deg) translate(-2px,-2px)}.end .support{margin-top:1.75rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.crest{display:block;object-fit:contain}.crest.lg{width:84px;height:84px;margin-bottom:.25rem}.crest.sm{width:34px;height:34px}.crest.fallback{display:grid;place-items:center;border-radius:30% 30% 50% 50%;background:var(--ink);color:var(--paper);font-family:var(--slab);font-size:1.4rem}.crest.sm.fallback{font-size:.7rem}.revealed .crest.lg{width:56px;height:56px}.toggle{display:flex;align-items:center;gap:.7rem;width:300px;max-width:100%;height:4.75rem;margin:3rem auto 0;padding:.5rem .75rem;border-width:3px;border-radius:.6rem;box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-align:left;transform:rotate(-1deg);font-size:.85rem}.toggle input{position:absolute;opacity:0;width:0;height:0}.switch{flex:none;width:42px;height:24px;border:3px solid var(--ink);border-radius:999px;background:var(--paper-2);position:relative;transition:background .12s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink);transition:transform .12s}.toggle input:checked+.switch{background:var(--red)}.toggle input:checked+.switch:after{transform:translate(18px);background:var(--white)}.toggle input:focus-visible+.switch{outline:3px solid var(--blue);outline-offset:2px}.toggle-text{line-height:1.25;flex:1;min-width:0}.toggle-text em{font-style:normal;font-weight:800;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;color:var(--red);margin-left:.3em}.toggle-text small{display:block;color:var(--muted);font-size:.72rem;margin-top:.1rem;min-height:2.2em}.recap li{grid-template-columns:1.6rem 1fr auto 1fr 1.4rem;gap:.6rem}.recap-club{display:flex;align-items:center;gap:.5rem;min-width:0}.recap-club.winner .recap-name{font-weight:800}.recap-name{font-size:.85rem;line-height:1.15;flex:1;min-width:0}.recap-v{font-family:var(--slab);color:var(--muted);font-size:.8rem}.badge.sm{flex:none;padding:.2rem .5rem .25rem;border-width:2px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-2deg);margin:0}.badge.sm.winner{box-shadow:2px 2px #0f4d38}.badge.sm.loser{box-shadow:2px 2px #7f1d1d}.badge.sm .pos{font-size:1.15rem}.badge.sm .div{font-size:.5rem;letter-spacing:.06em}@media (max-width: 640px){.end{display:flex;flex-direction:column;align-items:center}.end .kicker{margin-bottom:.2rem}.end .title.small{font-size:1.6rem;margin-bottom:.6rem}.end .score{font-size:2.6rem;padding:.25rem 1rem .35rem;margin-bottom:.8rem;border-width:3px;box-shadow:4px 4px 0 var(--ink)}.end .score small{font-size:1.1rem}.recap{width:100%;margin-bottom:.8rem}.recap li{grid-template-columns:1rem minmax(0,1fr) auto minmax(0,1fr) 1rem;gap:.3rem;padding:.25rem .4rem;margin-bottom:.25rem;border-width:2px;border-radius:.45rem;box-shadow:2px 2px 0 var(--ink);font-size:.7rem}.recap .n,.recap .mark{font-size:.7rem}.recap-club{gap:.3rem}.recap-club .crest.sm{width:20px;height:20px}.recap-name{font-size:.68rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-name .dagger{display:none}.badge.sm{padding:.1rem .35rem .15rem;border-width:2px;box-shadow:1px 1px 0 var(--ink);transform:none;border-radius:.4rem}.badge.sm .pos{font-size:.85rem}.badge.sm .div{display:none}.end .actions{gap:.5rem}.end .actions .primary,.end .actions .secondary{font-size:1rem;padding:.5rem 1rem;box-shadow:3px 3px 0 var(--ink)}.end .support{margin-top:.8rem;font-size:.85rem}.end .share-status{min-height:0;margin:.3rem 0 0;font-size:.8rem}#app{padding:1rem .75rem}}.modes{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.daily-btn{background:var(--pink)}.daily-btn small{font-family:var(--body);font-weight:800;font-size:.7rem;vertical-align:middle;margin-left:.2em}.linkish{background:none;color:var(--blue);font-weight:600;padding:0}.daily header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.daily-brief{font-weight:600;margin:0 0 1rem}.target{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 2rem;transform:rotate(-1.5deg);margin-bottom:1.5rem}.target .badge.lg{transform:rotate(-2deg) scale(1.35);margin:.75rem 0 1.1rem}.target-avg{font-size:1rem;color:var(--muted)}.target-avg b{font-family:var(--slab);font-weight:400;font-size:1.5rem;color:var(--ink);margin-left:.2em}.target-overall{color:var(--muted);font-size:.85rem}.guess-box{position:relative;max-width:480px;margin:0 auto 1.25rem}.guess-input{width:100%;font:inherit;font-size:1.15rem;padding:.8rem 1rem;border:3px solid var(--ink);border-radius:.75rem;background:var(--white);color:var(--ink);box-shadow:var(--shadow)}.guess-input:focus{outline:3px solid var(--blue);outline-offset:2px}.suggestions{position:absolute;z-index:2;left:0;right:0;top:calc(100% + .4rem);list-style:none;margin:0;padding:.3rem;background:var(--white);border:3px solid var(--ink);border-radius:.75rem;box-shadow:var(--shadow);text-align:left}.suggestions button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;background:none;border-radius:.5rem;color:var(--ink);font-weight:600;text-align:left}.suggestions button:hover,.suggestions button.active{background:var(--yellow)}.guesses{list-style:none;padding:0;margin:0 auto 1.5rem;max-width:560px;text-align:left}.guess{display:grid;grid-template-columns:1.4rem auto 1fr auto;grid-template-areas:"n c name emoji" "n c dir dir";column-gap:.7rem;row-gap:.15rem;align-items:center;padding:.55rem .8rem;margin-bottom:.45rem;border:3px solid var(--ink);border-radius:.75rem;background:var(--white);box-shadow:4px 4px 0 var(--ink)}.guess .n{grid-area:n;font-family:var(--slab);color:var(--muted)}.guess .crest{grid-area:c}.guess-name{grid-area:name;font-weight:800}.guess-name small{font-weight:400;color:var(--muted);margin-left:.4em}.guess .emoji{grid-area:emoji;font-size:1.1rem;letter-spacing:.05em}.guess .dir{grid-area:dir;font-size:.8rem;color:var(--muted)}.guess.hot{background:#fff6d6}.guess.warm{background:#ffe9d6}.guess.cold{background:#fbe9e9}.guess.correct{background:#e6f4f1;border-color:var(--green);box-shadow:4px 4px 0 var(--green)}.daily-result .answer{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--slab);font-size:1.75rem;margin:0 0 1rem}.stats{display:flex;justify-content:center;gap:1.5rem;margin:1.25rem 0 0}.stats div{text-align:center}.stats dt{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stats dd{margin:0;font-family:var(--slab);font-size:1.75rem}@media (max-width: 640px){.revealed header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.revealed .progress{font-size:1.3rem}.revealed .progress small{font-size:.8rem}.revealed .verdict{font-size:1.15rem;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.revealed .fixture{gap:.85rem}.revealed .card{min-height:0;padding:.7rem .75rem .8rem;gap:.25rem;border-width:3px}.revealed .card .name{font-size:1.3rem}.revealed .crest.lg{width:38px;height:38px;margin-bottom:0}.revealed .badge.lg{padding:.2rem .75rem .25rem;margin-top:.1rem;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.revealed .badge.lg .pos{font-size:1.7rem}.revealed .badge.lg .div{font-size:.6rem;margin-top:0}.revealed .card .avg{font-size:.8rem}.revealed .card .overall{font-size:.68rem}.revealed .card.picked:before{top:-.6rem;font-size:.65rem;padding:.1em .6em}.revealed .vs.gap{font-size:1.1rem;padding:.25rem .6rem;border-width:2px}.revealed .vs.gap small{font-size:.55rem}.revealed .primary{margin-top:.8rem;font-size:1.15rem;padding:.55rem 1.2rem}.revealed .keys{display:none}}@media (max-width: 640px){.daily header{margin-bottom:.5rem}.daily .progress{font-size:1.4rem}.daily-brief{font-size:.9rem;margin-bottom:.6rem}.target{padding:.6rem 1.1rem;margin-bottom:.7rem;border-width:3px;box-shadow:4px 4px 0 var(--ink)}.target .badge.lg{transform:rotate(-2deg) scale(1.1);margin:.3rem 0 .5rem}.target .badge.lg .pos{font-size:2rem}.target-avg{font-size:.85rem}.target-avg b{font-size:1.2rem}.target-overall{font-size:.75rem}.guess-box{margin-bottom:.6rem}.guess-input{font-size:1rem;padding:.55rem .8rem;box-shadow:4px 4px 0 var(--ink)}.guess-box .keys{margin-top:.4rem;font-size:.7rem}.guesses{margin-bottom:.7rem}.guess{grid-template-columns:1.1rem auto 1fr auto;grid-template-areas:"n c name emoji";padding:.3rem .5rem;margin-bottom:.3rem;border-width:2px;border-radius:.5rem;box-shadow:2px 2px 0 var(--ink);column-gap:.45rem}.guess .dir{display:none}.guess .crest.sm{width:22px;height:22px}.guess-name{font-size:.8rem}.guess-name small{font-size:.7rem;margin-left:.3em}.guess .emoji{font-size:.9rem}.daily-result .answer{font-size:1.3rem;margin-bottom:.6rem}.daily-result .actions .primary{font-size:1rem;padding:.5rem 1rem;box-shadow:3px 3px 0 var(--ink)}.daily-result .share-status{min-height:0;margin:.3rem 0 0;font-size:.8rem}.stats{gap:1rem;margin-top:.7rem}.stats dd{font-size:1.3rem}.daily-result .keys{margin-top:.5rem}}@media (max-width: 640px) and (max-height: 700px){.daily-brief{font-size:.82rem;margin-bottom:.45rem}.target{padding:.45rem .9rem;margin-bottom:.5rem}.target .badge.lg{transform:rotate(-2deg) scale(.95);margin:.2rem 0 .35rem}.target-avg{font-size:.78rem}.target-avg b{font-size:1.05rem}.target-overall{font-size:.68rem}.guess{padding:.2rem .45rem;margin-bottom:.22rem}.guess .crest.sm{width:19px;height:19px}.guess-name{font-size:.75rem}.guesses{margin-bottom:.5rem}.daily-result .answer{font-size:1.15rem;margin-bottom:.45rem}.stats{gap:.9rem;margin-top:.5rem}.stats dd{font-size:1.1rem}.stats dt{font-size:.6rem}.daily-result .keys{margin-top:.4rem;font-size:.72rem}#app{padding:.6rem .75rem}}@media (max-width: 640px) and (max-height: 600px){#app{padding:.6rem .75rem}.round header{margin-bottom:.6rem}.progress{font-size:1.3rem}.hint{font-size:.78rem}.fixture{gap:.6rem}.card{min-height:0;padding:.8rem .9rem;gap:.35rem}.crest.lg{width:52px;height:52px;margin-bottom:0}.card .name{font-size:1.35rem}.vs{width:2.6rem;height:2.6rem;font-size:1.2rem}.round .keys{display:none}.revealed .crest.lg{width:34px;height:34px}.revealed .badge.lg .pos{font-size:1.5rem}.revealed .card .overall{display:none}.end .title.small{font-size:1.4rem;margin-bottom:.4rem}.end .score{font-size:2.1rem;margin-bottom:.5rem}.end .score small{font-size:.9rem}.recap li{padding:.12rem .35rem;margin-bottom:.12rem;font-size:.65rem}.recap{margin-bottom:.55rem}.end .actions .primary,.end .actions .secondary{font-size:.95rem;padding:.42rem .9rem}.recap-club .crest.sm{width:17px;height:17px}.recap-name{font-size:.62rem}.end .support{margin-top:.5rem;font-size:.78rem}.daily-brief{font-size:.78rem;margin-bottom:.35rem}.target{padding:.35rem .8rem;margin-bottom:.4rem}.target .badge.lg{transform:rotate(-2deg) scale(.7);margin:.1rem 0 .15rem}.target-avg b{font-size:.95rem}.target-overall{display:none}.guess{padding:.12rem .4rem;margin-bottom:.15rem}.guess .crest.sm{width:17px;height:17px}.guess-name{font-size:.7rem}.guesses{margin-bottom:.25rem}.daily-result .answer{font-size:1rem;margin-bottom:.35rem}.daily-result .answer .crest.sm{width:24px;height:24px}.stats{gap:.7rem;margin-top:.4rem}.stats dd{font-size:.95rem}.stats dt{font-size:.55rem}.daily-result .keys{margin-top:.3rem;font-size:.68rem}.daily-result .actions .primary{font-size:.9rem;padding:.38rem .85rem;box-shadow:2px 2px 0 var(--ink)}.daily-result .kicker{margin-bottom:.25rem}.guess-box .keys{margin-top:.3rem;font-size:.66rem}}