:root{--paper:#f7f4e8;--ink:#202323;--pink:#f06393;--blue:#a9cee0;--lime:#dbe87a;--line:#b8b9ab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:#9d2350}button,input,select{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9d2350;outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:1.5rem 5vw;gap:2rem}.wordmark{font-size:1.45rem;font-weight:900;letter-spacing:-.07em;text-decoration:none;line-height:1.1}.wordmark span{display:block;font-size:.62rem;letter-spacing:.13em;margin-top:.4rem}nav{display:flex;align-items:center;gap:1.8rem;font-size:.85rem;font-weight:700}nav a{text-decoration:none}.small-cta{border:1px solid;padding:.6rem 1rem}section{padding:5rem 7vw;max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;padding-top:4rem;padding-bottom:4rem;min-height:660px}.eyebrow{font-family:monospace;text-transform:uppercase;font-size:.78rem;letter-spacing:.11em;font-weight:700;margin:0 0 1.3rem}h1{font-size:clamp(5rem,10vw,10rem);letter-spacing:-.085em;line-height:.84;margin:0 0 2rem;font-weight:900}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#a62b58}.intro{font-size:1.15rem;max-width:30rem}.actions{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;margin:2rem 0;font-size:.9rem;font-weight:700}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:.9rem 1.25rem;text-decoration:none}.button:hover{background:#963055;color:white}.status{font-size:.78rem;color:#595f55}.poster{position:relative;min-height:480px}.poster-card{position:absolute;border:2px solid var(--ink);border-radius:14px;width:57%;aspect-ratio: .68;padding:1.3rem;box-shadow:8px 10px 0 #20232325;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.poster-card span,.poster-card small{font:700 .65rem monospace;letter-spacing:.05em}.poster-card strong{font-size:clamp(1.5rem,3vw,3rem);line-height:.95;letter-spacing:-.06em}.poster-card p{font-size:.85rem;font-style:italic;line-height:1.3}.pink{background:var(--pink);left:3%;top:2rem;transform:rotate(-12deg);z-index:2}.blue{background:var(--blue);right:0;top:6rem;transform:rotate(12deg)}.sun,.rain{font-size:6rem;line-height:.8;text-align:center}.rain{font-size:7rem}.burst{position:absolute;right:0;top:-1rem;background:var(--lime);border:2px solid;padding:1rem;border-radius:50%;font-size:.75rem;font-weight:900;line-height:1.2;transform:rotate(12deg);z-index:3}.ribbon{background:var(--ink);color:var(--paper);display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap;padding:1.2rem;font:700 .75rem monospace;letter-spacing:.14em}h2{font-size:clamp(2.3rem,4.3vw,4.2rem);line-height:1.04;letter-spacing:-.055em;margin:.3rem 0 2rem}h3{line-height:1.2}.rules-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}.rules-grid>div{max-width:30rem}.turns{list-style:none;padding:0;margin:0;counter-reset:turn}.turns li{counter-increment:turn;border-top:1px solid var(--line);padding:1rem 0 1rem 3rem;position:relative}.turns li:before{content:'0' counter(turn);position:absolute;left:0;font-family:monospace}.turns strong{display:block}.turns span{font-size:.92rem}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:3rem;padding:1rem 0}summary{font-weight:700;cursor:pointer}.decks{background:var(--lime)}.deck-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.deck-intro h3{font-size:2rem;letter-spacing:-.04em;margin:0}.deck-intro p{max-width:32rem}.filters{display:flex;gap:1.5rem;align-items:end;margin:2rem 0}.filters label{display:grid;gap:.35rem;font-size:.8rem;font-weight:700}.filters input,.filters select{padding:.7rem .8rem;background:transparent;border:1px solid var(--ink);border-radius:0;max-width:100%}#count{margin:0 0 .8rem auto;font: .8rem monospace}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.card{border:1px solid var(--ink);padding:1.25rem;background:#fffdf5;border-top:6px solid var(--pink);scroll-margin-top:2rem}.card[data-deck=ROOFTOP_TEMPO]{border-top-color:var(--blue)}.card[hidden]{display:none}.card-top{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font: .73rem monospace}.card-top b{border:1px solid;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;font-size:1.1rem}.card-code{font: .65rem monospace;color:#63665e;margin-top:1.2rem}.card h3{font-size:1.5rem;letter-spacing:-.04em;margin:.3rem 0 1rem}.tones{display:flex;gap:.4rem;flex-wrap:wrap}.tones span{font: .65rem monospace;background:#eae9de;padding:.2rem .4rem}.card p{font-size:.9rem}.card .flavour{border-top:1px solid #dbddd0;padding-top:.8rem;color:#67695e;font-family:Georgia,serif;font-style:italic;font-size:.85rem}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#e3e8e1}.evidence>div>p{max-width:31rem}.scoreboard{align-self:center;background:var(--paper);border:1px solid;padding:2rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:.8rem .3rem;border-bottom:1px solid var(--line);text-align:right}th:first-child{text-align:left}thead th{font: .7rem monospace}.resources{max-width:55rem;text-align:center}.resources .actions{justify-content:center}footer{border-top:1px solid;padding:2rem 7vw;display:grid;grid-template-columns:1fr 2fr;gap:1rem;font-size:.75rem}footer p{margin:0}footer p:last-child{grid-column:2}footer strong{font-size:1.2rem;letter-spacing:-.07em}@media(max-width:800px){header{padding:1.2rem 5vw}nav{gap:1rem}.small-cta{display:none}section{padding:3.5rem 6vw}.hero{grid-template-columns:1fr}.hero h1{font-size:6.5rem}.hero .poster{min-height:450px;max-width:440px;width:100%;margin:0 auto}.poster-card strong{font-size:2.5rem}.rules-grid,.evidence,.deck-intro{grid-template-columns:1fr;gap:2rem}.cards{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters label{flex:1;min-width:180px}#count{width:100%;margin:0}footer{grid-template-columns:1fr}footer p:last-child{grid-column:1}}@media(max-width:480px){.cards{grid-template-columns:1fr}nav{font-size:.75rem;gap:.8rem}.wordmark{font-size:1.1rem}.poster-card{padding:1rem}.hero .poster{min-height:400px}.poster-card strong{font-size:2.1rem}.sun,.rain{font-size:5rem}.ribbon{font-size:.6rem}.scoreboard{padding:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.stats{display:flex;gap:1rem;font:700 .75rem monospace;margin-top:.7rem}
@media(max-width:800px){.hero .poster{width:90%}.poster-card.blue{right:1rem}}