/* Critical Function 6 — quiet surfaces, a clear next step, and touch-sized controls. */
@font-face{font-family:CF;src:local('Inter'),local('Aptos'),local('Segoe UI');font-display:swap}
:root{--bg:#f6f8f7;--paper:#fff;--ink:#233e3a;--text:#354640;--muted:#66756e;--line:#dfe7e2;--brand:#216c5e;--brand-hover:#18594d;--soft:#eaf2ed;--lime:#deedb5;--bad:#a2323a;--shadow:0 8px 30px #1e493408;--radius:16px;font-family:CF,Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);font-size:15px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--brand);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);line-height:1.2;letter-spacing:-.035em}h1{font-size:36px;font-weight:650}h2{font-size:23px;font-weight:620}h3{font-size:17px;font-weight:620}p+p{margin-top:12px}h1+p,h2+p,h3+p{margin-top:12px}ul,ol{padding-left:22px}img,svg,canvas{max-width:100%}::selection{background:#d5e8da}:focus-visible{outline:3px solid #328b78;outline-offset:4px}label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:7px}.cf-hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:99;top:-60px;background:var(--ink);color:white;padding:10px 20px}.skip:focus{top:10px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.muted,.cf-muted{color:var(--muted)}.small,.cf-small{font-size:12px}.eyebrow,.cf-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.cf-label{font-size:12px;font-weight:600}.row,.cf-actions,.cf-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between,.cf-flex-between,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack,.cf-stack{display:grid;gap:22px}.cf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cf-btn,.button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:550;font-size:13px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s,box-shadow .15s;white-space:normal}.cf-btn:hover,.button:hover{background:#f1f5f2}.primary,.cf-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover,.cf-btn-primary:hover{background:var(--brand-hover)}.ghost{border-color:transparent;background:transparent}.cf-btn-small{padding:7px 12px;min-height:40px}.cf-btn-danger,.bad{color:var(--bad);border-color:#ecced0}.wide{width:100%}.cf-input,.cf-select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{width:100%;min-height:46px;border:1px solid #cfdad3;border-radius:8px;padding:11px 13px;background:white;color:var(--ink);line-height:1.45}input::placeholder,textarea::placeholder{color:#88968e;font-weight:400}input[type=checkbox]{accent-color:var(--brand);width:17px;height:17px}.check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;margin:0}.field{min-width:0}.cf-panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.cf-panel>.panel-heading{margin-bottom:22px}.cf-pill,.cf-status-pill,.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;letter-spacing:.025em;color:var(--muted);background:#f8faf8}.pill.green{background:var(--soft);color:var(--brand);border-color:transparent}.dot{display:inline-block;width:6px;height:6px;background:#3f9075;border-radius:50%}.cf-notice{padding:13px 17px;border-radius:9px;background:var(--soft);color:var(--brand);font-size:13px;overflow-wrap:anywhere;margin-bottom:16px}.cf-error{color:#91323b;background:#fff0f0;border:1px solid #f1d2d2}.cf-success{background:#eaf4e9}.network-banner{background:#fff0d4;color:#71530f;padding:10px 24px;text-align:center;font-size:13px;position:sticky;top:0;z-index:30}.connection{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.connection:before{content:'';width:6px;height:6px;background:#3c926f;border-radius:50%}.connection[data-status=error]:before{background:#a53b3b}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.035em;line-height:1.2}.brand-mark{background:var(--brand);color:#eff8e9;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;font-style:italic;flex-shrink:0}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:450;letter-spacing:.04em;margin-top:4px}.site-nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:0 30px}.site-nav nav{display:flex;align-items:center;gap:28px}.site-nav nav>a:not(.button){color:var(--muted);text-decoration:none;font-size:13px}.site-nav nav>a[aria-current=page]{color:var(--brand)}.site-footer{max-width:1140px;margin:56px auto 0;border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.site-footer div{display:flex;gap:22px}.site-footer a{color:var(--muted);text-decoration:none}.marketing{max-width:1140px;padding:0 0 20px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:70px 0 62px}.hero h1{font-size:62px;line-height:1.08;letter-spacing:-.055em;font-weight:630;margin:20px 0}.hero h1 em{font-style:normal;color:var(--brand)}.hero-lead{font-size:17px;line-height:1.8;max-width:450px;color:var(--muted)}.hero .row{margin-top:28px}.hero .small{margin-top:16px}.hero-demo{border:1px solid #d9e4d8;border-radius:22px;padding:24px;background:#e9f0e8;position:relative}.demo-top{font-size:11px;color:#557363;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.demo-board{background:#fffefb;border-radius:13px;border:1px solid #dae4d7;padding:24px;box-shadow:0 10px 20px #2d54370a}.demo-problem{padding:25px 8px;text-align:center}.math{font-family:Georgia,serif;font-size:30px;color:var(--ink);letter-spacing:-.03em}.demo-team{display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);font-size:12px;color:var(--brand);font-weight:650;flex-shrink:0}.avatar.gold{background:#f6ebcc;color:#836c31}.avatar.blue{background:#e8eff5;color:#4b6c87}.demo-score{margin-left:auto;color:var(--brand);font-weight:650}.hero-demo .boss-preview{margin-top:17px;padding:0 8px}.boss-preview .between{font-size:12px;margin-bottom:7px}.hp-track,.cf-hp-shell{height:8px;background:#e4eae4;border-radius:9px;overflow:hidden}.hp-track span,.cf-hp-bar{height:100%;display:block;background:#50927c;border-radius:9px;transition:width .2s}.join-strip{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:var(--shadow)}.join-strip form{display:flex;align-items:flex-end;gap:12px}.join-strip h2{font-size:20px}.join-strip p{margin-top:5px;font-size:13px;color:var(--muted)}.join-strip input{letter-spacing:.2em;width:195px!important;font-variant-numeric:tabular-nums}.how-section{padding:70px 0 10px}.how-section>.between{margin-bottom:30px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-num{color:var(--brand);font-size:12px;font-weight:700;margin-bottom:14px}.how-grid p{font-size:14px;color:var(--muted);line-height:1.8}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{height:100dvh;position:sticky;top:0;border-right:1px solid var(--line);background:#fcfdfb;padding:32px 20px 22px;display:flex;flex-direction:column;gap:30px}.sidebar .brand{font-size:15px;padding-left:5px}.sidebar .brand-mark{width:34px;height:34px}.nav-label{font-size:10px;text-transform:uppercase;color:#849088;font-weight:650;letter-spacing:.12em;padding:0 13px;margin-bottom:9px}.side-nav{display:grid;gap:4px}.side-nav a,.side-nav button{display:flex;gap:11px;align-items:center;padding:11px 13px;min-height:44px;border:0;background:transparent;color:var(--muted);text-align:left;text-decoration:none;border-radius:8px;font-size:13px}.side-nav .active{background:#eaf1ea;color:var(--brand);font-weight:600}.side-nav button:hover,.side-nav a:hover{background:var(--soft)}.sidebar-bottom{margin-top:auto}.plan-mini{background:#eff4e9;border:1px solid #e0e9d7;border-radius:12px;padding:16px;font-size:12px}.plan-mini p{color:var(--muted);margin:8px 0 12px;line-height:1.65}.plan-mini a{text-decoration:none;font-weight:550}.account-strip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 5px 0;margin-top:24px}.account-strip strong{display:block;font-size:12px}.account-strip small{font-size:10px;color:var(--muted)}.app-main{min-width:0}.app-topbar{height:78px;border-bottom:1px solid var(--line);background:#ffffffb3;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px}.app-content{max-width:1330px;padding:36px 42px 60px;margin:auto}.app-topbar .breadcrumb{color:var(--muted)}.app-topbar .breadcrumb b{color:var(--ink);font-weight:500}.welcome{margin-bottom:27px}.welcome h1{font-size:31px}.welcome p{color:var(--muted);font-size:14px;margin-top:7px}.dashboard-intro{display:grid;grid-template-columns:1fr 135px;gap:30px;align-items:center;padding:29px 32px;background:#eaf2e9;border:1px solid #dbe7da;border-radius:16px}.dashboard-intro h2{font-size:26px;max-width:380px;line-height:1.25;margin:10px 0}.dashboard-intro p{font-size:13px;color:#637661;max-width:480px;margin:0 0 20px}.orb{position:relative;border-radius:50%;height:122px;width:122px;border:1px solid #b9cdb4;display:grid;place-items:center}.orb:before{content:'';position:absolute;width:90px;height:90px;border:1px solid #b9cdb4;transform:rotate(35deg);border-radius:17px;background:#e0ebd5}.orb span{position:relative;font-family:Georgia,serif;font-size:47px;line-height:.8;text-align:center;font-style:italic;color:#67875c}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 34px}.metric{border:1px solid var(--line);background:white;border-radius:12px;padding:18px 22px;display:flex;gap:15px;align-items:center}.metric>.icon{color:#83948a}.metric strong{font-size:24px;font-weight:580;line-height:1.2;color:var(--ink);display:block}.metric span{font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.section-heading h2{font-size:20px}.search{position:relative;width:230px}.search input{font-size:12px;min-height:40px!important;padding:9px 13px 9px 37px!important}.search>.icon{position:absolute;top:11px;left:12px;width:16px;height:16px;color:#829189}.filter-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:0}.filter-tabs button{background:none;border:0;color:var(--muted);padding:0 0 11px;font-size:12px;border-bottom:2px solid transparent;min-height:40px}.filter-tabs button[aria-selected=true]{color:var(--brand);border-color:var(--brand);font-weight:600}.room-list{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;border-top:0;overflow:hidden}.session-row{display:grid;grid-template-columns:40px minmax(140px,1fr) 100px 90px 115px;align-items:center;gap:17px;padding:20px 23px;border-bottom:1px solid #eaf0ea}.session-row:last-child{border:0}.session-row h3{font-size:14px;letter-spacing:-.015em}.session-row p{margin-top:5px;font-size:11px;color:var(--muted)}.session-row .room-icon{width:39px;height:43px;background:#f0f4eb;color:#688255;border-radius:8px;display:grid;place-items:center}.session-row .room-icon.blue{background:#ebf1f5;color:#57788e}.session-row .session-code{font-size:12px;letter-spacing:.1em;color:var(--muted)}.session-row .cf-btn{min-height:37px;padding:7px 11px;font-size:11px}.help-line{padding:22px 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--muted)}.help-line a{text-decoration:none;font-weight:550}.cf-empty{padding:38px 20px;text-align:center;color:var(--muted);font-size:14px}.cf-empty h3{font-size:20px;margin-bottom:10px}.cf-empty p{max-width:430px;margin:8px auto 18px}.auth-wrap{max-width:1000px;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;margin:60px auto 90px;padding:0 25px}.auth-story h1{font-size:43px;line-height:1.15;margin:19px 0}.auth-story p{color:var(--muted);max-width:370px}.benefit{display:flex;gap:12px;align-items:flex-start;font-size:13px;margin-top:23px;color:var(--muted)}.benefit .icon{color:var(--brand)}.auth-card{padding:34px}.auth-card h2{font-size:26px}.auth-card form{display:grid;gap:18px;margin-top:26px}.auth-card .small{margin-top:20px}.auth-divider{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}.auth-card .form-message{margin-top:20px}.auth-card input{font-size:14px}.link-button{border:0;background:none;color:var(--brand);font-size:12px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.password-wrap{position:relative}.password-wrap input{padding-right:67px!important}.password-toggle{position:absolute;right:10px;top:5px;min-height:36px;border:0;background:transparent;color:var(--muted);font-size:11px}.setup-panel{max-width:620px;margin:auto}.setup-panel h1{font-size:29px}.setup-steps{display:flex;gap:25px;font-size:11px;color:var(--muted);margin:20px 0 32px}.setup-steps b{color:var(--brand)}details{border:1px solid var(--line);border-radius:10px;padding:14px 17px}summary{font-size:13px;font-weight:550;color:var(--ink);cursor:pointer;min-height:24px}details[open]>summary{margin-bottom:20px}.room-heading{margin-bottom:24px}.room-heading h1{font-size:29px}.room-meta{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:10px;color:var(--muted)}.cf-room-code{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--brand);font-weight:650}.room-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow:auto}.room-tabs button{padding:0 2px 13px;min-height:44px;background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;font-size:13px;color:var(--muted)}.room-tabs button[aria-selected=true]{border-color:var(--brand);color:var(--brand);font-weight:650}.round-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.round-sidebar .card{padding:23px}.round-sidebar h3{margin-bottom:12px}.cf-hp-text{font-size:12px;color:var(--muted);margin-top:8px}.round-sidebar .cf-eyebrow{font-size:9px}.round-sidebar #bossTitle{font-size:18px;margin:12px 0}.round-sidebar #bossPhase{font-size:11px;color:var(--muted);margin-bottom:12px}.round-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;color:var(--muted);letter-spacing:.03em}.round-controls{margin-top:18px}.round-summary{font-size:12px;color:var(--muted);margin-top:16px}.pdf-workspace{display:grid;grid-template-columns:1fr 210px;gap:22px}.pdf-surface{background:#f1f3ef;display:flex;align-items:flex-start;justify-content:center;padding:15px;overflow:auto;min-width:0}.preview-surface{height:260px;border:1px solid var(--line);border-radius:9px}.pdf-placeholder{align-self:center;text-align:center;color:var(--muted);font-size:12px;padding:22px;max-width:280px}.preview-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:8px}.pdf-controls{gap:13px}.pdf-controls label{font-size:11px}.pdf-controls .cf-btn{font-size:11px;padding:8px 12px;min-height:39px}.page-picker{display:flex;align-items:center;gap:7px}.page-picker input{width:64px!important;min-height:39px!important;padding:6px 9px!important}.page-picker .cf-btn{min-width:34px;padding:5px}.page-count{font-size:11px;color:var(--muted)}.upload-label{display:block;border:1px dashed #bfd2c5;background:#f7faf6;border-radius:9px;padding:15px;text-align:center;color:var(--brand);font-size:12px;cursor:pointer;font-weight:500}.upload-label input{display:block;max-width:100%;font-size:10px;margin-top:10px}.projection-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px}.projection-options button{font-size:11px;min-height:37px;padding:7px 11px}.projection-options button[aria-pressed=true]{background:var(--soft);border-color:#bbd4c3;color:var(--brand)}.live-page{font-size:11px;color:var(--muted);margin-top:13px}.cf-teams{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.cf-team-card,.cf-submission-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:white;min-width:0}.cf-team-card h3{margin-top:10px}.cf-team-card p{font-size:12px;margin-bottom:12px}.cf-submission-card strong{font-size:12px}.cf-answer-text{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;color:var(--ink);padding:14px;background:#f5f8f4;border-radius:7px;margin:15px 0}.cf-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.cf-history-row p{font-size:11px;margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:500;color:var(--muted);font-size:10px}td,th{padding:13px 6px;border-bottom:1px solid #edf1ed}td strong{font-weight:550}.invite{display:flex;gap:28px;align-items:center;padding:25px;background:var(--soft);border-radius:12px;margin-bottom:24px}.invite .cf-room-code{font-size:35px;margin:9px 0}.invite canvas{width:128px!important;height:128px!important;border-radius:7px}.room-url{font-size:11px;overflow-wrap:anywhere;color:var(--muted)}.account-dialog{max-width:480px;width:calc(100% - 32px);border:1px solid var(--line)}dialog::backdrop{background:#0c211c65;backdrop-filter:blur(3px)}.account-dialog form{margin-top:20px}.mobile-brand{display:none}.student-main{max-width:670px;padding:30px 24px 70px;margin:auto}.student-main .join-card{max-width:460px;margin:35px auto;padding:32px}.join-card h1{font-size:30px;margin:13px 0}.join-card>p{font-size:14px;color:var(--muted)}.join-card form{display:grid;gap:18px;margin:26px 0 0}.join-card #roomInput{font-size:26px;letter-spacing:.27em;font-weight:550;text-align:center;height:60px}.team-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.team-choices button{min-height:69px;font-size:13px;background:white}.student-game-head{display:flex;gap:14px;align-items:center;margin:20px 0 28px}.student-game-head h1{font-size:26px}.student-game-head .cf-btn{margin-left:auto}.student-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.student-stats>div{border:1px solid var(--line);border-radius:12px;background:white;padding:19px 22px}.student-stats strong{font-size:28px;font-weight:550;color:var(--brand);display:block}.student-stats span{font-size:12px;color:var(--muted)}.student-round h2{margin:12px 0 6px;font-size:24px}.student-round #questionLabelDisplay{font-size:14px;color:var(--muted);margin-bottom:26px}.student-round textarea{min-height:145px;font-size:20px}.student-round form .cf-btn{width:100%;margin-top:17px}.student-round form>.cf-muted{font-size:12px;margin-top:10px}.student-round .cf-status-block{padding:20px;background:var(--soft);border-radius:11px}.student-round .cf-status-block p{font-size:13px}.student-tip{margin:23px 0;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:flex-start}.document-row{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.document-row .row{margin-left:auto}.document-row p{font-size:11px;margin-top:4px}.document-row h3{font-size:14px;overflow-wrap:anywhere}.guide-main{max-width:850px;margin:45px auto;padding:0 25px}.guide-hero{text-align:center;margin:30px 0 45px}.guide-hero h1{margin:14px 0}.guide-hero p{color:var(--muted)}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-cards ol{color:var(--muted);font-size:14px;line-height:1.9}.guide-main details{background:white;margin:13px 0}.guide-main details p{font-size:14px;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricing-grid .card{display:flex;flex-direction:column;padding:30px}.pricing-grid h2{margin:18px 0 13px}.pricing-grid ul{list-style:none;padding:0;font-size:13px;line-height:2.5;margin:25px 0}.pricing-grid li:before{content:'✓';margin-right:10px;color:var(--brand)}.pricing-grid .button{margin-top:auto}.price{font-size:35px;letter-spacing:-.06em;color:var(--ink)}.price small{font-size:12px;letter-spacing:0;color:var(--muted)}.pricing-grid p{font-size:13px;color:var(--muted)}.plans-note{text-align:center;font-size:13px;color:var(--muted);padding:25px}.onboarding-list{display:grid;gap:17px}.onboarding-list div{display:flex;gap:11px;font-size:12px;color:var(--muted)}.onboarding-list b{color:var(--brand)}.onboarding-list strong{display:block;color:var(--ink);font-size:12px}.battle-page{background:#f0f4ee}.battle-shell{padding:22px 40px;max-width:1800px;margin:auto}.projector-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.projector-room{font-size:13px;color:var(--muted)}.projector-room span{font-size:20px;margin-left:12px;letter-spacing:.15em;color:var(--ink)}.battle-boss-band{padding:26px 32px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.boss-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.boss-heading h1{font-size:37px;margin-top:7px}.battle-boss-band .cf-hp-shell{height:12px}.lobby-block{display:flex;justify-content:center;align-items:center;gap:50px;margin-top:24px}.lobby-block h2{font-size:33px}.lobby-block .cf-room-code{font-size:58px;margin:8px 0}.lobby-block p{color:var(--muted)}.lobby-block #readyCount{font-size:14px;margin-top:14px}.round-banner{display:flex;justify-content:space-between;align-items:center;padding:23px 6px}.round-banner #roundTitle{font-size:16px;font-weight:650;color:var(--ink)}.round-banner #roundMessage{font-size:13px;margin-top:5px}.cf-battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cf-ranking-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}.cf-ranking-row .cf-muted{font-size:12px}.cf-rank-badge{width:28px;color:var(--muted);font-size:13px}.rank-score{margin-left:auto}.cf-resolution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.cf-resolution-card{border:1px solid var(--line);border-radius:10px;padding:15px;font-size:13px}.cf-resolution-card p{font-size:12px;color:var(--muted)}.cf-resolution-card.correct{background:var(--soft)}.problem-stage{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.problem-stage-header{display:flex;justify-content:space-between;gap:15px;padding:13px 20px;font-size:12px;color:var(--muted)}.projector-pdf{height:65vh;background:white}.projector-pdf-status{font-size:13px;text-align:center;color:var(--bad);padding:6px}.projection-grid{display:grid;gap:24px}#battleArea[data-mode=problem] #battlePanels{display:none}#battleArea[data-mode=split] .projection-grid{grid-template-columns:1.2fr 1fr}#battleArea[data-mode=split] .cf-battle-grid{grid-template-columns:1fr}#battleArea[data-mode=split] .cf-battle-grid>section:last-child{display:none}#blankScreen{position:fixed;inset:0;background:#000;z-index:80}.cf-overlay{position:fixed;inset:0;background:#18392ddb;z-index:50;display:grid;place-items:center}.cf-overlay-card{text-align:center;color:white;padding:45px}.cf-overlay-title{font-size:48px;font-weight:650;color:#e7f2d5}.cf-overlay-text{font-size:21px;max-width:700px;margin:20px auto}.cf-good-text{color:var(--brand)}.finder{max-width:530px;margin:70px auto}.finder form{margin-top:22px;display:grid;gap:16px}
@media(min-width:1600px){.app-content{padding-top:45px}.hero{padding-top:90px}}
@media(max-width:1200px){.marketing{padding:0 30px}.site-footer{margin-left:30px;margin-right:30px}.hero{gap:38px}.hero h1{font-size:53px}.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:26px 14px}.app-content{padding:30px}.app-topbar{padding:0 30px}.round-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.pdf-workspace{grid-template-columns:1fr}.pdf-controls{grid-template-columns:1fr 1fr;gap:12px}.pdf-controls>p{grid-column:1/-1}.session-row{grid-template-columns:34px minmax(140px,1fr) 80px 95px;gap:12px;padding:18px}.session-code{display:none}.auth-wrap{gap:50px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex}.app-topbar{padding:0 24px;height:72px}.app-topbar .breadcrumb{display:none}.mobile-nav{display:flex!important;gap:4px;align-items:center}.mobile-nav a{font-size:12px;text-decoration:none;color:var(--muted);padding:9px}.app-content{padding:28px 24px}.round-layout{grid-template-columns:1fr}.round-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.round-sidebar>.card:last-child{display:none}.pdf-workspace{grid-template-columns:1fr 220px}.pdf-controls{grid-template-columns:1fr}.hero{padding:38px 0 40px;gap:26px}.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-demo{padding:18px}.demo-board{padding:18px}.auth-wrap{grid-template-columns:1fr 400px;gap:30px}.auth-story h1{font-size:35px}.pricing-grid{gap:14px}.pricing-grid .card{padding:24px 20px}.site-nav nav{gap:18px}}
@media(max-width:680px){h1{font-size:29px}h2{font-size:21px}.site-nav{height:74px;padding:0 20px}.site-nav .brand{font-size:14px;gap:8px}.site-nav nav{gap:9px}.site-nav nav>a.nav-secondary{display:none}.site-nav .button{min-height:40px;font-size:11px;padding:8px 12px}.brand small{font-size:9px}.marketing{padding:0 21px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 32px;gap:35px}.hero h1{font-size:45px;max-width:440px;margin:17px 0}.hero-lead{font-size:15px}.hero .row{margin-top:23px}.hero-demo{padding:18px 20px}.demo-problem{padding:16px 4px}.hero .small{font-size:11px}.join-strip{padding:24px;display:block}.join-strip form{margin-top:19px;gap:9px;align-items:flex-end}.join-strip form .field{flex:1}.join-strip input{width:100%!important;font-size:15px;padding:11px!important;letter-spacing:.14em}.join-strip button{padding:11px 13px;font-size:12px}.how-section{padding:40px 0 0}.how-section>.between{display:block}.how-section h2{font-size:23px}.how-section .small{margin-top:10px;display:block}.how-grid{grid-template-columns:1fr;gap:26px}.step-num{margin-bottom:6px}.how-grid p{margin-top:7px}.site-footer{margin:40px 21px 0;padding:25px 0;display:block;font-size:11px}.site-footer div{margin-top:15px;gap:18px}.app-topbar{padding:0 18px;height:68px}.app-topbar .mobile-brand{font-size:13px}.app-topbar .connection{display:none}.app-topbar>.row>.cf-btn{font-size:11px;padding:8px 12px}.mobile-nav a{font-size:11px;padding:7px}.app-content{padding:25px 18px 50px}.welcome h1{font-size:27px}.welcome p{font-size:12px;margin-top:7px}.welcome .button{min-height:39px;padding:8px 11px;font-size:11px}.dashboard-intro{padding:25px;grid-template-columns:1fr 70px;gap:14px}.dashboard-intro h2{font-size:24px;margin:10px 0}.dashboard-intro p{font-size:12px;margin-bottom:16px}.dashboard-intro .eyebrow{font-size:9px}.orb{width:66px;height:66px}.orb:before{width:50px;height:50px;border-radius:10px}.orb span{font-size:30px}.dashboard-metrics{gap:9px;margin:16px 0 28px}.metric{padding:14px 12px;display:block}.metric .icon{display:none}.metric strong{font-size:23px}.metric span{font-size:10px;white-space:nowrap}.section-heading h2{font-size:19px}.search{width:146px}.search input{font-size:11px;padding-left:30px!important}.search>.icon{left:9px}.filter-tabs{gap:24px}.session-row{grid-template-columns:34px minmax(0,1fr) 83px;gap:11px;padding:18px 14px}.session-row h3{font-size:13px;line-height:1.35}.session-row p{font-size:10px;line-height:1.5}.session-row .pill{grid-column:2;grid-row:auto;justify-self:start;margin-top:-3px;font-size:9px}.session-row .cf-btn{grid-column:3;grid-row:1/3;min-height:40px;font-size:10px}.session-row .room-icon{grid-row:1/3;width:32px;height:40px}.help-line{font-size:11px;text-align:center;flex-wrap:wrap;gap:4px;padding-top:22px}.cf-panel,.card{padding:22px}.auth-wrap{display:block;margin:25px auto 55px;padding:0 21px}.auth-story{display:none}.auth-card{max-width:460px;margin:auto;padding:28px 25px}.auth-card h2{font-size:26px}.setup-steps{gap:12px;font-size:10px}.setup-panel .cf-grid-2{grid-template-columns:1fr}.room-heading{align-items:flex-start;gap:14px}.room-heading h1{font-size:24px}.room-heading>.row .cf-btn{font-size:10px;padding:8px 10px;min-height:39px}.room-heading>.row{flex-direction:column;gap:6px}.room-meta{font-size:10px;gap:8px;flex-wrap:wrap}.room-tabs{gap:23px;margin-bottom:22px}.room-tabs button{font-size:12px}.pdf-workspace{grid-template-columns:1fr}.pdf-controls{grid-template-columns:1fr}.preview-surface{height:225px}.round-sidebar{grid-template-columns:1fr}.round-sidebar>.card:nth-child(2){display:none}.round-layout{gap:19px}.round-controls .cf-btn{flex:1;font-size:12px;white-space:nowrap}.round-controls .ghost{flex:none}.cf-teams{grid-template-columns:1fr}.cf-grid-2{gap:12px}.cf-history-row{display:block}.cf-history-row>span{display:block;margin-top:9px}.invite{gap:18px;padding:19px;align-items:flex-start}.invite .cf-room-code{font-size:27px}.invite canvas{width:86px!important;height:86px!important}.invite h3{font-size:15px}.room-url{font-size:10px}.student-main{padding:12px 18px 50px}.student-main .join-card{margin:26px auto;padding:27px 24px}.student-game-head{margin:20px 0 23px;gap:11px}.student-game-head h1{font-size:23px}.student-game-head .cf-btn{font-size:11px;padding:8px 10px;min-height:38px}.student-stats{gap:12px;margin-bottom:19px}.student-stats>div{padding:16px 20px}.student-round{padding:24px}.student-round textarea{font-size:18px;min-height:155px}.student-round h2{font-size:25px}.guide-main{margin-top:25px;padding:0 21px}.guide-hero{text-align:left;margin:20px 0 30px}.guide-cards,.pricing-grid{grid-template-columns:1fr}.guide-hero h1{font-size:31px}.pricing-grid .card{padding:27px}.document-row{flex-wrap:wrap;gap:12px}.document-row .row{width:100%;margin-left:35px}.document-row h3{font-size:13px}.library-upload{max-width:100%}.battle-shell{padding:20px}.projector-topbar{flex-wrap:wrap}.projector-topbar .brand{font-size:13px}.projector-room{font-size:10px}.projector-room span{font-size:15px}.projector-utilities{display:none}.battle-boss-band{padding:22px}.boss-heading h1{font-size:26px}.boss-heading .cf-hp-text{font-size:10px}.lobby-block{gap:15px;padding:23px}.lobby-block h2{font-size:25px}.lobby-block .cf-room-code{font-size:37px}.lobby-block p{font-size:12px}.lobby-block canvas{width:100px!important;height:100px!important}.lobby-block #readyCount{font-size:10px}.cf-battle-grid,#battleArea[data-mode=split] .projection-grid{grid-template-columns:1fr}.round-banner #roundTitle{font-size:13px}.round-banner #roundMessage{font-size:11px}.round-banner .round-clock{font-size:20px}.projector-pdf{height:55vh}.cf-overlay-title{font-size:33px}.cf-overlay-text{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Small-screen workspace navigation and grid sizing. */
.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0}
@media(max-width:680px){.app-topbar>.row{gap:0;flex-wrap:nowrap}.app-topbar>.row>.cf-btn{display:none}.mobile-brand .brand{font-size:12px;gap:8px}.mobile-brand .brand small{font-size:8px}.mobile-nav a{font-size:10px;padding:8px}.dashboard-intro{grid-template-columns:minmax(0,1fr) 45px;gap:8px}.orb{width:48px;height:48px}.orb:before{width:35px;height:35px;border-radius:8px}.orb span{font-size:23px}.dashboard-intro h2{font-size:23px;max-width:260px}.dashboard-intro p{max-width:250px}.dashboard-intro .eyebrow{font-size:8px;letter-spacing:.09em}}

