:root{--font-display:"Bricolage Grotesque", "DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--stage-bg:#10142e;--stage-surface:#1b2147;--stage-raised:#2c3466;--stage-line:#3a4180;--stage-text:#f4f1e8;--stage-muted:#a9afd1;--stage-accent:#ffd23f;--stage-accent-hover:#ffe27a;--stage-ink:#10142e;--stage-good:#4ade9b;--stage-bad:#ff6b4a;--stage-down:#ff8a6e;--option-0:#ff8a6e;--option-1:#7cc4ff;--option-2:#ffd23f;--option-3:#6ee7ae;--option-shape-tile:#10142e24;--room-1:#ffd23f;--room-2:#ff6b4a;--room-3:#4ade9b;--room-4:#5ab4ff;--room-5:#c084fc;--room-6:#ff8fc7;--room-7:#2dd4d4;--room-8:#ffa94d;--room-9:#a3e635;--room-10:#b9beff;--calm-bg:#f6f5f0;--calm-surface:#fff;--calm-line:#e3e1d8;--calm-line-strong:#cfccc0;--calm-text:#10142e;--calm-muted:#5b6080;--calm-chip:#eeece4;--calm-highlight:#fff8db;--calm-good:#2d6b4a;--calm-bad:#b23a1e;--calm-header:#10142e;--calm-dashed:#9a9fbd;--calm-link-hover:#3a4180;--tag-individual:#dcebff;--tag-whole-class:#ffe7b0;--radius-xs:8px;--radius-sm:12px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.display{font-family:var(--font-display);font-weight:800}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{background:var(--stage-bg);min-height:100%;color:var(--stage-text);flex-direction:column;display:flex}.stage a{color:var(--stage-accent)}.muted{color:var(--stage-muted)}.logo{font-family:var(--font-display);align-items:center;gap:12px;font-weight:800;display:inline-flex}.chip{font-family:var(--font-display);color:var(--stage-ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.panel{background:var(--stage-surface);border-radius:var(--radius-xl)}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--stage-muted);font-size:16px;font-weight:700}.btn-primary{border-radius:var(--radius-md);background:var(--stage-accent);width:100%;max-width:336px;min-height:56px;color:var(--stage-ink);font-family:var(--font-display);border:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.btn-primary:hover:not(:disabled){background:var(--stage-accent-hover)}.btn-primary:disabled{opacity:.45}.btn-outline{border-radius:var(--radius-sm);border:2px solid var(--stage-text);min-height:48px;color:var(--stage-text);background:0 0;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:700;display:inline-flex}.btn-outline:disabled{opacity:.4}.error{color:var(--stage-bad);min-height:1.4em;margin:0;font-weight:600}.track-bar{background:var(--stage-raised);border-radius:999px;height:14px;overflow:hidden}.track-bar>div{border-radius:999px;height:100%;transition:width .4s}.student-center{flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.student-col{text-align:center;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:480px;display:flex}.student-col h1{font-family:var(--font-display);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:800}.student-col p{margin:0}.footnote{color:var(--stage-muted);font-size:15px}.student-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.student-header .who{align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.student-progress{background:var(--stage-raised);height:8px}.student-progress>div{background:var(--stage-accent);height:100%;transition:width .25s linear}.student-main{flex-direction:column;flex:1;gap:20px;width:100%;max-width:920px;margin:0 auto;padding:24px 16px 32px;display:flex}.code-boxes{border:0;justify-content:center;gap:12px;margin:0;padding:0;display:flex}.code-boxes input{text-align:center;width:72px;height:88px;font-family:var(--font-display);text-transform:uppercase;color:var(--stage-ink);background:var(--stage-text);border-radius:var(--radius-md);caret-color:#0000;border:3px solid #0000;outline:none;font-size:48px;font-weight:800}.code-boxes input.empty{background:var(--stage-surface);color:var(--stage-text)}.code-boxes input:focus{border-color:var(--stage-accent)}@media (width<=360px){.code-boxes input{width:60px;height:76px;font-size:40px}}.options{gap:14px;display:grid}.student-main .options{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.option{border-radius:var(--radius-lg);min-height:120px;color:var(--stage-ink);text-align:left;font-family:var(--font-display);border:5px solid #0000;align-items:center;gap:18px;padding:0 24px;font-size:32px;font-weight:800;transition:opacity .2s,transform .1s;display:flex}button.option:active:not(:disabled){transform:scale(.98)}.option.picked{border-color:var(--stage-text)}.option.dim{opacity:.35}.option-0{background:var(--option-0)}.option-1{background:var(--option-1)}.option-2{background:var(--option-2)}.option-3{background:var(--option-3)}.shape-tile{border-radius:var(--radius-md);background:var(--option-shape-tile);flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pill{background:var(--stage-surface);border-radius:999px;align-self:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:17px;font-weight:700;display:inline-flex}.stat-card{background:var(--stage-surface);border-radius:18px;flex:200px;padding:16px}.stat-card strong{font-family:var(--font-display);font-size:34px;font-weight:800;display:block}.stat-card span{color:var(--stage-muted);font-size:15px;display:block}.board-viewport{background:var(--stage-bg);position:fixed;inset:0;overflow:hidden}.board{transform-origin:50%;background:var(--stage-bg);width:1280px;height:720px;color:var(--stage-text);flex-direction:column;gap:22px;padding:28px 40px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.board-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.board-body{flex:1;gap:28px;min-height:0;display:flex}.board-side{background:var(--stage-surface);border-radius:var(--radius-xl);flex-direction:column;gap:9px;padding:20px 22px;display:flex}.round-pill{letter-spacing:1.5px;text-transform:uppercase;color:var(--stage-ink);background:var(--stage-accent);border-radius:999px;padding:6px 14px;font-size:16px;font-weight:800}.board .options{flex:1;grid-template-columns:repeat(2,minmax(0,1fr))}.board .option{border:0;min-height:0;font-size:38px}.code-tiles{gap:12px;display:flex}.code-tiles span{background:var(--stage-text);width:96px;height:112px;color:var(--stage-ink);font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;font-size:76px;font-weight:800;display:flex}.name-chip{background:var(--stage-raised);border-radius:999px;padding:6px 12px;font-size:16px;font-weight:600}.lane{align-items:center;gap:12px;display:flex}.lane .chip{border-radius:var(--radius-xs);width:46px;height:32px;font-family:var(--font-body);padding:0;font-size:16px}.lane-track{background:var(--stage-raised);border-radius:999px;flex:1;height:32px;position:relative}.lane.own .lane-track{outline:3px solid var(--stage-text);outline-offset:2px}.lane-fill,.lane-runner{transition:width .8s cubic-bezier(.2,.8,.2,1),left .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.lane-fill{opacity:.35;border-radius:999px;height:32px}.lane-runner{border:3px solid var(--stage-ink);border-radius:999px;width:26px;height:26px;top:3px}.timer-ring{width:76px;height:76px;font-family:var(--font-display);place-items:center;font-size:32px;font-weight:800;display:grid;position:relative}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring circle{fill:none}.podium{flex:1;justify-content:center;align-items:flex-end;gap:18px;padding-top:20px;display:flex}.podium-step{flex-direction:column;align-items:center;gap:10px;display:flex}.podium-block{background:var(--stage-raised);width:100%;font-family:var(--font-display);color:var(--stage-muted);border-radius:18px 18px 0 0;justify-content:center;padding-top:16px;font-weight:800;display:flex}.picker{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:min(100%,1000px);display:grid}.picker button{border-radius:var(--radius-xl);font-family:var(--font-display);color:var(--stage-ink);border:0;padding:28px 12px;font-size:40px;font-weight:800}.calm{background:var(--calm-bg);min-height:100%;color:var(--calm-text);font-size:16px}.calm-header{background:var(--calm-header);color:var(--stage-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 32px;display:flex}.calm-main{flex-wrap:wrap;align-items:flex-start;gap:18px;max-width:1240px;margin:0 auto;padding:24px 24px 40px;display:flex}.calm h1,.calm h2{font-family:var(--font-display);margin:0;font-weight:800}.calm h2{font-size:20px}.card{background:var(--calm-surface);border:1px solid var(--calm-line);border-radius:18px;padding:20px}.calm .muted{color:var(--calm-muted)}.live-pill{letter-spacing:1px;color:var(--stage-ink);background:var(--stage-good);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.live-pill:before{content:"";background:var(--stage-ink);border-radius:999px;width:8px;height:8px}.btn-host{border-radius:var(--radius-sm);background:var(--stage-accent);min-height:52px;color:var(--stage-ink);border:0;padding:0 22px;font-size:17px;font-weight:800}.btn-host-ghost{border-radius:var(--radius-sm);border:1.5px solid var(--stage-text);min-height:52px;color:var(--stage-text);background:0 0;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:inline-flex}.btn-host:disabled,.btn-host-ghost:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.error:empty{display:none}.board-overlay{z-index:5;background:#10142edb;place-items:center;display:grid;position:absolute;inset:0}.board-status{z-index:6;gap:10px;display:flex;position:absolute;top:3px;left:40px}.board-flag{background:var(--stage-raised);color:var(--stage-text);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.board-flag.warn{background:var(--stage-bad);color:var(--stage-ink)}.sound-toggle{z-index:6;border:1.5px solid var(--stage-line);background:var(--stage-surface);color:var(--stage-muted);opacity:.8;border-radius:999px;align-items:center;gap:6px;padding:1px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:3px;right:40px}.sound-toggle[aria-pressed=true]{color:var(--stage-text);opacity:.5}.standings-row{border-radius:var(--radius-sm);align-items:center;gap:16px;height:42px;padding:0 12px;display:flex}.standings-row.own{background:var(--stage-raised);outline:2px solid var(--stage-text)}.standings-bar{background:var(--stage-surface);border-radius:999px;flex:1;height:22px;overflow:hidden}.standings-bar>div{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.winner-badge{background:var(--stage-accent);color:var(--stage-ink);border-radius:18px;align-items:center;gap:14px;padding:12px 20px;font-size:18px;font-weight:700;display:flex}.pause-pill{letter-spacing:1px;color:var(--stage-ink);background:var(--stage-accent);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.btn-end{background:var(--stage-bad);min-height:44px;color:var(--stage-ink);border:0;border-radius:10px;padding:0 16px;font-weight:700}.lineup-item{border-radius:var(--radius-sm);border:1px solid var(--calm-line);align-items:center;gap:12px;padding:12px;display:flex}.lineup-item.now{background:var(--calm-highlight);border:2px solid var(--calm-text)}.lineup-dot{background:var(--calm-chip);width:28px;height:28px;color:var(--calm-muted);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.lineup-item.done .lineup-dot{background:var(--calm-text);color:var(--calm-surface)}.lineup-item.now .lineup-dot{background:var(--stage-accent);color:var(--stage-ink)}.room-card{border-radius:var(--radius-sm);background:var(--calm-bg);border:2px solid #0000;flex-direction:column;gap:6px;padding:12px;display:flex}.room-card.offline{border-color:var(--stage-bad)}.calm a{color:var(--calm-text)}.calm a:hover{color:var(--calm-link-hover)}.calm .small,.small{font-size:13px}.teach-brand{align-items:center;gap:12px;text-decoration:none;display:flex;color:var(--stage-text)!important}.teach-wordmark{font-family:var(--font-display);letter-spacing:-.5px;font-size:24px;font-weight:800}.teach-school{color:var(--stage-muted);margin-left:8px;font-size:14px}.teach-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-link{align-items:center;gap:8px;min-height:40px;padding:0 6px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--stage-text)!important}.header-spacer{width:96px}.setup-heading{font-family:var(--font-display);font-size:20px;font-weight:800}.league-select{color:var(--stage-muted);align-items:center;gap:8px;font-size:14px;display:flex}.league-select select{font:inherit;color:var(--stage-text);background:var(--stage-surface);border:1px solid var(--stage-raised);border-radius:8px;min-height:40px;padding:8px 10px;font-size:14px}.role-badge{color:var(--stage-ink);background:var(--stage-accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.role-badge.small{vertical-align:middle;margin-left:6px;padding:2px 8px;font-size:11px}.pending-badge{color:var(--calm-muted);background:var(--calm-chip);vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.account{position:relative}.avatar{background:var(--stage-raised);width:40px;height:40px;color:var(--stage-text);border:0;border-radius:999px;font-size:14px;font-weight:700}.account-menu{z-index:20;background:var(--calm-surface);min-width:240px;color:var(--calm-text);border:1px solid var(--calm-line);border-radius:var(--radius-sm);flex-direction:column;padding:8px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 12px 32px #10142e2e}.account-who{border-bottom:1px solid var(--calm-line);flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px 10px;font-size:14px;display:flex}.account-who span{color:var(--calm-muted);word-break:break-all;font-size:13px}.account-menu a,.account-menu button{text-align:left;min-height:40px;color:var(--calm-text);background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.account-menu a:hover,.account-menu button:hover{background:var(--calm-bg)}.teach-main{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex}.teach-main.narrow{gap:20px;max-width:960px}.teach-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.kicker{color:var(--calm-muted);margin:0 0 4px;font-size:14px;font-weight:600}.page-title{letter-spacing:-1px;font-size:40px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.card.stack,.stack{flex-direction:column;gap:12px;display:flex}.calm .card h2{font-size:22px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.split{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.split-main{flex:999 560px;min-width:0}.split-side{flex-direction:column;flex:300px;gap:16px;display:flex}.btn-teach{border-radius:var(--radius-sm);background:var(--calm-text);border:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--calm-surface)!important}.btn-teach:disabled{opacity:.4}.btn-teach-ghost{border:1.5px solid var(--calm-text);min-height:46px;color:var(--calm-text);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-teach-ghost:disabled{opacity:.4}.btn-teach.small,.btn-teach-ghost.small{min-height:40px;padding:0 14px;font-size:14px}.btn-dashed{border:1.5px dashed var(--calm-dashed);min-height:44px;color:var(--calm-text);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-dashed:disabled{opacity:.4}.btn-link{min-height:40px;color:var(--calm-muted);background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration:underline}.btn-link.danger{color:var(--calm-bad)}.teach-error{color:var(--calm-bad);margin:0;font-weight:600}.field{color:var(--calm-muted);flex-direction:column;flex:1;gap:4px;font-size:13px;font-weight:600;display:flex}.calm input:not([type=checkbox]):not([type=radio]):not([type=color]),.calm select{font:inherit;color:var(--calm-text);background:var(--calm-surface);border:1.5px solid var(--calm-line-strong);border-radius:10px;min-height:44px;padding:8px 12px;font-size:16px}.calm .field input{font-size:18px}.code-input{letter-spacing:3px;text-transform:uppercase;font-weight:700}.code-inline{letter-spacing:2px;font-variant-numeric:tabular-nums}.inline-form{flex-wrap:wrap;display:flex}.inline-form .field{flex:120px}.inline-form{align-items:flex-end;gap:8px}.league-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.league-form .field{flex:180px}.check{align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.check input{width:18px;height:18px;accent-color:var(--calm-text)}.gate{justify-content:center;align-items:center;min-height:calc(100vh - 66px);padding:24px;display:flex}.gate-card{flex-direction:column;gap:16px;width:100%;max-width:480px;padding:32px;display:flex}.gate-card h1{letter-spacing:-.5px;font-size:32px}.gate-card p{margin:0}.gate-form{flex-direction:column;gap:12px;display:flex}.gate-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-teach.google{background:var(--calm-surface);border:1.5px solid var(--calm-line-strong);min-height:52px;font-size:17px;color:var(--calm-text)!important}.eyebrow-calm{text-transform:uppercase;letter-spacing:1px;color:var(--calm-muted);margin:0;font-size:13px;font-weight:700}.notice{border-radius:var(--radius-sm);background:var(--calm-highlight);border:2px solid var(--calm-text);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:flex}.next-card{background:var(--stage-accent);color:var(--stage-ink);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex}.next-card p{margin:0;font-size:15px}.kicker-dark{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:13px!important}.calm .next-title{font-size:26px}.next-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.next-actions .btn-teach,.next-cta{border-radius:10px;min-height:44px;padding:0 16px}.next-cta{align-self:flex-start;margin-top:auto}.btn-teach-ghost.dark{min-height:44px}.next-card .btn-link{color:var(--stage-ink)}.bank-list{flex-direction:column;gap:10px;display:flex}.bank-row,.league-row{background:var(--calm-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex}.bank-name{font-weight:700}.bank-count{white-space:nowrap;font-size:13px;font-weight:700}.recent-row{border-top:1px solid var(--calm-chip);justify-content:space-between;gap:12px;padding:6px 0;font-size:15px;display:flex}.table-scroll{overflow-x:auto}.season-table,.hg-table{border-collapse:collapse;width:100%;font-size:15px}.season-table th,.hg-table th{text-align:left;color:var(--calm-muted);padding:8px;font-size:13px;font-weight:600}.season-table td,.hg-table td{border-top:1px solid var(--calm-chip);padding:10px 8px}.season-table .right{text-align:right}.season-table .strong,.season-table .rank{font-weight:700}.season-table .rank{width:32px}.hg-cell{align-items:center;gap:10px;font-weight:700;display:inline-flex}.hg-chip{min-width:40px;height:28px;color:var(--stage-ink);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.season-big .season-table{font-size:20px}.season-big .hg-chip{min-width:52px;height:36px;font-size:18px}.member-row{border-top:1px solid var(--calm-chip);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.season-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.calm .hg-table input:not([type=color]){width:100%;min-width:90px;min-height:40px;font-size:15px}.calm .hg-label{max-width:90px}.colour-pick{align-items:center;gap:8px;display:inline-flex}.colour-pick input[type=color]{background:0 0;border:0;width:36px;height:36px;padding:0}.teach-main.setup{flex-flow:wrap;align-items:flex-start;gap:20px;padding-top:28px}.setup-main{flex-direction:column;flex:999 600px;gap:18px;min-width:0;display:flex}.hg-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.hg-pick{border-radius:var(--radius-sm);border:2px solid var(--calm-line-strong);background:var(--calm-surface);cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:0 12px;font-weight:700;display:flex}.hg-pick.on{border-color:var(--calm-text)}.hg-pick input{width:18px;height:18px;accent-color:var(--calm-text)}.swatch{border-radius:4px;width:12px;height:12px}.round-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.round-item{border-radius:var(--radius-md);background:var(--calm-bg);border:1px solid var(--calm-line);grid-template-columns:auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px 14px;padding:14px 16px;display:grid}.reorder{flex-direction:column;gap:2px;display:flex}.reorder button{color:var(--calm-dashed);background:0 0;border:0;min-width:28px;min-height:20px;font-size:12px;line-height:1}.reorder button:disabled{opacity:.3}.round-n{font-family:var(--font-display);width:24px;font-size:20px;font-weight:800}.round-info{min-width:0}.round-name{font-size:17px;font-weight:700}.kind-tag{color:var(--calm-text);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.kind-tag.individual{background:var(--tag-individual)}.kind-tag.whole{background:var(--tag-whole-class)}.round-controls{flex-wrap:wrap;grid-area:2/3/auto/-1;gap:10px;display:flex}.round-controls label{color:var(--calm-muted);align-items:center;gap:6px;font-size:14px;display:flex}.calm .round-controls select{border-width:1px;border-radius:8px;min-height:36px;padding:6px 8px;font-size:14px}.round-time{text-align:right;width:48px;font-weight:700}.remove{color:var(--calm-muted);background:0 0;border:0;min-width:36px;min-height:36px;font-size:22px}.lineup-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.double-note{align-items:center;gap:8px;font-weight:600;display:inline-flex}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.mode-card{border-radius:var(--radius-md);border:1.5px solid var(--calm-line-strong);cursor:pointer;gap:12px;padding:16px;display:flex}.mode-card.on{border:2.5px solid var(--calm-text);background:var(--calm-highlight)}.mode-card input{width:20px;height:20px;accent-color:var(--calm-text);margin-top:2px}.mode-card>span>span{display:block}.mode-name{font-size:17px;font-weight:700}.summary{background:var(--calm-header);color:var(--stage-text);border-radius:18px;flex-direction:column;flex:300px;gap:16px;padding:24px;display:flex;position:sticky;top:16px}.summary-row{justify-content:space-between;gap:12px;font-size:15px;display:flex}.summary-row .over{color:var(--stage-down)}.summary-list{flex-direction:column;gap:8px;display:flex}.summary .dim,.summary-note{color:var(--stage-muted)}.summary-note{margin:8px 0 0;font-size:13px}.summary-bar{background:var(--stage-raised);border-radius:999px;height:12px;margin-top:8px;overflow:hidden}.summary-bar div{background:var(--stage-accent);border-radius:999px;height:100%}.summary-bar div.over{background:var(--stage-down)}.summary-field{color:var(--stage-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.calm .summary-field input{background:var(--stage-surface);color:var(--stage-text);border-color:var(--stage-raised)}.btn-create{border-radius:var(--radius-sm);background:var(--stage-accent);min-height:52px;color:var(--stage-ink);border:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.btn-create:disabled{opacity:.45}.summary-problem{color:var(--stage-down);margin:0;font-size:14px;font-weight:600}@media (width<=640px){.calm-header{padding:12px 16px}.teach-main{padding:20px 16px 40px}.page-title{font-size:32px}.header-spacer{display:none}}