:root{--bg:#121016;--surface:#1e1a24;--text:#f3f0f7;--muted:#a9a2b4;--accent:#e8436f;--on-accent:#1a0b10;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--vh:1vh;--reveal-room:32rem;--champion-room:31rem;--fit-floor:10rem;--fits-height:0;--avatar-size:20rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@supports (height:1svh){:root{--vh:1svh}}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);margin:0}.page{flex-direction:column;max-width:40rem;min-height:100vh;margin:0 auto;padding:0 16px;display:flex}.header h1{margin:16px 0;font-size:1.5rem}.demo-banner{border:1px solid var(--accent);border-radius:var(--radius);margin:-8px 0 16px;padding:8px 12px}@supports (min-height:100dvh){.page{min-height:100dvh}}.main{flex:1}.main:focus{outline:none}h2{margin-top:0}button,.button,select{font:inherit;color:inherit;border-radius:var(--radius);background:var(--surface);border:1px solid #3a3343;padding:12px 16px}button,.button{cursor:pointer;text-align:center;text-decoration:none}button:disabled{cursor:default}button:disabled:not(:has(img)){opacity:.5}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.actions{flex-wrap:wrap;gap:12px;display:flex}.modes{gap:12px;display:grid}.mode{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.mode span{color:var(--muted)}.filters{border-radius:var(--radius);border:1px solid #3a3343;flex-wrap:wrap;gap:12px;margin:24px 0 0;padding:12px 16px 16px;display:flex}.filters>label,.filter{flex:10rem}.filter,.filters label{flex-direction:column;gap:4px;display:flex}.footer{color:var(--muted);margin:32px 0 16px;font-size:.875rem}.footer p{margin:4px 0}.footer a{color:inherit}.footer-links{flex-wrap:wrap;gap:4px 16px;margin-top:8px;display:flex}.header a{color:inherit;text-decoration:none}.legal h3{margin-top:24px;font-size:1.125rem}.legal a{color:var(--accent)}.status{color:var(--muted)}.progress{color:var(--muted);margin-top:-8px}.match{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tournament:focus,.champion:focus,.guess:focus,.standin:focus{outline:none}.entrant{flex-direction:column;align-items:center;gap:8px;padding:8px;display:flex}.avatar,.frame{object-fit:contain;background:#000;width:100%;display:block}.avatar{aspect-ratio:1;height:auto}.name{overflow-wrap:anywhere}.champion figure,.guess figure{margin:0 0 16px}.champion figure,.guess .cta-region figure{max-width:var(--avatar-size)}.champion figcaption,.guess figcaption{justify-content:space-between;gap:8px;margin-top:8px;display:flex}figcaption.one-line{justify-content:space-between;gap:8px;display:flex}figcaption.one-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}figcaption.one-line span{white-space:nowrap;flex-shrink:0}.reserved{visibility:hidden}.cta{margin-bottom:16px;display:inline-block}a.cta:not([href]){cursor:default}.runner-up{color:var(--muted)}.live-now{margin-top:24px}.live-now h3{margin:0 0 8px;font-size:1rem}.live-now ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.live-now a{color:inherit;flex-direction:column;gap:4px;font-size:.875rem;text-decoration:none;display:flex}.hint{color:var(--muted);font-size:.875rem}.frame{--old:min(60vh, 75vw);height:var(--old)}.options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.score{font-size:1.5rem;font-weight:700}.guess .progress{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.options button:disabled,.guess .primary:disabled{opacity:1}.options.waiting button:disabled{animation:dim .2s var(--waiting-delay,.5s) forwards}@keyframes dim{to{opacity:.5}}.streak{color:var(--muted)}.cta-region{margin-top:20px}.cta:has(.cta-ui){flex-direction:column;align-items:center;line-height:1.3;display:inline-flex}.guess .cta{flex-direction:column;justify-content:center;align-items:center;min-height:2.75rem;margin:0;padding:8px 16px;line-height:1.3;display:flex}.cta-ui{color:var(--muted);font-size:.8125rem}.primary .cta-ui{color:var(--on-accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.connection{pointer-events:none;justify-content:center;display:flex;position:fixed;inset:auto 16px 16px}.connection p{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text);margin:0;padding:8px 16px}@media (width>=41rem){.header h1{margin:8px 0}.footer{margin-top:16px}.champion{grid-template-rows:auto auto auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.champion>h2,.champion>section{grid-column:1/-1}.champion>figure{width:var(--avatar-size);grid-row:span 3}.champion>div figure{max-width:var(--champion-size,var(--avatar-size))}.champion>figure figcaption{flex-direction:column;gap:0;min-height:4.5em}.champion>figure figcaption strong{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.champion .live-now ul{grid-template-columns:repeat(6,minmax(0,1fr))}.champion .live-now .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@supports (height:max(1px, min(1px, 1px))){@media (width>=41rem){:root{--fits-height:1}.frame{--fit:calc(100 * var(--vh) - var(--reveal-room));height:min(var(--old), max(var(--fit), var(--old) - max(0px, (var(--fit) - var(--fit-floor)) * 10000000)))}.champion{--fit:calc(100 * var(--vh) - var(--champion-room));--champion-size:min(var(--avatar-size), max(var(--fit), var(--avatar-size) - max(0px, (var(--fit) - var(--fit-floor)) * 10000000)))}.champion>figure{width:var(--champion-size)}}}