.session-row{grid-template-columns:40px minmax(140px,1fr) 120px 90px 110px}.session-row .cf-btn{white-space:nowrap}
@media(max-width:1200px){.session-row{grid-template-columns:34px minmax(140px,1fr) 120px 90px}}
@media(max-width:680px){.session-row{grid-template-columns:34px minmax(0,1fr) 72px}.site-nav .brand{font-size:12px;flex-shrink:0;max-width:168px}.site-nav .brand small{font-size:8px}.site-nav .brand-mark{width:32px;height:32px;font-size:24px}.site-nav nav{gap:13px;flex-shrink:0}.site-nav nav>a{white-space:nowrap;font-size:11px!important}.site-nav .button{padding:8px 10px;font-size:10px!important}.site-nav .button .icon{display:none}.site-nav{gap:10px}.site-nav .brand>span:last-child{max-width:105px}}

.round-sidebar{align-content:start;align-self:start}.card>.panel-heading{margin-bottom:22px}.skip{transform:translateY(-150%);top:0}.skip:focus{transform:none;top:10px}

@media(max-width:680px){.pdf-controls .cf-btn,.session-row .cf-btn,.student-game-head .cf-btn,.room-heading>.row .cf-btn,.cf-btn-small,.projection-options button{min-height:44px}.mobile-nav a{min-height:44px;display:inline-flex;align-items:center}.section-heading{flex-wrap:wrap}.pdf-controls .cf-btn{font-size:12px}}

.pdf-controls,.pdf-controls>*,.pdf-workspace>*{min-width:0}.pdf-controls input[type=file]{width:100%;max-width:100%;min-width:0}.pdf-controls .page-picker{gap:5px}.page-picker .cf-btn{padding-left:7px;padding-right:7px}
@media(min-width:1201px){.pdf-workspace{grid-template-columns:minmax(0,1fr) 240px}}