.nav-label-phone,.phone-builder-tabs,.phone-builder-dock{display:none}.phone-builder-more>summary{display:none}.phone-builder-more>.row{display:flex}
@media(min-width:701px){.phone-builder-tabs>button{display:none}.phone-builder-more>.row{gap:8px}html:is([data-screen=challenges],[data-screen=roomBuilder]) main{position:relative}}
@media(max-width:800px){
 .simple-shell .sidebar{padding:10px 12px!important;border-bottom:1px solid #a16d85;box-sizing:border-box}
 .simple-shell .sidebar .brand{display:flex!important;align-items:center;gap:7px;width:auto;min-height:30px;padding:0!important;margin:0 0 9px!important;background:transparent!important;border:0!important;box-shadow:none;font-size:26px!important;line-height:1;white-space:nowrap}
 .simple-shell .brand>span{display:inline!important;font-size:22px!important;margin:0;padding:0}.simple-shell .brand small{display:none!important}
 .simple-shell .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0}
 .simple-shell .nav button{display:flex!important;justify-content:center;align-items:center;min-width:0;min-height:38px;padding:8px 5px!important;font-size:12px!important;line-height:1.2;gap:5px;border:1px solid transparent;white-space:nowrap}
 .simple-shell .nav button .ui-icon{display:none!important}.simple-shell .nav-label-full{display:none}.simple-shell .nav-label-phone{display:inline}.simple-shell .nav button{background:#513047!important;color:#f1ddd5!important;border-color:#9b6377!important}.simple-shell .nav button.active{background:#a44765!important;color:#fff5e9!important;border-color:#e1a4b3!important}
 .simple-shell .topbar{min-height:42px;padding:5px 12px!important;box-sizing:border-box}.simple-shell .topbar>div{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0}.simple-shell .topbar select{min-width:0;width:120px;max-width:45%;min-height:32px;margin:0;font-size:12px}.simple-shell .topbar button{min-height:32px;padding:7px 11px!important;font-size:11px;white-space:nowrap;margin:0}
}
@media(max-width:700px){
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .shell{display:flex!important;flex-direction:column;height:var(--question-visible-height,100dvh)!important;overflow:hidden}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .sidebar{flex:0 0 auto;position:static!important;width:100%!important;height:auto!important}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .main-shell{height:auto!important;flex:1;min-height:0;overflow:hidden}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) main{padding:8px 12px calc(102px + env(safe-area-inset-bottom))!important;position:relative;gap:0;overflow:hidden}
 html[data-screen=challenges] .compact-builder-heading{min-height:32px!important;margin:0 0 8px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px}
 html[data-screen=challenges] .compact-builder-heading .eyebrow{display:none}.compact-builder-heading h1{font-size:20px!important;margin:0!important;line-height:1.2}
 .phone-builder-more{position:relative;flex-shrink:0}.phone-builder-more>summary{display:block;list-style:none;min-height:32px;padding:7px 10px;background:#694055;border:1px solid #ac7b90;border-radius:10px;font-size:11px;cursor:pointer;box-sizing:border-box}.phone-builder-more>summary::-webkit-details-marker{display:none}.phone-builder-more>.row{display:none}.phone-builder-more[open]>.row{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:8px;padding:10px;background:#513044;border:1px solid var(--accent);border-radius:12px;z-index:40;min-width:145px;box-shadow:0 10px 25px #21102477}.phone-builder-more button{min-height:40px;width:100%;font-size:12px}
 .phone-builder-tabs{display:flex!important;align-items:center;gap:7px;margin:0 0 9px;flex:0 0 auto;width:100%}.phone-builder-tabs>button{flex:1;min-width:0;min-height:36px;padding:7px!important;font-size:12px;border:1px solid #bd8da0;background:#513145;border-radius:10px}.phone-builder-tabs>button[aria-pressed=true]{background:#edb888;color:#3c2535;border-color:#ffe0aa;font-weight:700}
 html[data-screen=challenges] .compact-wheel{display:flex!important;flex-direction:column;gap:0!important;min-height:0;flex:1;width:100%}
 html[data-screen=challenges] .compact-wheel>.wheel-panel,html[data-screen=challenges] .compact-wheel>.manual-builder{width:100%;height:100%;flex:1;min-height:0;padding:12px!important;border-radius:18px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
 html[data-screen=challenges][data-phone-builder=wheel] .compact-wheel>.manual-builder{display:none!important}html[data-screen=challenges][data-phone-builder=manual] .compact-wheel>.wheel-panel{display:none!important}
 .compact-wheel .wheel-panel>.row{min-height:20px}.compact-wheel .wheel-panel>.row .eyebrow{font-size:10px}.compact-wheel .wheel-panel>h2{display:none}.compact-wheel .wheel-panel .wheel-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px;margin:6px 0}.compact-wheel .wheel-panel .wheel-steps button{min-height:32px;font-size:10px!important;padding:6px 3px!important;white-space:nowrap}
 html[data-screen=challenges] .compact-wheel .wheel-frame{width:min(62vw,24dvh,250px)!important;max-width:250px!important;margin:8px auto!important;flex-shrink:0}.compact-wheel .wheel-pointer{font-size:28px}
 html[data-screen=challenges] .compact-wheel .wheel-panel #wheelStatus{font-size:13px!important;line-height:1.4;padding:7px!important;min-height:0!important;margin:3px 0 6px;overflow-wrap:break-word}
 html[data-screen=challenges] .spin-pull-control{grid-template-columns:56px minmax(0,1fr);width:100%;max-width:330px;padding:4px 8px;margin:3px auto 8px;gap:12px;border:0;background:transparent;border-radius:0}.spin-pull-pad{height:86px}.spin-pull-grip{transform:translateY(calc(var(--pull-power)*-38px))}.spin-pull-copy .eyebrow{font-size:9px!important}.spin-pull-value{font-size:13px}.spin-pull-copy p{font-size:11px;line-height:1.4}.spin-pull-copy p br{display:initial}.spin-pull-alternative{display:flex!important;font-size:10px!important;gap:8px}.spin-pull-alternative input{width:70px!important;min-width:40px;height:24px;margin:0;flex:1}.spin-pull-meter{margin:5px 0}
 .compact-wheel .wheel-panel>#spinButton{width:100%;min-width:0;min-height:44px;padding:11px!important;font-size:14px!important;margin:0 0 6px}.compact-wheel .wheel-panel>button{min-height:36px;font-size:12px}
 .compact-wheel .manual-builder h2{font-size:20px!important;margin:0 0 14px!important}.compact-wheel .manual-builder .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.compact-wheel .manual-builder label{font-size:12px!important;line-height:1.4}.compact-wheel .manual-builder select{font-size:16px!important;padding:10px!important;min-height:44px}.compact-wheel .manual-builder .builder-time-field{display:none!important}.compact-wheel .manual-builder>.selected-game-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.compact-wheel .manual-builder .choice-chip{font-size:12px;padding:10px}.compact-wheel .manual-builder .choice-chip small{font-size:10px}.compact-wheel .manual-builder>.mini{font-size:12px!important;line-height:1.45;margin:7px 0}.compact-wheel .manual-builder .setup-additional{margin-top:12px;padding:12px;font-size:12px}.compact-wheel .manual-builder #challengePreviewButton{display:none!important}
 .phone-builder-dock{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);align-items:end;gap:6px 12px;position:fixed;bottom:var(--question-keyboard-inset,0px);left:0;right:0;z-index:25;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#412a3c;border-top:1px solid #e4af82;box-shadow:0 -6px 20px #21132655;box-sizing:border-box}.phone-builder-dock label{font-size:11px;line-height:1.3;margin:0}.phone-builder-dock select{width:100%;font-size:16px;padding:9px;min-height:42px;margin-top:3px;box-sizing:border-box}.phone-builder-dock>button{min-height:44px;font-size:13px;padding:10px!important}.phone-builder-dock>span{grid-column:1/-1;font-size:10px;line-height:1.3;color:var(--muted)}
 html[data-screen=challengepreview] .fixed-review-grid{grid-template-columns:1fr!important;overflow:auto;gap:12px!important}.fixed-review-grid>.wheel-panel{display:none!important}
}
@media(max-width:360px){.simple-shell .nav button{font-size:11px!important}.phone-builder-tabs{gap:5px}.phone-builder-tabs>button{font-size:11px}.compact-wheel .wheel-panel .wheel-steps button{font-size:9px!important}.phone-builder-dock{gap:6px 8px}}

@media(max-width:700px){
 html[data-screen=roomBuilder] main>.simple-heading{min-height:32px!important;margin:0 0 8px!important;gap:8px}.setup-builder-grid{display:flex!important;flex-direction:column;min-height:0;flex:1;gap:0!important;width:100%}
 .setup-builder-grid>.wheel-panel,.setup-builder-grid>.streamlined-setup{width:100%;height:100%;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px!important;box-sizing:border-box;border-radius:18px}
 html[data-screen=roomBuilder][data-phone-builder=wheel] .setup-builder-grid>.streamlined-setup{display:none!important}html[data-screen=roomBuilder][data-phone-builder=manual] .setup-builder-grid>.wheel-panel{display:none!important}
 html[data-screen=roomBuilder] .setup-builder-grid .wheel-frame{width:min(62vw,24dvh,250px)!important;max-width:250px!important;margin:8px auto!important}.setup-builder-grid .wheel-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px}.setup-builder-grid .wheel-steps button{min-height:32px;font-size:10px!important;padding:6px 3px!important}.setup-builder-grid>.wheel-panel>h2{font-size:18px!important;margin:3px 0 8px!important}.setup-builder-grid>.wheel-panel>.eyebrow{display:none}.setup-builder-grid .spin-pull-control{grid-template-columns:56px minmax(0,1fr);width:100%;max-width:330px;padding:4px 8px;gap:12px;border:0;background:transparent;margin:3px auto 8px}.setup-builder-grid #roomSpinButton{font-size:14px!important;min-height:44px;width:100%;padding:11px!important}.setup-builder-grid #roomWheelStatus{font-size:13px!important;line-height:1.4;margin:5px 0}.setup-builder-grid #roomWheelNext{min-height:36px}.setup-builder-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.setup-builder-grid label{font-size:12px!important;line-height:1.4}.setup-builder-grid select,.setup-builder-grid input{min-height:44px!important;padding:10px!important;font-size:16px!important}.setup-builder-grid .setup-form-heading h2{font-size:20px!important}.setup-builder-grid .setup-time-strip{display:flex!important;flex-wrap:wrap}.setup-builder-grid .streamlined-setup>.row{margin-top:14px!important}.setup-builder-grid .setup-additional{padding:12px!important;font-size:12px}
}

@media(max-width:700px){html[data-screen=roomBuilder] .setup-other-formats{display:none!important}html[data-screen=roomBuilder] .simple-heading>button{font-size:11px;min-height:32px;padding:7px 10px}html[data-screen=roomBuilder] main>.simple-heading .eyebrow,html[data-screen=roomBuilder] main>.simple-heading p{display:none}.compact-wheel .manual-builder select,.setup-builder-grid .streamlined-setup input,.setup-builder-grid .streamlined-setup select{scroll-margin-bottom:110px}}
@media(max-width:700px){
 html[data-screen=challengepreview] .shell{display:flex!important;flex-direction:column;height:var(--question-visible-height,100dvh)!important;overflow:hidden}html[data-screen=challengepreview] .sidebar{flex:0 0 auto;position:static!important;width:100%!important;height:auto!important}html[data-screen=challengepreview] .main-shell{height:auto!important;flex:1;min-height:0;overflow:hidden}html[data-screen=challengepreview] main{padding:10px 12px calc(76px + env(safe-area-inset-bottom))!important}.fixed-review-grid>.ready-game-details>.primary{position:fixed;bottom:calc(var(--question-keyboard-inset,0px) + 12px + env(safe-area-inset-bottom));left:12px;right:12px;width:calc(100% - 24px);min-height:46px;font-size:14px;z-index:25;padding:12px!important;box-shadow:0 0 0 12px #412a3c}
}

/* Selection text must not collapse when the surrounding panel uses flex. */
.phone-wheel-choices{display:none}
.wheel-panel #wheelStatus,.wheel-panel #roomWheelStatus{flex:0 0 auto!important;height:auto!important;min-height:38px!important;box-sizing:border-box;display:grid;place-items:center;line-height:1.4!important;padding:8px 10px!important;margin:4px 0 8px!important;border:1px solid #dba582;border-radius:10px;background:#513044;color:#fff0df;font-size:13px!important;overflow-wrap:anywhere}
.wheel-panel .spin-pull-control,.wheel-panel .wheel-steps,.wheel-panel>button{flex-shrink:0}
@media(max-width:700px){
 html:is([data-screen=challenges],[data-screen=roomBuilder]) main>.simple-heading h1{font-size:24px!important;line-height:1.2!important;font-weight:750;margin:0 0 5px!important}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .section-quick-guide{margin:0 0 4px!important}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .section-quick-guide>summary{font-size:11px;min-height:44px;padding:6px 10px;gap:6px}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) .section-quick-guide>summary small{font-size:9px}
 .phone-wheel-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;margin:4px 0 12px;flex:0 0 auto;text-align:left}
 .phone-wheel-choices label{min-width:0;font-size:11px!important;line-height:1.3;margin:0!important;color:#f8e9df}
 .phone-wheel-choices select{display:block;width:100%;min-width:0;min-height:44px!important;font-size:14px!important;padding:8px!important;margin:4px 0 0!important;box-sizing:border-box;background:#714a5b;border:1px solid #bd8f9c;color:#fff2e7;border-radius:10px;text-overflow:ellipsis}
 .phone-wheel-choices select:disabled{opacity:.65}.phone-wheel-choices select:focus-visible{outline:3px solid #ffd29c;outline-offset:2px}
 .compact-wheel .manual-builder>.selected-game-plan{display:none!important}
 .compact-wheel .wheel-panel #wheelStatus{min-height:38px!important;font-size:13px!important;padding:8px!important}
 .compact-wheel .wheel-panel .spin-pull-control{margin:0 auto 8px}.spin-pull-copy p br{display:none}.spin-pull-copy p{font-size:10px!important}
 .compact-wheel .wheel-panel #spinButton{margin-bottom:8px;flex-shrink:0}
 html[data-screen=roomBuilder] #roomWheelPanel .wheel-frame{flex-shrink:0}
}
/* Checkpoints remain above the wheel; pull/spin controls precede manual fields. */
.wheel-steps button.complete{background:#365f52!important;border-color:#92c6ad!important;color:#f1fff7!important}
.wheel-steps button.selected{outline:2px solid #ffd29a;outline-offset:1px}
.wheel-steps button span{font-weight:800}
@media(max-width:800px){
 :root{--phone-main-nav-height:60px}
 .simple-shell .sidebar .nav{position:fixed!important;bottom:var(--question-keyboard-inset,0px);left:0;right:0;z-index:45;height:calc(var(--phone-main-nav-height) + env(safe-area-inset-bottom));box-sizing:border-box;padding:7px 12px calc(7px + env(safe-area-inset-bottom));margin:0!important;background:#402537;border-top:1px solid #ae7890;gap:8px!important}
 .simple-shell .sidebar .nav button{min-height:44px!important;flex-direction:column;gap:3px!important;padding:5px!important;font-size:11px!important;line-height:1.1!important}
 .simple-shell .sidebar .nav .ui-icon{width:17px;height:17px}
 .simple-shell main{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
 .simple-shell .sidebar .brand{margin-bottom:0!important}
 .phone-question-dock{bottom:calc(var(--question-keyboard-inset,0px) + var(--phone-main-nav-height) + env(safe-area-inset-bottom))!important}
 html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) main{padding-bottom:calc(var(--question-dock-height,150px) + var(--phone-main-nav-height) + env(safe-area-inset-bottom) + 12px)!important}
 html[data-question-info=open] .practice-side-info,html[data-question-info=open] .assigned-arena>.game-score-panel,html[data-question-info=open] .arena-play>.game-score-panel,html[data-question-info=open] .arena-play-layout>.score-side{bottom:calc(var(--question-keyboard-inset,0px) + var(--question-dock-height,150px) + var(--phone-main-nav-height) + env(safe-area-inset-bottom) + 10px)!important}
}
@media(max-width:700px){
 .phone-builder-dock{bottom:calc(var(--question-keyboard-inset,0px) + var(--phone-main-nav-height) + env(safe-area-inset-bottom))!important}
 html:is([data-screen=challenges],[data-screen=roomBuilder]) main{padding-bottom:calc(162px + env(safe-area-inset-bottom)*2)!important}
 .compact-wheel .wheel-steps,#roomWheelPanel .wheel-steps{position:sticky;top:0;z-index:4;background:#593848;padding:5px 2px!important;border-radius:10px;flex-shrink:0}
 html[data-screen=challengepreview] main{padding-bottom:calc(136px + env(safe-area-inset-bottom)*2)!important}
 .fixed-review-grid>.ready-game-details>.primary{bottom:calc(var(--question-keyboard-inset,0px) + var(--phone-main-nav-height) + 12px + env(safe-area-inset-bottom)*2)!important}
}

.manual-checkpoints{display:none}@media(max-width:700px){.manual-checkpoints{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:sticky;top:0;z-index:4;background:#593848;padding:5px 2px;margin-bottom:12px;border-radius:10px}.manual-checkpoints button{font-size:10px;padding:6px 3px;min-height:32px}}