:root{--sand:#f3ead8;--paper:#fffaf0;--line:#e0d3b8;--ink:#1d3557;--dim:#5b6b80;--beak:#f4a259;--sea:#2a9d8f;--red:#e76f51;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--sand)}body{font:16px/1.5 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}main{max-width:860px;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left));margin:0 auto}a{color:var(--ink);-webkit-text-decoration-color:var(--beak);text-decoration-color:var(--beak);text-underline-offset:2px;text-decoration-thickness:2px}h1,h2{margin:0;line-height:1.15}h2{font-size:1.3rem;font-weight:850}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--dim);margin:10px 0 0;font-size:.88rem}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--sea);margin:0 0 6px;font-size:.8rem;font-weight:800}h1{letter-spacing:-.02em;max-width:22ch;font-size:clamp(1.6rem,5.5vw,2.5rem);font-weight:900}.lede{color:var(--dim);max-width:60ch;margin:10px 0 0}.prompt{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding:8px 12px;font-size:.92rem;display:inline-flex}.prompt span{letter-spacing:.1em;text-transform:uppercase;color:var(--sea);font-size:.72rem;font-weight:800}.prompt code{font-family:var(--mono)}section{margin-top:28px}.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.pair{grid-template-columns:1fr;gap:10px}}.contender{background:var(--paper);border:2px solid var(--line);border-radius:18px;margin:0;padding:10px;transition:border-color .2s,transform .2s,opacity .2s;position:relative}.contender .tag{z-index:1;background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:10px;left:10px}.frame{aspect-ratio:4/3;background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}@media (width<=560px){.frame{aspect-ratio:16/10}}.frame img{object-fit:contain;width:100%;height:100%}.who{flex-wrap:wrap;align-items:baseline;gap:6px;margin:8px 4px 0;font-weight:800;display:flex}.who small{color:var(--dim);font-weight:500}.contender.won{border-color:var(--sea);transform:translateY(-2px)}.contender.lost{opacity:.7}.contender.tied{border-color:var(--beak)}.badge{background:var(--beak);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:850;display:inline-block}.choices,.after{grid-template-columns:1fr auto 1fr;gap:10px;margin-top:14px;display:grid}.after{grid-template-columns:1fr auto;align-items:center}.after p{margin:0;font-weight:700}button{font:inherit;cursor:pointer;border:2px solid var(--ink);border-radius:12px;min-height:48px;padding:12px 16px}button.primary{background:var(--ink);color:var(--paper);font-weight:800}button.primary:hover{background:#274b78}button.ghost{color:var(--ink);background:0 0;font-weight:700}button:focus-visible{outline:3px solid var(--beak);outline-offset:2px}.empty{background:var(--paper);border-radius:12px;padding:20px}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tabs{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.tabs button{min-height:36px;color:var(--dim);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:700}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.standings{counter-reset:rank;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.standings li{counter-increment:rank;background:var(--paper);border:1px solid var(--line);border-radius:14px;grid-template-columns:28px 56px 1fr auto;align-items:center;gap:10px;padding:8px 12px 8px 10px;display:grid}.standings li:before{content:counter(rank);color:var(--dim);text-align:center;font-weight:900}.standings li:first-child{border-color:var(--beak);box-shadow:0 0 0 1px var(--beak)}.standings li:first-child:before{content:"1";color:var(--paper);background:var(--beak);border-radius:50%;width:26px;height:26px;line-height:26px}.standings img{object-fit:contain;background:#fff;border-radius:6px;width:56px;height:42px}.standings .name{font-weight:800;line-height:1.25}.standings .name small{color:var(--dim);font-size:.82rem;font-weight:500;display:block}.standings .score{text-align:right;font-family:var(--mono);font-size:1.05rem;font-weight:800}.standings .score small{font-family:var(--sans);color:var(--dim);white-space:nowrap;font-size:.75rem;font-weight:500;display:block}.actions{justify-content:center;display:flex}.model{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin-top:18px;padding:14px;scroll-margin-top:16px}.model h3{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:1.05rem;display:flex}.model h3 small{color:var(--dim);font-size:.85rem;font-weight:500}.model .meta{color:var(--dim);margin:4px 0 0;font-size:.85rem}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.thumbs button{border:1px solid var(--line);aspect-ratio:4/3;background:#fff;border-radius:10px;min-height:0;padding:0;overflow:hidden}.thumbs img{object-fit:contain;width:100%;height:100%;display:block}dialog{background:var(--paper);width:min(760px,94vw);color:var(--ink);border:0;border-radius:18px;padding:14px}dialog::backdrop{background:#1d355799}dialog img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:70vh}dialog p{margin:8px 0;font-weight:700}dialog form{justify-content:flex-end;display:flex}footer{color:var(--dim);margin-top:36px;font-size:.85rem}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0003}@media (width<=560px){.choices,.after{z-index:2;padding:10px 16px max(10px, env(safe-area-inset-bottom));background:linear-gradient(to bottom, #f3ead8d9, var(--sand) 30%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:12px -16px 0;position:sticky;bottom:0}}