/* Each challenge format owns its page. Desktop navigation fits a fixed viewport. */
@media(min-width:801px){
 .simple-shell .sidebar{position:sticky;top:0;height:100dvh;min-height:0;overflow:hidden;box-sizing:border-box;padding:17px 14px;gap:10px}
 .simple-shell .sidebar .brand{font-size:27px;padding:0 4px 5px;line-height:1.1}
 .simple-shell .sidebar .brand small{font-size:8px;line-height:1.25;margin-top:3px}
 .simple-shell .sidebar .workspace-label{margin:0 4px;font-size:9px}
 .simple-shell .sidebar .nav{gap:4px;min-height:0}
 .simple-shell .sidebar .nav button{min-height:38px;height:38px;padding:6px 9px;font-size:12px;display:flex;align-items:center;gap:9px;line-height:1.1}
 .simple-shell .sidebar .nav .approved-nav-icon{width:19px;height:19px;flex:0 0 19px}
 .simple-shell .sidebar .sidefoot{gap:5px;min-height:0;margin-top:auto}
 .simple-shell .sidebar .sidefoot button,.simple-shell .sidebar .sidefoot p{font-size:10px;line-height:1.25;margin:0}
 .simple-shell .sidebar .company-credit{padding-top:4px;margin-top:0;max-height:52px;overflow:hidden}
 .simple-shell .sidebar .company-credit img{height:43px;width:105px}
}
@media(min-width:801px) and (max-height:620px){.simple-shell .sidebar{gap:6px;padding-top:10px;padding-bottom:10px}.simple-shell .sidebar .sidefoot p,.simple-shell .sidebar .company-credit{display:none}.simple-shell .sidebar .nav button{height:35px;min-height:35px}}
html[data-screen=solo],html[data-screen=rooms],html[data-screen=weekly]{--challenge-accent:#ffbf83;--challenge-edge:#b57492}
html[data-screen=rooms]{--challenge-accent:#8bd5c5;--challenge-edge:#72a8a0}
html[data-screen=weekly]{--challenge-accent:#d7c1ff;--challenge-edge:#aa8bc4}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-shell main>.simple-heading{border-left:5px solid var(--challenge-accent);border-radius:16px;padding:13px 18px;margin-bottom:14px;background:linear-gradient(110deg,#543148,#43263b)}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-heading .eyebrow{color:var(--challenge-accent)!important}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-shell .sidebar .nav button.active{border-left:3px solid var(--challenge-accent)!important}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset.catalog-card{padding:14px;gap:6px;min-height:175px;border-color:var(--challenge-edge)!important;border-top:3px solid var(--challenge-accent)!important}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset.catalog-card h2{font-size:17px;line-height:1.2}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset.catalog-card p{font-size:11px;line-height:1.35}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset.catalog-card>div{padding-top:7px;gap:3px;font-size:10px}
html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset.catalog-card b{font-size:11px;color:var(--challenge-accent)}
html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-card{padding:13px;min-height:145px;border-top:3px solid var(--challenge-accent);border-color:var(--challenge-edge)}
html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-card h2{font-size:16px;margin:7px 0 4px}
html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-card p{font-size:11px;min-height:0}
html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-card>b{color:var(--challenge-accent)}
@media(max-width:1150px){html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset-grid,html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-shell main>.simple-heading{padding:11px 12px;margin-bottom:11px}html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-shell .sidebar .nav button.active{border-left:0!important;border-bottom:3px solid var(--challenge-accent)!important}}
@media(max-width:650px){html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .solo-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){html:is([data-screen=rooms],[data-screen=weekly]) .group-preset-grid{grid-template-columns:1fr}}
/* A short first view; the library is available when requested. */
.challenge-catalog-drawer{margin:14px 0 20px;border:1px solid var(--challenge-edge,#b57492);border-radius:17px;background:linear-gradient(115deg,#5b344b,#462b40);box-shadow:0 4px 0 #2c1a2b;overflow:hidden}
.challenge-catalog-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;min-height:72px;padding:13px 18px;color:#fff7ef}
.challenge-catalog-drawer>summary::-webkit-details-marker{display:none}
.challenge-catalog-drawer>summary:focus-visible{outline:3px solid var(--challenge-accent,#ffbf83);outline-offset:-4px}
.challenge-catalog-drawer .drawer-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;border:1px solid var(--challenge-accent,#ffbf83);color:var(--challenge-accent,#ffbf83);font-size:22px;background:#ffffff12}
.challenge-catalog-drawer>summary span:nth-child(2){flex:1;min-width:0}.challenge-catalog-drawer>summary b{display:block;font-size:17px;line-height:1.2}.challenge-catalog-drawer>summary small{display:block;margin-top:5px;color:#ead5df;font-size:11px}.challenge-catalog-drawer .drawer-arrow{font-size:22px;color:var(--challenge-accent,#ffbf83);transition:transform .2s}.challenge-catalog-drawer[open] .drawer-arrow{transform:rotate(90deg)}
.challenge-catalog-content{border-top:1px solid #c790a366;padding:16px}.challenge-catalog-content .catalog-filters{margin-top:0}.challenge-catalog-content .group-preset-grid{margin-bottom:0}
html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list{margin:14px 0 0}html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .section-title{margin-bottom:8px}html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .section-title h2{font-size:19px;margin:0}
.compact-event-empty{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px dashed #ad8295;border-radius:11px;color:#f4e6e8;font-size:12px}.compact-event-empty span{color:#e1cbd4}
html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .fixture-card{padding:12px 15px;margin:6px 0;border-left:4px solid var(--challenge-accent)}html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .fixture-card h2{font-size:18px;margin:5px 0}html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .fixture-card .fixture-meta{gap:5px}
@media(max-width:800px){html:is([data-screen=solo],[data-screen=rooms],[data-screen=weekly]) .simple-shell main>.simple-heading{min-height:0!important}.challenge-catalog-drawer{margin:10px 0 14px}.challenge-catalog-drawer>summary{min-height:61px;padding:9px 12px;gap:9px}.challenge-catalog-drawer .drawer-symbol{width:35px;height:35px;flex-basis:35px}.challenge-catalog-drawer>summary b{font-size:14px}.challenge-catalog-content{padding:11px}.compact-event-empty{flex-direction:column;align-items:flex-start;gap:2px}}
@media(max-width:540px){html:is([data-screen=rooms],[data-screen=weekly]) .simple-heading p{font-size:11px;margin:5px 0}html:is([data-screen=rooms],[data-screen=weekly]) .group-event-explainer{margin:8px 0;padding:10px 12px}html:is([data-screen=rooms],[data-screen=weekly]) .group-event-explainer>b{font-size:13px}html:is([data-screen=rooms],[data-screen=weekly]) .group-event-explainer p{font-size:11px;margin:4px 0}html:is([data-screen=rooms],[data-screen=weekly]) .group-events-list .fixture-card .fixture-meta{display:none}}