/* Local console-inspired redesign. Deliberately isolated from the published site. */
@font-face{font-family:'Plus Jakarta Sans';src:url('/question-sets/fonts/PlusJakartaSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--font-heading:'Plus Jakarta Sans',sans-serif;--bg:#edf0f7;--surface:#ffffff;--soft:#e9eafa;--text:#282c44;--muted:#646b81;--line:#dbe0ed;--purple:#5854cc;--purple-hover:#4640ae;--on-purple:#fff;--gold:#9388f1;--gold-soft:#e9e6ff;--gold-ink:#5146a1;--success:#227569;--danger:#b93d56;--radius:24px;--shadow:0 12px 30px #353b6210,0 2px 3px #353b6207;--glass:#ffffffd9;--focus:#7771e8}
:root[data-theme=dark]{--bg:#141825;--surface:#202637;--soft:#2a3149;--text:#f0f3ff;--muted:#adb7d1;--line:#36405a;--purple:#b2b0ff;--purple-hover:#ccc9ff;--on-purple:#1c2036;--gold:#a8afff;--gold-soft:#32365a;--gold-ink:#c2c8ff;--shadow:0 14px 36px #0003,0 1px 1px #fff1;--glass:#202637ed;--focus:#b2b0ff}
body{background:radial-gradient(ellipse at 8% 0%,#c4e8f356,transparent 42%),radial-gradient(ellipse at 95% 25%,#d9c9fc4d,transparent 45%),var(--bg);background-attachment:fixed;font-size:16px;line-height:1.6;padding-bottom:120px}
body::before,body::after{display:none!important}
h1,h2,h3,h4,h5,h6,strong,b,button,.button,summary,.brand-name,.app-nav a,.eyebrow,.badge,.path-number,.action-link,.hero-number,.stepper,.collection-tabs,.card h3,.question-card h3,.question-preview h3,.student-preview h3,.account-panel button{font-family:var(--font-heading)!important;font-weight:700!important}
h1,h2,h3{letter-spacing:-.035em;line-height:1.2}
button,.button,input,select,textarea{border-radius:14px}
button,.button{min-height:44px;padding:10px 17px;box-shadow:0 2px 2px #34345906;font-size:15px}
button.primary,.button.primary{background:linear-gradient(120deg,#5c69df,#7860d3);border-color:transparent;color:#fff;box-shadow:0 5px 14px #6661cf25}
button.primary:hover,.button.primary:hover{background:linear-gradient(120deg,#4a58cd,#6850c1)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
input,textarea,select{border-color:var(--line);background:var(--bg);padding:12px 14px;font-size:16px;color:var(--text)}
label{font-size:15px}.small,.muted,.hint{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--purple);line-height:1.5}
.app-header{max-width:1424px;margin:0 auto;padding:22px 42px 16px;min-height:86px;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;gap:20px}
.brand{gap:10px}.brand img{width:46px;height:46px;filter:brightness(0) saturate(100%) invert(38%) sepia(74%) saturate(770%) hue-rotate(211deg) brightness(90%)}
:root[data-theme=dark] .brand img{filter:brightness(0) invert(.85)}
.brand-name{display:block!important;font-size:15px;line-height:1.1;letter-spacing:-.03em;color:var(--text)}
.app-tools{gap:14px;margin-left:auto}.theme-switch{background:var(--glass);border:1px solid var(--line);padding:4px;box-shadow:inset 0 1px #fff8;border-radius:18px}
.theme-switch button{width:34px;min-width:34px;height:34px;min-height:34px;border-radius:12px;font-size:18px;padding:0;box-shadow:none}
.theme-switch button[aria-pressed=true]{background:var(--soft);color:var(--purple)}
#account{gap:9px}#account button{font-size:14px;min-height:42px}#account-profile{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.app-nav{position:fixed;z-index:90;bottom:22px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:5px;padding:7px;border:1px solid #ffffffa8;border-radius:27px;background:var(--glass);backdrop-filter:blur(20px);box-shadow:0 12px 40px #34385e20,inset 0 1px #fff8;width:max-content;max-width:calc(100vw - 24px)}
.app-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 20px;border:1px solid transparent;border-radius:20px;color:var(--muted);font-size:14px;line-height:1.25;transition:background .2s,color .2s;text-decoration:none}
.app-nav svg{width:24px;height:24px;flex-shrink:0}
.app-nav a:nth-child(1) svg{color:#7564d9}.app-nav a:nth-child(2) svg{color:#4285c6}.app-nav a:nth-child(3) svg{color:#389e8c}.app-nav a:nth-child(4) svg{color:#c27856}
.app-nav a:hover{background:var(--soft);color:var(--text)}.app-nav a[aria-current=page]{background:var(--surface);border-color:var(--line);box-shadow:0 3px 9px #30345e0e;color:var(--text)}
.app-nav a[aria-current=page] svg{filter:drop-shadow(0 2px 3px #7775c640)}
main{max-width:1340px;margin:auto;padding:22px 42px 35px}
.page-title{margin-bottom:28px}.page-title h1,.setup-heading h1{font-size:clamp(30px,3.6vw,44px);line-height:1.2;margin:5px 0 12px}.page-title p:not(.eyebrow),.setup-heading>div>p:last-child{font-size:16px;max-width:700px;color:var(--muted)}
.home-welcome{margin-bottom:26px;align-items:center;padding:2px 0 0}
.home-welcome h1{max-width:780px;font-size:clamp(30px,3.8vw,47px);line-height:1.22;margin:8px 0 12px}
.home-welcome p:last-child{max-width:none;margin-bottom:0}.home-emblem{display:grid;place-items:center;width:80px;height:80px;flex-shrink:0;border-radius:28px;color:#7a6dd7;background:linear-gradient(130deg,#fff9,#dad8f8,#d3eef0);font-size:51px;box-shadow:inset 0 2px 1px #fffc,0 8px 20px #7773ac0c}
.console-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:stretch}
.console-dashboard .panorama{margin:0;border:5px solid var(--surface);border-radius:28px!important;box-shadow:var(--shadow);transform-origin:center;align-self:stretch}
.console-dashboard .panorama-stage{height:100%;min-height:440px}
.console-dashboard .panorama:hover{transform:scale(1.012)}
.panorama-copy{left:34px;right:34px;bottom:58px}.panorama-copy h2{font-family:var(--font-heading)!important;font-weight:700;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.045em}
.panorama-copy p{font-size:16px;max-width:500px}.panorama-copy .eyebrow{font-size:12px;letter-spacing:.09em;color:#e6dcff}.panorama-slide::after{background:linear-gradient(0deg,#111727ee 0%,#11172780 35%,transparent 78%)}
.panorama-arrow{font-size:72px;color:white;background:none!important;box-shadow:none!important;padding:0;min-width:38px;opacity:1;transform:none!important;transition:none!important}
.panorama-arrow[data-prev]{left:7px}.panorama-arrow[data-next]{right:7px}
.panorama-dots button::after{width:7px;height:7px}.panorama-dots button[aria-pressed=true]::after{width:22px;border-radius:10px;background:white}
.create-panorama .panorama-wallpaper{width:100%;height:100%;object-fit:cover}.create-panorama::after{background:linear-gradient(0deg,#222440e8,transparent 95%)}.create-panorama .panorama-copy{max-width:none;left:34px;right:34px;bottom:58px}.create-panorama .panorama-copy h2{color:white;font-size:40px}.create-panorama .panorama-copy p,.create-panorama .panorama-copy .eyebrow{color:#efefff}
.console-actions{display:grid;grid-template-rows:1.35fr 1fr;gap:20px}
.console-action{display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;padding:25px;border-radius:27px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);border:1px solid #fff9;transition:transform .22s,box-shadow .22s}
.console-action:hover{transform:translateY(-3px);box-shadow:0 14px 34px #5362a824}
.questions-action{background:linear-gradient(135deg,#fafdff 5%,#e2e8ff 62%,#d9d5fc)}
.action-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#fff,#d6d8ff);box-shadow:inset 0 2px 1px #fff,0 3px 7px #5b63bb15;margin-bottom:13px;color:#5f62c4}.action-icon svg{width:27px;height:27px}
.console-action .eyebrow{font-size:11px;margin-bottom:6px}.console-action h2{font-size:26px;margin:0 0 9px;line-height:1.18}.console-action p{font-size:14px;color:#5c6582;margin:0 0 18px;line-height:1.5}.action-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;width:100%;margin-top:auto;color:#4d50a8}
.workshop-action{background:linear-gradient(125deg,#fff7e9,#f6e5e2 55%,#e6dcf0);justify-content:center;min-height:160px;padding-right:115px}.workshop-action h2{font-size:23px}.workshop-action .eyebrow{color:#8d6658}.workshop-action .action-link{color:#795d64;margin-top:18px}.workshop-action img{position:absolute;right:-20px;bottom:-5px;width:155px;height:170px;object-fit:cover;object-position:64% center;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.console-shelf{margin-top:30px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.shelf-heading h2{font-size:20px;letter-spacing:-.025em;margin:0}.shelf-heading a{font-size:14px;white-space:nowrap;text-decoration:none;color:var(--muted)}
.home-paths{margin-top:17px;gap:17px}.home-path{border:1px solid #fff8;border-radius:22px;padding:20px;background:var(--glass);box-shadow:0 5px 16px #30365005;gap:15px}.home-path h2{font-size:16px;line-height:1.35;margin:0 0 4px}.home-path p{font-size:13px;line-height:1.5}.path-number{display:grid!important;place-items:center;width:38px;height:38px;padding:0;flex-shrink:0;align-self:center;font-size:12px;background:#e8e6fa;color:#6b5ac4;border-radius:13px}.home-path:nth-child(2) .path-number{background:#e2f3ed;color:#398474}.home-path:nth-child(3) .path-number{background:#fae9df;color:#a56c4e}
:root[data-theme=dark] .questions-action{background:linear-gradient(130deg,#283348,#333b66,#423d66)}
:root[data-theme=dark] .console-action{border-color:var(--line)}:root[data-theme=dark] .questions-action p{color:var(--muted)}:root[data-theme=dark] .action-link{color:#d4d1ff}:root[data-theme=dark] .workshop-action{background:linear-gradient(120deg,#393043,#44343d,#3c3855)}:root[data-theme=dark] .workshop-action .eyebrow,:root[data-theme=dark] .workshop-action .action-link{color:#e6c7bb}:root[data-theme=dark] .workshop-action img{mix-blend-mode:normal;opacity:.8}:root[data-theme=dark] .home-emblem{background:linear-gradient(140deg,#293d4b,#3a365b);color:#bcb5fa}:root[data-theme=dark] .home-path{border-color:var(--line)}:root[data-theme=dark] .app-nav{border-color:var(--line)}
/* Library: a quiet shelf with content-led cards. */
.stepper,.setup-steps{display:flex;width:fit-content;margin:0 0 24px;padding:10px 16px;border-radius:15px;background:var(--glass);border:1px solid var(--line);box-shadow:0 2px 8px #30365003;font-size:13px;line-height:1.5;gap:12px}
.stepper b,.setup-steps b{display:inline-grid;place-items:center;border-radius:7px;background:var(--soft);color:var(--purple);width:23px;height:23px;font-size:11px}
.collection-tabs{border:0;background:var(--glass);border-radius:17px;width:fit-content;max-width:100%;padding:5px;gap:4px;margin-bottom:19px;overflow-x:auto}
.collection-tabs a{font-size:14px;border:0;border-radius:12px;padding:10px 18px;white-space:nowrap;color:var(--muted);text-decoration:none}
.collection-tabs a[aria-current=page]{background:var(--soft);color:var(--purple);box-shadow:inset 0 1px #fff5}
.search-panel{background:var(--glass);border:1px solid var(--line);padding:19px 21px;border-radius:22px;box-shadow:0 5px 20px #30365004;gap:13px;align-items:end;grid-template-columns:minmax(180px,1fr) 200px auto}
.search-panel #query{height:50px;border-radius:14px;background:var(--surface)}
.search-panel label{font-size:12px;line-height:1.5;color:var(--muted)}
.search-panel select{min-height:50px;background:var(--surface);margin-top:3px}
.search-panel #submit-search{min-height:50px}.more-filters>summary{font-size:13px;color:var(--muted)}.search-panel #clear-search{font-size:13px;min-height:34px;padding:2px 10px}
.quick-topics{display:none}.active-filters{margin-top:12px}.result-title p{color:var(--muted);font-size:14px;margin:22px 0 13px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{border-color:#9298d4;transform:translateY(-3px);box-shadow:0 15px 30px #34385916}
.card>.cover,.card>.custom-lesson-cover,.card>.no-cover{aspect-ratio:16/10;max-height:none;height:auto;background:var(--soft);margin:8px 8px 0;border-radius:17px;overflow:hidden}
.card .cover img,.card .no-cover img{width:100%;height:100%;object-fit:contain}
.card-top{padding:16px 20px 0}.card-body{padding:12px 20px 20px}.card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}.card h3 a{text-decoration:none;color:var(--text)}.card-summary{font-size:14px;line-height:1.6}.card-actions{margin-top:15px}.card-actions .button{font-size:13px;border-radius:12px;min-height:40px}
.badge{font-size:11px;letter-spacing:.015em;border-radius:8px;padding:4px 8px}.favorite{background:var(--surface);border-radius:12px;font-size:24px;min-height:40px}
.panel,.sidebar .panel,.selected-lesson{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);background:var(--surface);padding:27px}
.panel h2{font-size:23px}.panel h3{font-size:19px}.panel p{font-size:15px}.layout{gap:25px}
.selected-lesson{background:linear-gradient(120deg,var(--surface),var(--soft));border-left:1px solid var(--line);padding:22px 25px}.selected-lesson h2{font-size:25px}
.games-grid{gap:26px}.game-tile{border:6px solid var(--surface);border-radius:27px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .22s,box-shadow .22s}.game-tile:hover{transform:scale(1.018);box-shadow:0 16px 35px #33395c23}
.game-tile-media{border-radius:20px;overflow:hidden}.game-tile-art{aspect-ratio:16/9;object-fit:contain}.game-tile-copy{padding:20px 19px 22px}.game-tile-copy h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin-bottom:9px}.game-tile-copy p{font-size:15px;color:var(--muted);line-height:1.6}.game-placeholder{background:linear-gradient(135deg,#e1ddfa,#a6b7d9);color:#8171b8}.game-placeholder.memory{background:linear-gradient(125deg,#e6f5e9,#b8dfdf)}
.workshop-layout{grid-template-columns:minmax(0,1fr) 310px}.set-title-panel label{font-size:15px}.set-title-panel input{font-family:var(--font-heading);font-weight:700;font-size:24px;padding:15px;background:var(--bg)}
.question-row{border:1px solid var(--line);padding:18px;border-radius:17px;margin:12px 0;background:var(--bg)}.question-row .number{background:var(--soft);border-radius:11px;color:var(--purple)}.question-row strong{font-size:16px}.question-row p{font-size:13px}
.question-row button{font-size:12px;min-height:36px;padding:6px 10px}.question-editor-grid{gap:22px}
.sticky-actions{bottom:105px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);padding:16px 20px;border-radius:22px;box-shadow:var(--shadow);margin-top:24px;gap:14px;flex-wrap:wrap}
.sticky-actions button{font-size:13px}.sticky-actions #save-state{font-size:13px;color:var(--muted)}
.custom-empty{padding:35px 20px}.custom-empty h3{font-size:25px}.custom-empty p{font-size:15px}
dialog{background:var(--surface);border:1px solid var(--line);border-radius:27px;box-shadow:0 30px 100px #141f4a3b;padding:30px;color:var(--text)}
dialog::backdrop{background:#18213b70;backdrop-filter:blur(5px)}.dialog-top h2{font-size:24px}.dialog-top{margin-bottom:23px}
/* Setup and character selection use the same tactile panels. */
.setup{max-width:1300px}.set-strip{background:var(--glass);border:1px solid var(--line);border-radius:18px;box-shadow:none;padding:17px 22px}
.match-controls{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:20px 24px;margin:20px 0}
.teams{gap:19px}.team-card{background:var(--surface);border:2px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px 16px}
.team-card:focus-within,.team-card:hover{border-color:var(--focus)}.team-card .selection-sprite{height:220px;min-height:180px;background:radial-gradient(ellipse at center,#d5ddf150,transparent 67%);border-radius:20px}
.team-card label,.team-card input{font-size:15px}.team-card .hero-label{font-size:15px}.team-card input{font-family:var(--font-heading);font-weight:700;text-align:center}
.setup footer{background:var(--glass);border:1px solid var(--line);padding:18px 22px;border-radius:23px;margin-top:24px;box-shadow:var(--shadow)}
.setup footer button{font-size:14px}.setup footer #start{min-height:48px}
#picker{border-radius:27px;padding:26px;width:min(1100px,96vw);height:min(850px,94dvh)}
.picker-header{border-bottom:1px solid var(--line)}#character-heading{font-size:31px}
.hero-grid{gap:13px}.hero-option{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,var(--surface),var(--soft));grid-template-rows:minmax(0,1fr) auto 18px;padding:10px;box-shadow:0 3px 10px #33375b07}
.hero-option[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:-3px;background:var(--soft);border:1px solid transparent}
.hero-option .selection-sprite{display:block;min-height:0;height:100%}.hero-number{font-size:17px;color:var(--text);line-height:1.5}.hero-option .owner{font-size:12px}
.account-layout{padding:35px 20px 0}.account-panel{border:1px solid var(--line);border-radius:28px;background:var(--glass);box-shadow:var(--shadow);max-width:500px}
.account-panel h1{font-size:34px}.account-panel .account-requirement{font-size:16px}.account-return{background:var(--soft);border-left-color:var(--focus)}
.profile-avatars button{border-radius:18px}#toast{bottom:112px}
@media(min-width:1600px){main{padding-top:36px}.console-dashboard .panorama-stage{min-height:490px}.console-actions{grid-template-rows:1.2fr 1fr}.console-action{padding:30px}}
@media(max-width:1100px){.app-header{padding:22px 28px 14px}main{padding:20px 28px 35px}.console-dashboard{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.console-action{padding:21px}.workshop-action{padding-right:100px}.console-action h2{font-size:23px}.console-dashboard .panorama-stage{min-height:420px}.home-emblem{width:65px;height:65px;font-size:40px}.grid{gap:16px}.workshop-layout{grid-template-columns:minmax(0,1fr) 280px}.home-path{padding:17px 14px}.home-path p{font-size:12px}}
@media(max-width:800px){.app-header{padding:18px 22px;display:flex;min-height:75px}.app-nav{width:max-content;gap:3px;bottom:15px;padding:6px}.app-nav a{padding:10px 15px;min-height:54px;font-size:12px}.app-nav svg{width:23px;height:23px}.app-tools{gap:8px}.brand img{width:38px;height:38px}.brand-name{font-size:13px}.theme-switch{display:none}main{padding:15px 22px 30px}.console-dashboard{grid-template-columns:1fr}.console-dashboard .panorama-stage{min-height:360px}.console-actions{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:16px}.questions-action .action-icon{display:none}.console-action{min-height:205px}.workshop-action img{height:150px;right:-24px;bottom:0;opacity:.75}.console-action h2{font-size:23px}.workshop-action{padding-right:90px}.home-welcome{align-items:flex-start;flex-direction:row}.home-welcome h1{font-size:36px}.home-emblem{display:none}.home-welcome p:last-child{font-size:15px}.home-paths{grid-template-columns:1fr;gap:10px}.home-path{padding:18px;gap:15px}.home-path h2{font-size:16px}.home-path p{font-size:14px}.shelf-heading h2{font-size:20px;max-width:330px}.shelf-heading a{font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-layout,.layout{grid-template-columns:1fr}.sidebar{position:static}.sticky-actions{position:static}.games-grid{gap:18px}.game-tile-copy{padding:17px 12px}.game-tile-copy h2{font-size:24px}.selected-lesson{padding:20px}.teams{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card .selection-sprite{height:195px;min-height:150px}.hero-number{font-size:15px}.account-panel{max-width:500px}.search-panel{grid-template-columns:1fr 1fr}.search-panel>#query{grid-column:1/-1}.search-panel>#submit-search{grid-column:2;grid-row:2}.search-panel>#clear-search{grid-column:2}.more-filters{grid-column:1}.collection-tabs a{padding:10px 14px}.page-title h1{font-size:34px}.page-title>.button{font-size:14px}}
@media(max-width:520px){body{padding-bottom:105px}.app-header{padding:16px;gap:10px}.brand-name{display:none!important}.brand img{width:42px;height:42px}.app-tools{gap:7px}#account button{font-size:13px;padding:8px 13px;min-height:40px}main{padding:14px 16px 28px}.home-welcome h1{font-size:33px;max-width:360px}.home-welcome .eyebrow{font-size:10px}.home-welcome p:last-child{font-size:15px}.home-welcome{margin-bottom:22px}.app-nav{width:calc(100% - 24px);max-width:430px;bottom:12px;justify-content:space-around;border-radius:24px;gap:0}.app-nav a{flex-direction:column;gap:5px;padding:8px 9px;font-size:10px;min-width:64px;min-height:61px;border-radius:18px}.app-nav svg{width:23px;height:23px}.console-dashboard{gap:15px}.console-dashboard .panorama-stage{min-height:340px}.panorama-copy{left:25px;right:25px;bottom:55px}.panorama-copy h2{font-size:38px}.panorama-copy p{font-size:14px}.panorama-copy .eyebrow{font-size:10px}.panorama-arrow{font-size:60px}.panorama-arrow[data-prev]{left:2px}.panorama-arrow[data-next]{right:2px}.console-dashboard .panorama{border-width:4px}.console-actions{gap:12px}.console-action{padding:18px;min-height:230px;border-radius:22px}.console-action h2{font-size:22px}.console-action p{font-size:13px}.console-action .eyebrow{font-size:9px}.action-link{font-size:12px}.workshop-action{justify-content:flex-start;padding-right:18px}.workshop-action img{width:115px;height:100px;right:-5px;bottom:0;opacity:.55}.workshop-action .action-link{position:relative;z-index:1}.shelf-heading{align-items:flex-start;flex-direction:column;gap:8px}.shelf-heading h2{font-size:21px}.console-shelf{margin-top:25px}.home-path p{font-size:13px}.grid{grid-template-columns:1fr}.page-title h1,.setup-heading h1{font-size:31px}.page-title p:not(.eyebrow){font-size:15px}.stepper,.setup-steps{gap:8px;padding:9px 12px;font-size:12px;max-width:100%}.stepper b{display:none}.collection-tabs{width:100%;justify-content:space-between;gap:0}.collection-tabs a{font-size:11px;padding:10px}.search-panel{padding:16px}.search-panel label{font-size:12px}.panel,.sidebar .panel{padding:21px}.page-title{gap:12px;flex-wrap:wrap}.page-title>.button{font-size:13px;padding:10px 15px}.games-grid{grid-template-columns:1fr;gap:20px}.game-tile-copy h2{font-size:27px}.game-tile-copy p{font-size:14px}.team-card{padding:15px 10px}.team-card .selection-sprite{height:160px;min-height:120px}.team-card .hero-label{font-size:13px}.match-controls{padding:18px}.setup footer{padding:15px}#picker{padding:18px 12px;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.hero-grid{gap:7px}.hero-option{border-radius:14px;padding:6px}.hero-number{font-size:15px}.hero-option .owner{font-size:10px}.account-layout{padding:10px 0}.account-panel{padding:26px 21px}.account-panel h1{font-size:30px}.account-panel .account-requirement{font-size:15px}.account-return{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the first content row in view on laptop screens. */
.search-panel .more-filters{grid-column:1 / 3;grid-row:2;margin:0;align-self:center}
.search-panel #clear-search{grid-column:3;grid-row:2;justify-self:end}
.search-panel .more-filters[open]{grid-column:1 / -1;grid-row:3}
.search-panel .filter-fields{padding-top:16px}
.hero-number{background:#5e58bf!important;color:white!important}
.set-title-panel input{border:1px solid var(--line);border-radius:14px}
.panorama-arrow{top:auto!important;bottom:12px!important;height:44px;line-height:40px;min-height:44px;font-size:54px!important}
.panorama-arrow[data-prev]{left:22px}.panorama-arrow[data-next]{right:22px}
.team-card .hero-number{background:var(--soft)!important;color:var(--purple)!important}
.selected-lesson{padding:18px 23px}.selected-lesson .eyebrow{font-size:10px;margin:0}.selected-lesson h2{font-size:23px;margin:5px 0}.selected-lesson p{font-size:14px}
body[data-quest-page=library] .page-title .eyebrow,body[data-quest-page=mine] .page-title .eyebrow{display:none}
@media(min-width:801px) and (max-height:850px){
 .app-header{padding-top:15px;padding-bottom:10px;min-height:73px}main{padding-top:12px}
 .home-welcome{margin-bottom:22px}.home-welcome h1{font-size:42px;margin:5px 0 9px}.home-welcome .eyebrow{margin-top:7px}
 .console-dashboard .panorama-stage{min-height:380px}.console-dashboard{height:390px}.console-actions{height:390px;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
 .console-action{padding:22px;min-height:0}.questions-action .action-icon{display:none}.questions-action p{margin-bottom:13px}.workshop-action{padding-right:120px}
 .console-shelf{margin-top:24px}.shelf-heading h2{font-size:18px}.home-paths{margin-top:12px}
 .stepper{margin-bottom:19px}.page-title{margin-bottom:22px}.page-title h1{font-size:37px}
 .search-panel{padding:16px 20px;row-gap:10px}.search-panel .more-filters>summary{padding:0;min-height:30px}.search-panel #clear-search{min-height:30px}
}
@media(max-width:800px){.search-panel .more-filters{grid-column:1;grid-row:3}.search-panel #clear-search{grid-column:2;grid-row:3}.search-panel .more-filters[open]{grid-column:1 / -1;grid-row:4}}
@media(max-width:800px){.theme-switch{display:flex}.theme-switch button{width:29px;height:29px;min-width:29px;min-height:29px}.app-tools{gap:7px}#account-profile .account-name{display:none}}
@media(max-width:520px){.app-nav a{font-size:11px}.panorama-arrow[data-prev]{left:15px}.panorama-arrow[data-next]{right:15px}}