:root{--primary:#ffe800;--black:#000;--white:#fff;--pink:#f0f;--green:#0f0;--muted:#e0e0e0;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Mono", monospace;--font-heading:"Syne", sans-serif;--border:4px solid var(--black);--shadow:6px 6px 0px var(--black);--shadow-sm:4px 4px 0px var(--black);--shadow-focus:8px 8px 0px var(--black);--shadow-none:0px 0px 0px var(--black)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-display);background-color:var(--white);background-image:radial-gradient(var(--muted) 1px, transparent 1px);color:var(--black);-webkit-font-smoothing:antialiased;background-size:20px 20px;min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.app-shell{background:var(--white);border-left:var(--border);border-right:var(--border);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.screen{flex-direction:column;flex:1;padding:24px;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;gap:24px}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;font-weight:800;line-height:.9}h1{font-size:48px}h2{font-size:24px}h3{font-size:20px}p{font-family:var(--font-body);margin:0}.brutal-input{border:var(--border);width:100%;height:64px;box-shadow:var(--shadow);background:var(--white);color:var(--black);font-family:var(--font-body);text-transform:uppercase;-webkit-appearance:none;border-radius:0;outline:none;padding:12px 16px;font-size:18px;font-weight:700;transition:all .15s ease-in-out}.brutal-input::placeholder{color:#999;font-family:var(--font-body)}.brutal-input:focus{box-shadow:var(--shadow-focus);background-color:#f9e4061a;transform:translate(-2px,-2px)}.brutal-textarea{resize:none;border:var(--border);width:100%;height:120px;box-shadow:var(--shadow);background:var(--white);color:var(--black);font-family:var(--font-body);text-transform:uppercase;-webkit-appearance:none;border-radius:0;outline:none;padding:16px;font-size:18px;font-weight:500;transition:all .15s ease-in-out}.brutal-textarea::placeholder{color:#999}.brutal-textarea:focus{box-shadow:var(--shadow-focus);background-color:#f9e4061a;transform:translate(-2px,-2px)}.brutal-btn{border:var(--border);width:100%;height:72px;box-shadow:var(--shadow);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:var(--primary);color:var(--black);border-radius:0;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:700;transition:all .1s ease-in-out;display:flex}.brutal-btn:active{box-shadow:var(--shadow-none);transform:translate(6px,6px)}.brutal-btn:disabled{opacity:.4;cursor:not-allowed}.brutal-btn:disabled:active{box-shadow:var(--shadow);transform:none}.brutal-btn--green{background:var(--green)}.brutal-btn--pink{background:var(--pink);color:var(--black)}.brutal-btn--white{background:var(--white)}.brutal-btn--small{height:48px;font-size:16px}.brutal-card{border:var(--border);box-shadow:var(--shadow);background:var(--white)}.brutal-header{border-bottom:var(--border);background:var(--white);z-index:10;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.brutal-header-btn{border:var(--border);background:var(--white);width:48px;height:48px;box-shadow:var(--shadow);cursor:pointer;border-radius:0;justify-content:center;align-items:center;transition:all .1s ease-in-out;display:flex}.brutal-header-btn:active{box-shadow:var(--shadow-none);transform:translate(6px,6px)}.timer-badge{border:var(--border);background:var(--pink);box-shadow:var(--shadow);align-items:center;gap:8px;padding:8px 16px;display:flex}.timer-badge .material-symbols-outlined{color:var(--white);font-weight:700}.timer-badge span{font-family:var(--font-body);color:var(--white);letter-spacing:.1em;font-size:20px;font-weight:700}.meme-frame{aspect-ratio:1;border:var(--border);width:100%;box-shadow:var(--shadow);background:var(--muted);position:relative;overflow:hidden}.meme-frame img{object-fit:cover;width:100%;height:100%;display:block}.meme-frame--tall{aspect-ratio:3/4}.impact-text{font-family:var(--font-heading);text-transform:uppercase;color:#fff;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 4px #000;text-align:center;font-size:32px;font-weight:800;line-height:1}.progress-section{background:var(--white);flex-direction:column;gap:8px;padding:16px;display:flex}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:700}.progress-timer{font-family:var(--font-body);background:var(--pink);color:var(--white);border:2px solid var(--black);padding:4px 8px;font-size:12px;font-weight:700}.progress-bar{border:2px solid var(--black);background:var(--muted);width:100%;height:16px}.progress-bar-fill{background:var(--green);border-right:2px solid var(--black);height:100%;transition:width .3s}.vote-buttons{justify-content:center;gap:32px;padding:16px;display:flex}.vote-btn{border:var(--border);width:80px;height:80px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .1s ease-in-out;display:flex}.vote-btn:active{box-shadow:var(--shadow-none);transform:translate(6px,6px)}.vote-btn--reject{background:var(--white)}.vote-btn--approve{background:var(--primary)}.vote-btn .material-symbols-outlined{font-size:40px}.leaderboard{width:100%}.leaderboard-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;border-bottom:var(--border);margin-bottom:12px;padding-bottom:8px;font-size:20px;font-weight:800}.leaderboard-list{border:var(--border);box-shadow:var(--shadow);background:var(--white);flex-direction:column;list-style:none;display:flex}.leaderboard-row{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:nth-child(odd){background:var(--muted)}.leaderboard-row:nth-child(2n){background:var(--white)}.leaderboard-row.you{background:#f9e4064d}.leaderboard-left{align-items:center;gap:16px;display:flex}.leaderboard-rank{text-align:center;width:24px;font-size:20px;font-weight:800}.leaderboard-name{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:18px;font-weight:700;overflow:hidden}.leaderboard-score{font-size:18px;font-weight:700}.winner-card{border:var(--border);box-shadow:var(--shadow);background:var(--primary);flex-direction:column;display:flex}.winner-card .meme-frame{border:none;border-bottom:var(--border);box-shadow:none}.winner-info{background:var(--primary);justify-content:space-between;align-items:center;padding:16px;display:flex}.winner-name{text-transform:uppercase;letter-spacing:-.02em;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.winner-pts{border:2px solid var(--black);background:var(--white);box-shadow:2px 2px 0px var(--black);padding:4px 12px;font-size:20px;font-weight:700}.lobby{flex-direction:column;align-items:center;gap:32px;width:100%;padding:32px 24px;display:flex}.lobby__players{width:100%;max-width:560px}.lobby__players-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.lobby__player-count{border:3px solid var(--black);background:var(--primary);min-width:36px;height:36px;font-family:var(--font-body);justify-content:center;align-items:center;padding:0 8px;font-size:18px;font-weight:800;display:inline-flex}.lobby__empty{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:#888;text-align:center;padding:24px 0;font-size:14px;font-weight:700}.lobby__actions{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;display:flex}.lobby__hint{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.player-chips{flex-wrap:wrap;gap:8px;display:flex}.player-chip{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:var(--white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;padding:8px 16px;font-size:15px;font-weight:700}.qr-section{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-section__label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-size:20px;font-weight:800}.qr-section__frame{background:var(--primary);border:var(--border);box-shadow:var(--shadow);justify-content:center;align-items:center;padding:16px;display:flex}.qr-section__frame img{background-color:var(--white);padding:16px;display:block}.qr-section__code{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:#888;font-size:14px;font-weight:700}.char-counter{font-family:var(--font-body);background:var(--primary);border:2px solid var(--black);padding:2px 8px;font-size:14px;font-weight:700;position:absolute;bottom:12px;right:12px}.submitted-by{background:var(--white);border-top:var(--border);justify-content:space-between;align-items:center;width:100%;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0}.submitted-by-label{font-family:var(--font-body);text-transform:uppercase;font-size:12px;font-weight:700}.submitted-by-name{font-family:var(--font-body);background:var(--primary);border:2px solid var(--black);padding:2px 8px;font-size:14px;font-weight:700}.waiting-overlay{z-index:50;background:var(--black);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.waiting-overlay-box{border:var(--border);border-color:var(--white);width:100%;max-width:400px;padding:32px}.waiting-overlay h2{color:var(--white);margin-bottom:24px;font-size:36px;line-height:1}.waiting-overlay p{color:var(--white);animation:2s ease-in-out infinite pulse}.fixed-bottom{background:var(--white);border-top:var(--border);z-index:20;width:100%;max-width:480px;padding:16px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.brutal-link{font-family:var(--font-body);text-transform:uppercase;text-underline-offset:4px;color:var(--black);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .15s}.brutal-link:hover{color:var(--pink)}.badge{font-family:var(--font-body);border:var(--border);box-shadow:var(--shadow);padding:8px 16px;font-size:18px;font-weight:700}.badge--primary{background:var(--primary)}.badge--pink{background:var(--pink);color:var(--white)}.form-stack{flex-direction:column;gap:24px;width:100%;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.mt-auto{margin-top:auto}.mb-8{margin-bottom:32px}.mb-4{margin-bottom:16px}.mt-8{margin-top:32px}.font-body{font-family:var(--font-body)}.font-heading{font-family:var(--font-heading)}.uppercase{text-transform:uppercase}.bold{font-weight:700}.extrabold{font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.host-shell{background:var(--white);border-left:var(--border);border-right:var(--border);flex-direction:column;width:100%;max-width:900px;min-height:100dvh;margin:0 auto;display:flex}.host-round-layout{flex:1;grid-template-columns:1fr 320px;gap:0;display:grid}.host-round-main{flex-direction:column;align-items:center;gap:24px;padding:24px;display:flex}.host-round-sidebar{border-left:var(--border);padding:24px}.host-round-main .meme-frame{aspect-ratio:1;max-width:500px}@media (width<=768px){.host-round-layout{grid-template-columns:1fr}.host-round-sidebar{border-left:none;border-top:var(--border)}}.rounds-picker{width:100%;position:relative}.rounds-picker__trigger{border:var(--border);width:100%;height:64px;box-shadow:var(--shadow);background:var(--white);color:var(--black);font-family:var(--font-body);text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:18px;font-weight:700;transition:all .1s ease-in-out;display:flex}.rounds-picker__trigger:active{box-shadow:var(--shadow-none);transform:translate(6px,6px)}.rounds-picker__chevron{transition:transform .2s}.rounds-picker__chevron--open{transform:rotate(180deg)}.rounds-picker__menu{border:var(--border);max-height:240px;box-shadow:var(--shadow);background:var(--white);z-index:50;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.rounds-picker__option{background:var(--white);width:100%;height:48px;color:var(--black);font-family:var(--font-body);text-transform:uppercase;cursor:pointer;border:none;border-radius:0;align-items:center;padding:0 20px;font-size:16px;font-weight:700;display:flex}.rounds-picker__option:hover,.rounds-picker__option--active{background:var(--primary)}