:root{--gc-red: #e62727;--gc-yellow: #fff200;--gc-cream: #fff8ed;--gc-ink: #291313;--gc-white: #ffffff;--gc-font-display: "Fredoka", "Arial Rounded MT Bold", "Nunito", ui-rounded, system-ui, sans-serif;--gc-font-interface: "Nunito", "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--gc-space-1: 4px;--gc-space-2: 8px;--gc-space-3: 12px;--gc-space-4: 16px;--gc-space-6: 24px;--gc-space-8: 32px;--gc-space-12: 48px;--gc-space-16: 64px;--gc-radius-sm: 12px;--gc-radius-md: 20px;--gc-radius-lg: 32px;--gc-radius-pill: 999px;--gc-border-standard: 2px;--gc-border-emphasis: 4px;--gc-border-focus: 6px;--gc-shadow-panel: 8px 8px 0 var(--gc-ink);--gc-shadow-small: 4px 4px 0 var(--gc-ink)}*{box-sizing:border-box}html{font-family:var(--gc-font-interface);background:var(--gc-red)}.gc-logo{display:grid;width:max-content;color:var(--gc-cream);font-family:var(--gc-font-display);font-weight:900;line-height:.82;letter-spacing:0;text-transform:uppercase;text-shadow:4px 4px 0 var(--gc-ink)}.gc-logo span,.gc-logo strong{display:block}.gc-logo-tv{font-size:clamp(54px,7vw,132px)}.gc-logo-phone{color:var(--gc-ink);font-size:clamp(48px,14vw,68px);text-shadow:3px 3px 0 var(--gc-yellow)}.gc-avatar{display:inline-grid;place-items:center;flex:0 0 auto;color:var(--gc-red);background:var(--gc-cream);border:3px solid var(--gc-ink);border-radius:50%;font-family:Times New Roman,serif;font-weight:900;line-height:1}.gc-avatar[data-selected=true]{background:var(--gc-yellow);box-shadow:var(--gc-shadow-small)}.gc-avatar-xs{width:34px;height:34px;font-size:23px}.gc-avatar-sm{width:46px;height:46px;font-size:32px}.gc-avatar-md{width:68px;height:68px;font-size:48px}.gc-avatar-lg{width:82px;height:82px;font-size:58px}.gc-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:3px solid var(--gc-ink);border-radius:var(--gc-radius-pill);color:var(--gc-ink);cursor:pointer;font-family:var(--gc-font-display);font-size:16px;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;transition:transform .14s ease,box-shadow .14s ease}.gc-button:hover,.gc-button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:var(--gc-shadow-small)}.gc-button:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}.gc-button-primary{background:var(--gc-yellow)}.gc-button-secondary{background:var(--gc-cream)}.gc-button-destructive{color:var(--gc-cream);background:var(--gc-red)}.gc-button-icon,.gc-badge-icon{display:inline-flex;align-items:center}.gc-button svg,.gc-badge svg{width:18px;height:18px;stroke-width:3px}.gc-badge,.gc-status{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:34px;padding:7px 12px;border:2px solid var(--gc-ink);border-radius:var(--gc-radius-pill);font-family:var(--gc-font-display);font-size:13px;font-weight:900;line-height:1;text-transform:uppercase}.gc-badge-yellow{background:var(--gc-yellow);color:var(--gc-ink)}.gc-badge-cream{background:var(--gc-cream);color:var(--gc-ink)}.gc-badge-red{background:var(--gc-red);color:var(--gc-cream)}.gc-status{background:var(--gc-white)}.gc-status span{width:10px;height:10px;border:2px solid var(--gc-ink);border-radius:50%}.gc-status-connected span{background:var(--gc-yellow)}.gc-status-disconnected span{background:var(--gc-red)}.gc-room-code{display:grid;justify-items:end;min-width:230px;padding:20px 26px;color:var(--gc-ink);background:var(--gc-yellow);border:var(--gc-border-emphasis) solid var(--gc-ink);border-radius:var(--gc-radius-lg);box-shadow:var(--gc-shadow-panel);font-family:var(--gc-font-display);text-transform:uppercase}.gc-room-code span{font-size:22px;font-weight:900}.gc-room-code strong{font-size:clamp(54px,5.8vw,94px);line-height:.86;letter-spacing:0}.gc-qr-card{display:grid;gap:16px;padding:20px;color:var(--gc-ink);background:var(--gc-cream);border:var(--gc-border-emphasis) solid var(--gc-ink);border-radius:var(--gc-radius-lg);box-shadow:var(--gc-shadow-panel)}.gc-qr-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gc-qr-header strong{font-family:var(--gc-font-display);font-size:34px;font-weight:900}.gc-qr{display:grid;aspect-ratio:1;background:var(--gc-white);border:3px solid var(--gc-ink);border-radius:var(--gc-radius-md);overflow:hidden}.gc-qr span{background:transparent}.gc-qr span[data-on=true]{background:var(--gc-ink)}.gc-qr-card p{margin:0;overflow-wrap:anywhere;font-family:var(--gc-font-display);font-size:clamp(15px,1.2vw,20px);font-weight:900;text-align:center}.gc-player-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:112px;padding:14px 16px 14px 14px;background:var(--gc-white);border:3px solid var(--gc-ink);border-radius:var(--gc-radius-lg)}.gc-player-card[data-status=disconnected]{opacity:.58}.gc-player-info{display:grid;min-width:0}.gc-player-info strong{overflow:hidden;color:var(--gc-ink);font-family:var(--gc-font-display);font-size:clamp(28px,2.4vw,42px);font-weight:900;line-height:.98;text-overflow:ellipsis;white-space:nowrap}.gc-player-info span{color:var(--gc-red);font-size:14px;font-weight:900;text-transform:uppercase}.gc-crown{position:absolute;top:-14px;right:18px;display:grid;place-items:center;width:40px;height:40px;color:var(--gc-ink);background:var(--gc-yellow);border:3px solid var(--gc-ink);border-radius:50%}.gc-crown svg{width:22px;height:22px;stroke-width:3px}.gc-chat-message{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;background:var(--gc-white);border:2px solid var(--gc-ink);border-radius:var(--gc-radius-md)}.gc-chat-message div{display:grid;min-width:0}.gc-chat-message strong,.gc-chat-message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-chat-message strong{font-family:var(--gc-font-display);font-size:15px;font-weight:900}.gc-chat-message span{font-size:18px;font-weight:900}.gc-empty-game{display:grid;gap:14px;padding:20px;color:var(--gc-ink);background:var(--gc-cream);border:4px solid var(--gc-ink);border-radius:var(--gc-radius-lg);box-shadow:var(--gc-shadow-panel)}.gc-empty-icon{display:grid;place-items:center;width:58px;height:58px;color:var(--gc-ink);background:var(--gc-yellow);border:3px solid var(--gc-ink);border-radius:50%}.gc-empty-icon svg{width:30px;height:30px;stroke-width:3px}.gc-empty-game h2{margin:0;font-family:var(--gc-font-display);font-size:clamp(24px,2vw,34px);font-weight:900;line-height:.94}.gc-empty-game p{margin:8px 0 0;font-size:15px;font-weight:800;line-height:1.25}.gc-vote-panel{display:grid;gap:14px;padding:20px;color:var(--gc-ink);background:var(--gc-yellow);border:4px solid var(--gc-ink);border-radius:var(--gc-radius-lg);box-shadow:var(--gc-shadow-panel)}.gc-vote-panel-phone{background:var(--gc-white)}.gc-vote-people{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--gc-font-display);font-size:clamp(24px,2.4vw,38px);font-weight:900;line-height:.95}.gc-vote-people strong{color:var(--gc-red)}.gc-vote-progress{height:22px;overflow:hidden;background:var(--gc-cream);border:3px solid var(--gc-ink);border-radius:var(--gc-radius-pill)}.gc-vote-progress span{display:block;height:100%;background:var(--gc-red)}.gc-vote-counts{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--gc-font-display);font-size:15px;font-weight:900;text-transform:uppercase}.gc-phone-shell{position:relative;width:min(390px,100vw);min-height:min(844px,100vh);padding:16px;background:var(--gc-ink);border-radius:42px;box-shadow:12px 12px #29131361}.gc-phone-speaker{width:70px;height:8px;margin:0 auto 12px;background:var(--gc-red);border-radius:var(--gc-radius-pill)}.gc-phone-screen{min-height:calc(min(844px,100vh) - 60px);padding:22px;overflow:hidden;background:var(--gc-cream);border:4px solid var(--gc-red);border-radius:30px}@media(max-width:430px){.gc-phone-shell{width:100vw;min-height:100vh;padding:0;border-radius:0;box-shadow:none}.gc-phone-speaker{display:none}.gc-phone-screen{min-height:100vh;border:0;border-radius:0}}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:100vw;min-height:100vh;background:var(--gc-red);color:var(--gc-cream)}button,input{font:inherit}.tv-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.25vw,22px);width:100vw;height:100vh;min-height:0;padding:clamp(18px,2.4vw,46px);box-sizing:border-box;background:radial-gradient(circle at 9% 14%,rgba(255,242,0,.18),transparent 13%),linear-gradient(135deg,#e62727,#f1372b 48%,#d91f25);overflow:hidden}.tv-stage:after{content:"";position:absolute;inset:clamp(14px,1.8vw,34px);border:3px solid rgba(255,248,237,.24);border-radius:28px;pointer-events:none}.tv-symbol{position:absolute;pointer-events:none}.tv-symbol-star{top:10%;right:21%;width:clamp(36px,3.2vw,58px);height:clamp(36px,3.2vw,58px);background:var(--gc-yellow);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,80% 93%,50% 70%,20% 93%,32% 57%,2% 35%,39% 35%)}.tv-symbol-ring{right:5%;bottom:11%;width:clamp(110px,9.4vw,170px);height:clamp(52px,4.6vw,82px);border:clamp(4px,.45vw,8px) solid rgba(255,248,237,.55);border-radius:50%;transform:rotate(-16deg)}.tv-symbol-bolt{left:3.6%;bottom:17%;width:clamp(26px,2.4vw,42px);height:clamp(52px,4.7vw,82px);background:var(--gc-yellow);clip-path:polygon(55% 0,100% 0,65% 41%,100% 41%,32% 100%,45% 55%,0 55%)}.tv-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,2vw,32px);min-height:0}.tv-kicker{margin:4px 0 0;color:var(--gc-yellow);font-family:var(--gc-font-display);font-size:clamp(15px,1.25vw,24px);font-weight:800;letter-spacing:0;text-transform:uppercase}.tv-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.74fr) minmax(460px,1.58fr) minmax(300px,.92fr);gap:clamp(12px,1.15vw,22px);min-height:0;overflow:hidden}.tv-join,.tv-activity{min-height:0;min-width:0;overflow:hidden}.tv-join{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1vw,16px)}.tv-activity{display:grid;grid-template-rows:minmax(225px,1fr) auto auto;gap:clamp(10px,1vw,16px)}.panel{background:var(--gc-cream);color:var(--gc-ink);border:3px solid var(--gc-ink);border-radius:clamp(20px,1.8vw,var(--gc-radius-lg));box-shadow:5px 5px 0 var(--gc-ink)}.tv-players{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:clamp(14px,1.45vw,28px)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(12px,1.1vw,20px);margin-bottom:clamp(10px,1vw,18px)}.panel-heading.compact{align-items:center;margin-bottom:clamp(8px,.8vw,14px)}.panel-heading h1{margin:6px 0 0;font-family:var(--gc-font-display);font-size:clamp(34px,3.5vw,64px);line-height:.88;letter-spacing:0}.host-callout{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:clamp(46px,4.2vw,62px);max-width:min(330px,30vw);margin-top:clamp(8px,.8vw,14px);padding:8px 15px 9px 8px;background:var(--gc-yellow);border:2px solid var(--gc-ink);border-radius:var(--gc-radius-pill);font-family:var(--gc-font-display);font-size:clamp(14px,1.16vw,20px);font-weight:900;line-height:1.12}.host-callout span{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(8px,.85vw,14px);min-height:0;overflow:hidden}.activity-panel,.candidates-panel{min-height:0;overflow:hidden;padding:clamp(12px,1.05vw,18px)}.activity-panel{display:flex;flex-direction:column}.message-stack{display:grid;gap:clamp(7px,.65vw,11px);min-height:0;overflow:hidden}.candidate-list{display:flex;flex-wrap:nowrap;gap:clamp(6px,.6vw,10px)}.candidate-chip{display:inline-flex;align-items:center;flex:1 1 0;gap:6px;min-width:0;padding:5px 7px 5px 5px;background:var(--gc-white);border:2px solid var(--gc-ink);border-radius:var(--gc-radius-pill);font-size:clamp(11px,.82vw,14px);font-weight:900}.candidate-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-chip strong{color:var(--gc-red);flex:0 0 auto;font-size:clamp(8px,.6vw,10px);text-transform:uppercase;white-space:nowrap}.tv-game-module{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(8px,.8vw,12px);min-height:0;padding:clamp(12px,1.1vw,18px);color:var(--gc-ink);background:var(--gc-cream);border:3px solid var(--gc-ink);border-radius:clamp(18px,1.65vw,28px);box-shadow:5px 5px 0 var(--gc-ink);overflow:hidden}.tv-game-icon{display:grid;place-items:center;width:clamp(38px,3.1vw,54px);height:clamp(38px,3.1vw,54px);color:var(--gc-ink);background:var(--gc-yellow);border:2px solid var(--gc-ink);border-radius:50%}.tv-game-icon svg{width:clamp(20px,1.8vw,28px);height:clamp(20px,1.8vw,28px);stroke-width:3px}.tv-game-module h2{margin:8px 0 0;overflow:hidden;color:var(--gc-ink);font-family:var(--gc-font-display);font-size:clamp(20px,1.8vw,30px);font-weight:900;line-height:.94;text-overflow:ellipsis;white-space:nowrap}.tv-game-module p,.tv-game-module small{display:block;overflow:hidden;margin:4px 0 0;font-size:clamp(11px,.95vw,14px);font-weight:900;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.tv-game-module small{color:var(--gc-red);text-transform:uppercase}.tv-game-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:clamp(12px,1.15vw,22px);min-height:0;overflow:hidden}.tv-game-main,.tv-game-side,.tv-game-roster,.tv-game-results{min-height:0;overflow:hidden}.tv-game-main{display:flex;flex-direction:column;padding:clamp(18px,2vw,36px)}.tv-game-main .panel-heading h1{font-size:clamp(58px,6vw,110px)}.tv-game-category{display:grid;justify-items:end;min-width:min(330px,30vw);padding:clamp(12px,1.2vw,20px);color:var(--gc-ink);background:var(--gc-yellow);border:3px solid var(--gc-ink);border-radius:var(--gc-radius-lg);font-family:var(--gc-font-display);text-transform:uppercase}.tv-game-category span{font-size:clamp(13px,1vw,18px);font-weight:900}.tv-game-category strong{overflow:hidden;max-width:100%;font-size:clamp(38px,4.1vw,78px);font-weight:900;line-height:.88;text-overflow:ellipsis;white-space:nowrap}.tv-game-prompt{flex:1;display:grid;align-content:center;max-width:980px}.tv-game-prompt h2{margin:0;font-family:var(--gc-font-display);font-size:clamp(70px,8vw,150px);font-weight:900;line-height:.86}.tv-game-prompt p{margin:clamp(16px,1.6vw,28px) 0 0;max-width:820px;font-size:clamp(23px,2vw,38px);font-weight:900;line-height:1.08}.tv-game-side{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(12px,1.15vw,20px)}.tv-game-roster,.tv-game-results{padding:clamp(12px,1.1vw,18px)}.tv-game-player-list{display:grid;gap:clamp(8px,.75vw,12px);min-height:0;overflow:hidden}.tv-game-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:clamp(7px,.65vw,10px);background:var(--gc-white);border:2px solid var(--gc-ink);border-radius:var(--gc-radius-pill)}.tv-game-player span{overflow:hidden;font-family:var(--gc-font-display);font-size:clamp(17px,1.35vw,25px);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.tv-game-player strong{color:var(--gc-red);font-size:clamp(10px,.8vw,13px);font-weight:900;text-transform:uppercase}.tv-game-results{display:grid;gap:10px}.tv-vote-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--gc-white);border:2px solid var(--gc-ink);border-radius:var(--gc-radius-md);font-family:var(--gc-font-display);font-size:clamp(15px,1.15vw,22px);font-weight:900}.tv-sketch-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.66fr)}.tv-sketch-main{gap:clamp(12px,1.2vw,20px)}.tv-sketch-board{flex:1;min-height:0;padding:clamp(10px,1vw,18px);background:var(--gc-white);border:3px solid var(--gc-ink);border-radius:clamp(18px,1.65vw,28px)}.tv-sketch-board svg{display:block;width:100%;height:100%;min-height:0;background:var(--gc-cream);border:3px solid var(--gc-ink);border-radius:clamp(12px,1vw,18px)}.tv-sketch-board rect{fill:var(--gc-cream)}.tv-sketch-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(14px,1.4vw,26px);min-height:clamp(90px,9vw,145px);padding:clamp(12px,1.2vw,20px);color:var(--gc-ink);background:var(--gc-yellow);border:3px solid var(--gc-ink);border-radius:clamp(18px,1.65vw,28px)}.tv-sketch-caption h2{margin:0;font-family:var(--gc-font-display);font-size:clamp(42px,4.7vw,88px);font-weight:900;line-height:.88}.tv-sketch-caption p{margin:0;max-width:420px;font-family:var(--gc-font-display);font-size:clamp(19px,1.6vw,30px);font-weight:900;line-height:1;text-align:right}.tv-stage .gc-logo-tv{font-size:clamp(42px,4.6vw,86px);text-shadow:3px 3px 0 var(--gc-ink)}.tv-stage .gc-room-code{min-width:clamp(150px,12vw,220px);padding:clamp(10px,1vw,16px) clamp(14px,1.35vw,22px);border-width:3px;border-radius:clamp(18px,1.6vw,28px);box-shadow:5px 5px 0 var(--gc-ink)}.tv-stage .gc-room-code span{font-size:clamp(13px,1.15vw,20px)}.tv-stage .gc-room-code strong{font-size:clamp(42px,4.1vw,78px)}.tv-stage .gc-qr-card,.tv-stage .gc-empty-game,.tv-stage .gc-vote-panel{padding:clamp(12px,1.1vw,18px);border-width:3px;border-radius:clamp(18px,1.65vw,28px);box-shadow:5px 5px 0 var(--gc-ink)}.tv-stage .gc-qr-card{gap:clamp(8px,.75vw,12px);min-height:0;overflow:hidden}.tv-stage .gc-qr-header strong{font-size:clamp(22px,2.1vw,34px)}.tv-stage .gc-qr{justify-self:center;width:min(100%,31vh);max-height:31vh;border-width:2px;border-radius:clamp(12px,1.1vw,18px)}.tv-stage .gc-qr-card p{font-size:clamp(12px,.95vw,16px)}.tv-stage .gc-empty-game{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(8px,.8vw,12px)}.tv-stage .gc-empty-icon{width:clamp(38px,3.1vw,54px);height:clamp(38px,3.1vw,54px);border-width:2px}.tv-stage .gc-empty-icon svg{width:clamp(20px,1.8vw,28px);height:clamp(20px,1.8vw,28px)}.tv-stage .gc-empty-game h2{font-size:clamp(18px,1.55vw,28px)}.tv-stage .gc-empty-game p{margin-top:4px;font-size:clamp(11px,.95vw,14px)}.tv-stage .gc-badge,.tv-stage .gc-status{min-height:clamp(26px,2.7vh,34px);padding:5px 9px;font-size:clamp(10px,.75vw,13px)}.tv-stage .gc-avatar-xs{width:clamp(24px,2vw,34px);height:clamp(24px,2vw,34px);font-size:clamp(17px,1.45vw,23px)}.tv-stage .gc-avatar-sm{width:clamp(32px,2.8vw,46px);height:clamp(32px,2.8vw,46px);font-size:clamp(22px,2vw,32px)}.tv-stage .gc-avatar-lg{width:clamp(48px,4.2vw,74px);height:clamp(48px,4.2vw,74px);font-size:clamp(34px,3vw,52px)}.tv-stage .gc-player-card{min-height:0;gap:clamp(8px,.8vw,12px);padding:clamp(8px,.75vw,12px);border-width:2px;border-radius:clamp(18px,1.65vw,28px)}.tv-stage .gc-player-info strong{font-size:clamp(21px,1.85vw,34px)}.tv-stage .gc-player-info span{font-size:clamp(10px,.8vw,13px)}.tv-stage .gc-crown{top:clamp(11px,1vw,17px);right:14px;width:clamp(30px,2.45vw,40px);height:clamp(30px,2.45vw,40px);border-width:2px}.tv-stage .gc-crown svg{width:clamp(16px,1.4vw,22px);height:clamp(16px,1.4vw,22px)}.tv-stage .gc-chat-message{gap:8px;padding:clamp(5px,.5vw,9px);border-width:2px;border-radius:clamp(12px,1.1vw,18px)}.tv-stage .gc-chat-message strong{font-size:clamp(11px,.8vw,14px)}.tv-stage .gc-chat-message span{font-size:clamp(13px,1vw,17px)}.tv-stage .gc-vote-panel{gap:clamp(8px,.7vw,12px)}.tv-stage .gc-vote-people{font-size:clamp(19px,1.65vw,30px)}.tv-stage .gc-vote-progress{height:clamp(14px,1.35vw,20px);border-width:2px}.tv-stage .gc-vote-counts{gap:8px;font-size:clamp(11px,.85vw,14px)}@media(max-aspect-ratio:15 / 9){.tv-layout{grid-template-columns:minmax(190px,.68fr) minmax(390px,1.42fr) minmax(260px,.88fr)}}