html[data-screen=challenges],html[data-screen=roomBuilder],html[data-screen=challengepreview]{height:100%;overflow:hidden}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) body{height:100dvh;overflow:hidden}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .shell{height:100dvh;min-height:0}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .main-shell{height:100dvh;display:flex;flex-direction:column;min-height:0}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .topbar{flex:0 0 auto;min-height:50px;padding:8px 24px}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) main{flex:1;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:14px 24px 20px;overflow:hidden}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .simple-heading{min-height:40px;margin:0 0 12px;flex:0 0 auto;gap:10px}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .simple-heading h1{font-size:clamp(20px,2.5vw,30px);margin:4px 0}.compact-wheel,.setup-builder-grid,.fixed-review-grid{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:16px!important;flex:1;min-height:0;align-items:stretch!important}.compact-wheel>.wheel-panel,.compact-wheel>.manual-builder,.setup-builder-grid>.panel,.fixed-review-grid>.panel{display:flex!important;flex-direction:column;min-height:0;position:relative;padding:18px!important;margin:0!important}.compact-wheel .wheel-frame,.setup-builder-grid .wheel-frame,.fixed-review-grid .wheel-frame{width:min(100%,30vh,280px);max-width:280px!important;margin:8px auto!important;flex:0 1 auto}.compact-wheel .wheel-panel h2,.setup-builder-grid .wheel-panel h2{font-size:21px;margin:6px 0}.compact-wheel .wheel-panel>.mini,.compact-wheel .wheel-panel>details,.setup-builder-grid .wheel-panel .mini{display:none!important}.compact-wheel .wheel-panel .spin-duration{margin:10px auto;flex:0 0 auto}.compact-wheel .wheel-panel #wheelStatus{padding:8px;font-size:13px}.compact-wheel .wheel-steps{gap:4px}.compact-wheel .wheel-steps button{font-size:10px;padding:6px}.compact-wheel .manual-builder h2{margin:6px 0 14px;font-size:22px}.compact-wheel .form-grid,.setup-builder-grid .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.compact-wheel label,.setup-builder-grid label{font-size:12px;margin:0}.compact-wheel select,.setup-builder-grid select,.setup-builder-grid input{font-size:13px;padding:9px;min-height:36px}.compact-wheel .selected-game-plan,.fixed-review-grid .selected-game-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.compact-wheel .choice-chip,.fixed-review-grid .choice-chip{padding:8px;font-size:12px}.compact-wheel .manual-builder>.mini{font-size:11px;margin:6px 0}.compact-wheel .setup-additional{margin:8px 0;padding:10px}.compact-wheel .setup-additional[open],.setup-builder-grid .setup-additional[open]{position:absolute;inset:12px;z-index:10;background:var(--surface);border:2px solid var(--accent);box-shadow:0 8px 40px #29102366;padding:20px}.compact-wheel .setup-additional[open] summary:after,.setup-builder-grid .setup-additional[open] summary:after{content:' · Close ×';color:var(--accent)}.compact-wheel .setup-additional[open] label{margin:20px 0}.compact-wheel #challengePreviewButton{margin-top:auto;min-height:40px}.compact-wheel .wheel-mobile-plan,.builder-panel-tabs{display:none!important}.setup-builder-grid .setup-form-heading h2{font-size:22px;margin:6px 0 14px}.setup-builder-grid .setup-time-strip{padding:10px;margin:10px 0;font-size:11px}.setup-builder-grid .setup-time-strip span{min-width:120px}.setup-builder-grid .setup-additional{margin:8px 0;padding:10px}.setup-builder-grid .setup-additional summary span{display:none}.setup-builder-grid .streamlined-setup>.mini{font-size:10px;margin:7px 0}.setup-builder-grid .streamlined-setup>.row{margin-top:auto}.setup-other-formats{gap:8px;margin:10px 0 0}.setup-other-formats button{font-size:11px;padding:8px}.ready-game-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.ready-game-totals b{border:1px solid var(--line);border-radius:14px;padding:18px 10px;text-align:center;font-size:30px;background:var(--soft)}.ready-game-totals small{display:block;font-size:11px;font-weight:400}.ready-game-details>.primary{margin-top:auto}.ready-game-details>.mini{font-size:12px}.fixed-review-grid .wheel-panel h2{text-align:center;font-size:24px}
@media(max-width:850px){html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .topbar{padding:6px 10px;min-height:42px}html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) main{padding:10px 10px 80px}.compact-wheel,.setup-builder-grid,.fixed-review-grid{gap:10px!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}.compact-wheel>.wheel-panel,.compact-wheel>.manual-builder,.setup-builder-grid>.panel,.fixed-review-grid>.panel{padding:12px!important}.compact-wheel .wheel-frame,.setup-builder-grid .wheel-frame,.fixed-review-grid .wheel-frame{width:min(100%,24vh,220px)}.compact-wheel .form-grid,.setup-builder-grid .form-grid{gap:8px!important}.compact-wheel .manual-builder h2,.setup-builder-grid .setup-form-heading h2{font-size:19px}.compact-wheel .choice-chip,.fixed-review-grid .choice-chip{font-size:10px;padding:6px}.compact-wheel .selected-game-plan,.fixed-review-grid .selected-game-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-wheel select,.setup-builder-grid select,.setup-builder-grid input{font-size:11px;padding:7px}.compact-wheel .wheel-panel #wheelStatus{font-size:11px}.setup-other-formats button{padding:6px;font-size:10px}.ready-game-totals b{font-size:23px;padding:12px 5px}}
@media(max-width:540px){html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) .simple-heading h1{font-size:18px}.compact-wheel,.setup-builder-grid,.fixed-review-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;gap:7px!important}.compact-wheel>.wheel-panel,.compact-wheel>.manual-builder,.setup-builder-grid>.panel,.fixed-review-grid>.panel{padding:8px!important;border-radius:14px}.compact-wheel .form-grid,.setup-builder-grid .form-grid{grid-template-columns:1fr!important;gap:6px!important}.compact-wheel label,.setup-builder-grid label{font-size:10px}.compact-wheel .manual-builder h2,.setup-builder-grid .setup-form-heading h2{font-size:16px}.compact-wheel .wheel-steps{display:grid;grid-template-columns:1fr 1fr}.compact-wheel .wheel-steps button{font-size:8px;padding:5px}.compact-wheel .wheel-panel h2,.setup-builder-grid .wheel-panel h2{font-size:14px}.compact-wheel .eyebrow,.setup-builder-grid .eyebrow{font-size:8px}.compact-wheel .spin-duration{font-size:10px;gap:4px}.compact-wheel #spinButton,.setup-builder-grid #roomSpinButton{min-width:0;width:100%;font-size:11px;padding:9px}.compact-wheel .choice-chip small{font-size:9px}.compact-wheel .choice-chip{font-size:9px;padding:5px}.compact-wheel select,.setup-builder-grid input,.setup-builder-grid select{min-height:29px;font-size:11px;padding:5px}.compact-wheel #challengePreviewButton{font-size:11px;padding:8px}.compact-wheel .manual-builder>.mini{font-size:9px}.setup-builder-grid .streamlined-setup>.mini,.setup-time-strip{display:none!important}.setup-builder-grid .setup-additional{padding:7px;font-size:10px}.setup-builder-grid .streamlined-setup>.row button{font-size:10px;padding:8px}.setup-other-formats{display:none}.fixed-review-grid .selected-game-plan{grid-template-columns:1fr}.ready-game-totals{gap:4px}.ready-game-totals b{font-size:18px}.ready-game-details .mini{font-size:10px}.fixed-review-grid .wheel-panel h2{font-size:17px}}
.compact-wheel .form-grid label,.setup-builder-grid .form-grid label{min-width:0}.compact-wheel select,.setup-builder-grid select,.setup-builder-grid input{width:100%;max-width:100%;box-sizing:border-box}.setup-builder-grid .wheel-steps button{font-size:10px;padding:6px}.setup-builder-grid #roomWheelStatus{font-size:12px;padding:8px;border:1px solid var(--line);border-radius:10px}.setup-builder-grid #roomWheelNext{font-size:12px;padding:8px}.ready-game-details{min-width:0}.compact-wheel .manual-builder .error:empty{display:none}.compact-wheel .manual-builder .setup-additional summary{font-size:12px}@media(max-width:540px){.compact-wheel .form-grid,.setup-builder-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-wheel .form-grid label,.setup-builder-grid .form-grid label{font-size:11px;line-height:1.3}.compact-wheel .choice-chip small,.compact-wheel .choice-chip{font-size:10px}.compact-wheel .wheel-panel .spin-duration{margin:7px auto}.compact-wheel .manual-builder>.eyebrow,.setup-builder-grid .setup-form-heading>.eyebrow{display:none}.compact-wheel .selected-game-plan{margin:8px 0}.compact-wheel .setup-additional summary{font-size:11px}.setup-builder-grid .wheel-steps{display:grid;grid-template-columns:1fr 1fr}.setup-builder-grid .wheel-steps button{font-size:10px;padding:5px}.setup-builder-grid .review-check{font-size:10px;padding:6px}.compact-wheel .manual-builder .mini{line-height:1.25}}@media(max-height:680px){html:is([data-screen=challenges],[data-screen=roomBuilder],[data-screen=challengepreview]) main{padding-top:6px}.compact-wheel .wheel-frame,.setup-builder-grid .wheel-frame,.fixed-review-grid .wheel-frame{width:min(100%,22vh,190px)}.compact-wheel .wheel-panel h2,.setup-builder-grid .wheel-panel h2{margin:4px 0}.compact-wheel .spin-duration{margin:6px auto}.compact-wheel .selected-game-plan{margin:6px 0}.compact-wheel .manual-builder h2{margin:4px 0 8px}.compact-wheel .choice-chip{padding:5px}.compact-wheel .manual-builder>.mini{font-size:10px;line-height:1.2}.compact-wheel .setup-additional{margin:6px 0}.ready-game-totals{margin:8px 0}.ready-game-totals b{padding:8px}}
