:root{--orange:#ff6b16;--cream:#f4e5c8;--ink:#151310}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#151310df,#151310e8),url('/assets/ui/background.png') center/cover fixed;color:var(--cream);font:18px Arial,sans-serif;min-height:100dvh}header{height:100px;padding:20px 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #f4e5c822}.brand{display:inline-block;background:var(--orange);padding:9px 20px;color:var(--ink);font:40px Impact,sans-serif;transform:rotate(-2deg);text-decoration:none}#room-code{font-weight:bold;letter-spacing:3px}#connection{margin-left:auto;font-size:14px;color:#c3b69c}main{max-width:1800px;margin:auto;padding:28px 4vw 42px}h1,h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:900;line-height:1.05;letter-spacing:1px}h1{font-size:clamp(38px,4vw,78px);margin:12px 0 26px}h2{font-size:32px}p{line-height:1.5}em{color:var(--orange);font-style:normal}.eyebrow{color:var(--orange);letter-spacing:4px;text-transform:uppercase;font-size:15px}.center{text-align:center}.landing{max-width:860px;margin:7vh auto;text-align:center}.landing h1{font-size:clamp(70px,10vw,150px)}button,.button{border:0;border-radius:4px;background:var(--orange);color:var(--ink);padding:16px 24px;font:bold 19px Arial;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:wait}.secondary{background:#30271c;color:var(--cream);border:1px solid #d8b28366}input{width:100%;padding:17px;font:20px Arial;background:#f4e5c8;color:#151310;border:2px solid transparent;border-radius:4px;margin:12px 0}button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid #fff;outline-offset:3px}.joinform{max-width:430px;margin:8vh auto}.joinform button{width:100%}.lobby{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:center;min-height:65vh}.qr{background:var(--cream);padding:22px;color:var(--ink);text-align:center;box-shadow:12px 15px #0008;transform:rotate(1deg)}.qr img{width:100%;max-width:340px;display:block;margin:auto}.qr a{color:#151310;overflow-wrap:anywhere;font-size:15px}.bigcount{font:90px Impact,sans-serif;color:var(--orange)}.lobby p{font-size:25px}.stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:stretch}.meme{height:min(60vh,690px);background:var(--cream);padding:10px;box-shadow:9px 12px #0008;transform:rotate(-.5deg)}.meme img{width:100%;height:100%;object-fit:contain;background:#151310;display:block}.original{max-width:1100px;margin:auto}.original .meme{height:65vh}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-height:0}.choice{padding:0;background:var(--cream);color:#151310;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:5px 6px #0008;border:4px solid transparent;border-radius:0;text-align:left}.letter{font:bold 23px Impact,sans-serif;display:block;flex:none;height:32px;padding:2px 9px}.portrait-row{flex:1;display:flex;min-height:0;height:130px;gap:3px;background:#28221d}.guest-portrait{flex:1;width:0;min-width:0;height:100%;display:block;overflow:hidden}.name{background:var(--orange);padding:8px;text-align:center;font:bold 22px Impact,sans-serif;min-height:40px}.choice.selected{border-color:#fff;outline:3px solid var(--orange)}.choice.correct{border-color:#70e397}.choice.correct .name{background:#70e397}.choice .count{padding:10px;text-align:center;font:bold 32px Impact,sans-serif}.bar{height:10px;background:#463725}.bar i{height:100%;display:block;background:var(--orange);transition:width .4s}.statusline{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:20px 0;color:#d4c5a9}.statusline strong{color:var(--orange);font-size:26px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px;padding:18px 0;border-top:1px solid #f4e5c833}.controls a{color:var(--cream);font-size:15px}.ranklist{display:grid;gap:10px;max-width:850px;margin:25px auto}.rankrow{display:flex;align-items:center;gap:20px;background:#f4e5c811;border:1px solid #f4e5c833;padding:15px 22px;font-size:23px}.rankrow:first-child{border-color:var(--orange)}.rankrow b{font:36px Impact,sans-serif;color:var(--orange)}.rankrow strong{margin-left:auto;font-size:30px}.self{padding:15px;background:#f4e5c811;border-left:4px solid var(--orange);margin:18px 0}.phone{max-width:640px;margin:auto}.phone .options{height:460px}.phone .choice{cursor:pointer}.phone .name{font-size:18px}.phone h1{font-size:38px}.phone .meme{height:280px;margin-bottom:24px}.phone .portrait-row{height:120px}.note{font-size:15px;color:#c8bda7}#error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:#672b16;color:#fff;padding:15px 23px;box-shadow:0 4px 30px #0009;z-index:99;display:none}.qrsmall{display:flex;align-items:center;gap:15px;margin:12px 0}.qrsmall img{width:88px;background:white}.qrsmall a{color:var(--cream);overflow-wrap:anywhere}.waiting{padding:45px 0}.waiting strong{color:var(--orange)}@media(max-width:760px){header{height:76px;padding:13px 16px;gap:12px}.brand{font-size:26px;padding:7px 12px}#room-code{font-size:12px;letter-spacing:1px}#connection{font-size:11px;max-width:90px}main{padding:22px 16px}.lobby,.stage{grid-template-columns:1fr}.lobby{gap:20px}.lobby .qr{max-width:360px;margin:auto}.lobby p{font-size:20px}.options{height:450px}.meme{height:40vh}.controls button{flex:1}.rankrow{font-size:18px;padding:12px}.phone .options{height:440px}.landing{margin-top:7vh}.qrsmall{font-size:14px}}
.stage{height:min(56vh,650px);min-height:0}.stage>.meme,.stage>.options{height:100%;min-height:0}.portrait-row,.phone .portrait-row{flex:1 1 0;height:0;overflow:hidden}.choice{min-width:0}@media(max-width:760px){.stage{height:auto}.stage>.meme{height:280px}.stage>.options{height:480px}}

.voters{display:flex;flex-wrap:wrap;gap:6px;padding:10px;flex:none;max-height:150px;overflow-y:auto;overflow-wrap:anywhere}.voter{font:600 16px/1.3 Arial,sans-serif;background:#15131012;padding:5px 8px;border-radius:4px;max-width:100%}.no-voters{font:14px Arial,sans-serif;opacity:.65}.stage:has(.voters) .options{grid-template-rows:repeat(2,auto)}.stage:has(.voters) .portrait-row{flex:none;height:120px}.phone:has(.voters) .options{height:auto;grid-template-rows:repeat(2,auto)}.phone .voter{font-size:14px}
.stage:has(.voters){height:auto;align-items:start}.stage:has(.voters)>.meme{height:min(56vh,650px)}.stage:has(.voters)>.options{height:auto;grid-template-rows:repeat(2,auto)}.stage:has(.voters) .choice{overflow:visible}.stage:has(.voters) .portrait-row{height:90px}.choice:has(.voters)>.name,.choice:has(.voters)>.count,.choice:has(.voters)>.bar{flex:none}.voters{min-height:40px}.stage:has(.voters) .voter{font-size:15px;padding:4px 6px}.stage:has(.voters) .voters{padding:8px;gap:5px}

.answer-summary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start}.answer-summary>.meme{height:min(57vh,650px)}.round-ranking{padding:22px;background:#f4e5c809;border:1px solid #f4e5c833}.round-ranking h2{font-size:34px;margin:10px 0 18px}.round-ranking .eyebrow{font-size:12px;letter-spacing:2px;margin:0}.round-ranking .ranklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;max-height:48vh;overflow:auto}.round-ranking .rankrow{min-width:0;gap:9px;padding:10px;font-size:16px;margin:0}.round-ranking .rankrow span{overflow-wrap:anywhere}.round-ranking .rankrow b{font-size:24px}.round-ranking .rankrow strong{font-size:22px;white-space:nowrap}.round-ranking .rankrow:nth-child(-n+3){background:#ff6b161c;border-color:#ff6b1666}.round-ranking .rankrow:first-child{grid-column:1/-1;background:#ff6b1633;border-color:var(--orange)}@media(max-width:760px){.answer-summary{grid-template-columns:1fr;gap:20px}.answer-summary>.meme{height:36vh}.round-ranking{padding:14px}.round-ranking .ranklist{max-height:none}.round-ranking h2{font-size:28px}}