@charset "UTF-8";
[hidden]{display:none!important}
html{overflow-x:clip}
.gamecode-home .hero:before{right:4px}
@media(min-width:601px){.gamecode-home .hero-copy p{max-width:75%}}
@media(min-width:801px) and (max-width:1450px){.gamecode-home .hero-main,.gamecode-home .brand-promo{height:300px}.gamecode-home .brand-promo h2{max-width:54%;font-size:19px;line-height:1.3}.gamecode-home .brand-promo p{max-width:52%;font-size:10px;line-height:1.5}.gamecode-home .brand-promo .promo-screens{width:43%;right:-5px;top:18px}}
@media(min-width:801px) and (max-width:1150px){.gamecode-home .hero-main,.gamecode-home .brand-promo{height:300px}.gamecode-home .hero-copy{max-width:100%}.gamecode-home .hero h1{max-width:64%}.gamecode-home .hero-copy p{max-width:60%;font-size:12px}.gamecode-home .hero-buttons{max-width:62%}.gamecode-home .game-tiles{width:100%}.gamecode-home .hero-people{bottom:70px;height:220px}}
@media(min-width:801px) and (max-width:1150px){.gamecode-home .brand-promo h2{max-width:52%;font-size:16px}.gamecode-home .brand-promo .promo-screens{width:40%;top:24px}}
.workbench .people-panel li,.group-result li,.workbench .results-panel li{overflow-wrap:anywhere}
.workbench .results-panel li>span:nth-child(2){min-width:0;flex:1}
.tv-event-title{text-align:center;font-size:clamp(25px,3vw,42px);margin:5px 0 25px;color:#5e21b5}
.tv-mode .helper{display:none}
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px}
.pagination [aria-disabled]{color:#79718d}
.table td{overflow-wrap:anywhere}.table td p{white-space:pre-wrap;color:#514563}
.table td details{max-width:650px}.table summary{cursor:pointer;color:#7620de;font-weight:600}
.leaderboard li>span{min-width:0;overflow-wrap:anywhere}.leaderboard li>strong{white-space:nowrap}
.question-card .row label{min-width:0}.qr-box>div{min-width:0}
.gamecode-home .activity-title{margin:5px 0 0;text-align:center;font-size:14px;font-weight:700;color:#6e22ce;overflow-wrap:anywhere}
.gamecode-home .share-note{display:block;color:#77668d;font-size:10px;line-height:1.5;margin-top:4px}
.gamecode-home .share-qr-row canvas{width:70px!important;height:70px!important;flex-shrink:0}
.gamecode-home .share-row button{white-space:nowrap}
.gamecode-home .quick-controls{flex-wrap:wrap}
.gamecode-home .prize-name{min-width:0}.gamecode-home .prize-name input{min-width:0}
.gamecode-home .current-result.has-result{position:static;margin-top:6px;background:#f6f0ff;border:1px solid #e9dcfc;min-height:48px;align-self:stretch}
.gamecode-home .tool-message{overflow-wrap:anywhere}
.gamecode-home .stage-toolbar{position:static;opacity:1;margin-top:8px;display:flex;align-self:center}
.gamecode-home .stage-toolbar .small{font-size:11px;min-height:34px}
.gamecode-home .repeat-toggle input{border:0;padding:0}
.gamecode-home .delete-prize{font-size:0;position:relative;min-width:27px}
.gamecode-home .delete-prize:before{content:'';display:block;width:13px;height:14px;margin:auto;border:1.5px solid currentColor;border-top:0;border-radius:0 0 3px 3px}
.gamecode-home .delete-prize:after{content:'';position:absolute;width:15px;height:2px;background:currentColor;left:50%;top:6px;transform:translateX(-50%);box-shadow:0 -3px 0 -0.4px currentColor}
#toast{pointer-events:none;line-height:1.5}
.guide-article{max-width:920px;padding-bottom:30px}.guide-article .article-heading h1{font-size:clamp(29px,3.3vw,43px);line-height:1.18;margin:10px 0 15px}
.guide-article .article-meta{font-size:12px;color:#796a89;margin-bottom:20px}.guide-article .page-lead{font-size:17px;line-height:1.8;color:#51415f}
.guide-article .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#7d658e;margin-bottom:24px}
.article-start{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#f8f2ff;border:1px solid #e5d5fc;border-radius:16px;padding:21px;margin:26px 0}.article-start img{flex-shrink:0}.article-start>div{flex:1;min-width:180px}.article-start p{font-size:13px;line-height:1.6;margin:5px 0 0}.article-start .button{font-size:12px;min-height:42px;max-width:100%;text-align:center}
.article-toc{padding:22px 25px;background:#fcfaff;border:1px solid #e8def5;border-radius:15px;margin:24px 0 35px}.article-toc h2{font-size:19px;margin:0 0 12px}.article-toc ol{margin:0;padding-left:22px;line-height:1.8}.article-toc li{padding:3px 0;color:#633c89;font-size:14px}.article-toc a:hover{text-decoration:underline}
.guide-article .article-body h2{font-size:25px;line-height:1.35;margin:35px 0 14px;scroll-margin-top:24px}.guide-article .article-body p{font-size:16px;line-height:1.85;color:#493b56;margin-bottom:17px}
.article-conversion{margin:32px 0;padding:28px;border:1px solid #dcc5fb;background:linear-gradient(120deg,#f6efff,#fff8fc);border-radius:18px}.article-conversion h2{font-size:25px;line-height:1.3;margin:0 0 12px}.article-conversion p{color:#665273;font-size:15px;line-height:1.75}.article-conversion small{display:block;font-size:12px;color:#746080;line-height:1.7;margin-top:14px}.article-actions{display:flex;flex-wrap:wrap;gap:11px}.article-actions a{min-height:44px;text-align:center}
.related-guides{margin-top:40px}.related-guides>h2{font-size:25px}.related-guides .guide-card h3{font-size:17px}.related-guides .guide-grid{gap:13px}
.guides-index>.page-lead{max-width:820px;font-size:17px;line-height:1.75}.guides-index .guide-grid{align-items:stretch;margin-top:25px}.guides-index .guide-card{display:flex;flex-direction:column;padding:25px;min-width:0}.guides-index .guide-card h2{font-size:22px;line-height:1.35;margin-bottom:12px}.guides-index .guide-card p{font-size:14px;line-height:1.75;color:#756180;margin-bottom:22px}.guides-index .guide-card>span:last-child{margin-top:auto;font-size:12px}.guide-card-icon{display:block;margin-bottom:17px}
.tool-help{margin-top:45px}.tool-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-help-grid h3{font-size:20px;line-height:1.4}.tool-help-grid p{font-size:14px;line-height:1.85;color:#6a577a}.tool-faq{max-width:1000px;margin:35px auto}.tool-faq h2,.tool-related>h2{font-size:27px}.tool-faq details{border:1px solid #e8ddf5;border-radius:12px;padding:16px 19px;margin-bottom:11px;background:#fff}.tool-faq summary{font-size:15px;font-weight:650;cursor:pointer}.tool-faq p{font-size:14px;color:#6a577a;line-height:1.8;margin:15px 0 0}.tool-related .guide-card p{font-size:13px;line-height:1.75;color:#796786}.all-guides{display:inline-block;margin:18px 0;font-size:14px}.tool-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tool-links a{padding:8px 13px;border:1px solid #e6daf5;border-radius:9px;background:#fff;font-size:13px;color:#704392}.tool-links a:hover{border-color:#a773e7}
@media(max-width:800px){.tool-help-grid{grid-template-columns:1fr}.tool-help-grid h3{margin-bottom:10px}.guide-article .article-body h2{font-size:23px}.article-conversion{padding:23px}.related-guides .guide-grid{grid-template-columns:1fr}.article-start .button{width:100%}}
@media(max-width:600px){.guides-index .guide-grid{grid-template-columns:1fr}.guides-index .guide-card{padding:22px}.guides-index .guide-card h2{font-size:22px}.guide-article .page-lead{font-size:16px}.article-toc{padding:20px}.article-toc li{font-size:14px}.guide-article .article-body p{font-size:16px}.article-conversion h2{font-size:23px}.article-actions a{width:100%;font-size:13px}.guide-article .article-heading h1{font-size:30px}.tool-help>h2{font-size:27px}}
.gamecode-home .prize-icon-button{display:grid;place-items:center;flex:0 0 30px;width:30px;min-width:30px;height:30px;padding:1px;border:1px solid transparent;border-radius:7px;background:#ffffff66;font-size:23px;line-height:1;cursor:pointer}
.gamecode-home .prize-icon-button:hover,.gamecode-home .prize-icon-button:focus-visible{border-color:#b084f7;background:#fff;box-shadow:0 0 0 2px #b084f733}
.gamecode-home .prize-icon-button img{width:26px;height:26px;object-fit:contain;pointer-events:none}
.icon-picker-dialog{width:min(480px,calc(100vw - 30px));padding:26px;border:1px solid #e5d7fa;border-radius:20px;max-height:85vh;overflow:auto;color:#20103e}
.icon-picker-dialog h2{font-size:23px;margin:0 25px 6px 0}.icon-picker-dialog>p{color:#746181;font-size:13px;margin-bottom:16px}
.prize-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}
.prize-icon-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:83px;padding:9px 3px;border:1px solid #ece3f7;border-radius:12px;background:#fcf9ff;color:#43305e}
.prize-icon-grid button:hover,.prize-icon-grid button[aria-pressed=true]{background:#f0e2ff;border-color:#9747f8;box-shadow:0 0 0 1px #9747f8}
.prize-icon-grid button span{font-size:34px;line-height:40px}.prize-icon-grid button strong{font-size:11px;font-weight:600}
@media(max-width:600px){.icon-picker-dialog{padding:22px 16px}.prize-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gamecode-home .workbench .prize-icon-button{width:35px;height:36px;flex-basis:35px}.gamecode-home .workbench .prize-icon-button img{width:29px;height:29px}}
.presenting.gamecode-home .activity-title{font-size:23px}
.presenting.gamecode-home .workbench .wheel-frame{width:min(77vw,58vh,650px)}
.presenting.gamecode-home .workbench .wheel-scene{min-height:60vh}
.presenting.gamecode-home .current-result.has-result{background:#f7f0ff;max-width:800px;width:100%;align-self:center}
@media(min-width:801px) and (max-width:1150px){
 .gamecode-home .workbench{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'preview config' 'people results';gap:14px}
 .gamecode-home .workbench>.game-preview{grid-area:preview;margin:0;border:1px solid #eae7f5;border-radius:14px;padding:16px}
 .gamecode-home .workbench>.config-panel{grid-area:config;border:1px solid #eae7f5;border-radius:14px;padding:16px}
 .gamecode-home .workbench>.people-panel{grid-area:people;padding:16px}.gamecode-home .workbench>.results-panel{grid-area:results;padding:16px}
 .gamecode-home .workbench .wheel-scene{height:365px}.gamecode-home .workbench .wheel-frame{width:min(100% - 35px,335px)}
 .gamecode-home .workbench .wheel-center{width:94px;height:94px;font-size:17px}
 .gamecode-home .workbench .game-heading h2{font-size:23px}.gamecode-home .workbench .game-heading p{font-size:12px}
 .gamecode-home .workbench .segmented button{font-size:12px;min-height:42px}
 .gamecode-home .workbench .prize-row{grid-template-columns:minmax(0,1fr) 58px 32px;gap:7px;margin-bottom:8px}
 .gamecode-home .workbench .prize-name,.gamecode-home .workbench .prize-name input,.gamecode-home .workbench .prize-weight input{height:37px;font-size:13px}
 .gamecode-home .workbench .prize-name img{width:28px;height:28px}.gamecode-home .workbench .prize-weight span{font-size:10px;top:10px}
 .gamecode-home .workbench .delete-prize{height:35px}.gamecode-home .workbench #add-prize{font-size:12px;min-height:38px}
 .gamecode-home .workbench .panel-heading h3{font-size:15px!important}.gamecode-home .workbench .panel-heading .small{font-size:12px;min-height:35px}
 .gamecode-home .workbench .people-panel li,.gamecode-home .workbench .results-panel li{font-size:12px;min-height:38px}
 .gamecode-home .workbench .results-panel li strong{font-size:13px}.gamecode-home .workbench .people-panel .helper,.gamecode-home .workbench .results-panel .helper,.gamecode-home .odds-note{font-size:11px}
 .gamecode-home .quick-cards{grid-template-columns:1fr 1fr}.gamecode-home .quick-card:last-child{grid-column:1 / -1}
 .gamecode-home .quick-card p,.gamecode-home .quick-controls,.gamecode-home .repeat-toggle{font-size:12px}
}
@media(max-width:800px){
 .gamecode-home .stage-toolbar{position:static;opacity:1;display:flex}
 .page-wrap input,.page-wrap textarea,.page-wrap select,dialog textarea{font-size:16px}
 .room-controls button{min-height:44px}.room-stage{overflow-wrap:anywhere}
 .page-header .outline{margin:12px 0}.question-card .row{flex-wrap:wrap}
 .question-card .row>label{flex:1 1 100px}.stats{flex-wrap:wrap}
}
@media(max-width:600px){
 .gamecode-home .hero-main{height:auto;min-height:0;display:flex;flex-direction:column;padding:9px 0 0;overflow:hidden}
 .gamecode-home .hero-copy{max-width:100%;width:100%}.gamecode-home .hero-copy p{max-width:100%;font-size:13px}
 .gamecode-home .hero-people{position:relative;bottom:auto;right:auto;align-self:center;object-position:bottom;width:80%;height:175px;opacity:1;margin:10px 0 0}
 .gamecode-home .game-tiles{position:relative;bottom:auto;right:auto;width:100%;margin-top:0}
 .gamecode-home .hero-buttons{gap:8px}.gamecode-home .hero-buttons .button{flex:1;min-width:0;min-height:44px;font-size:12px;padding:10px 8px}
 .gamecode-home .hero h1{font-size:29px}.gamecode-home .brand-promo h2{font-size:20px;max-width:63%;line-height:1.25}
 .gamecode-home .brand-promo p{max-width:60%;font-size:11px}
 .gamecode-home .workbench .mobile-tabs button{min-height:40px;font-size:11px}
 .gamecode-home .workbench .stage-toolbar button{min-height:42px}
 .gamecode-home .quick-card .button,.gamecode-home .quick-card .outline{min-height:44px}
 .gamecode-home .repeat-toggle{font-size:12px;gap:8px}.gamecode-home .spin-stepper button{width:36px;height:36px}
 .gamecode-home .config-panel .helper,.gamecode-home .workbench .people-panel .helper,.gamecode-home .workbench .results-panel .helper{font-size:12px}
 .gamecode-home .workbench .results-panel #save-history{min-height:42px;font-size:12px}
 .gamecode-home .workbench .prize-row{grid-template-columns:minmax(0,1fr) 58px 33px}
 .gamecode-home .workbench .prize-weight input{appearance:textfield;padding-inline:4px 15px}
 .gamecode-home .workbench .prize-weight input::-webkit-inner-spin-button{appearance:none}
 .presenting.gamecode-home .workbench{padding:14px}.presenting.gamecode-home .workbench .wheel-center{width:84px;height:84px;font-size:16px}
 .presenting.gamecode-home .workbench .wheel-scene{min-height:48vh}
}