.profile-corner{position:fixed;top:8px;right:12px;z-index:23;display:flex;align-items:center;gap:10px}.profile-corner #theme-toggle{position:static!important}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:8px;min-height:36px;padding:3px 10px 3px 4px;border:1px solid #cdd4db;border-radius:999px;background:#fff;color:#202b35;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0001}.profile-button:hover{border-color:#2459a6}.profile-button:focus-visible,.stat-cluster:focus-visible,.menu-item:focus-visible,.avatar-choice:focus-visible{outline:3px solid #2459a6;outline-offset:2px}.profile-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-caret{font-size:10px;color:#65717b}.avatar{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-size:16px;line-height:1;background:#eef3f9}.avatar-initial{background:hsl(var(--avatar-hue,212) 55% 42%);color:#fff;font-size:14px;font-weight:700}.avatar-guest{background:#dfe5eb;font-size:15px}.avatar-add{background:#e7effa;color:#2459a6;font-size:18px;font-weight:700}.stat-cluster{position:relative;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;cursor:default}.stat{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:#f3f7fc;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#263440}.stat-trophy{background:#fff4cf}.stat-medal{background:#eceff3}.stat-pear{background:#e4f3d4}.stat-icon{font-size:15px;line-height:1}.stat-tip{position:absolute;top:calc(100% + 8px);right:0;z-index:5;display:none;min-width:270px;padding:12px 14px;border:1px solid #cdd4db;border-radius:10px;background:#fff;color:#202b35;box-shadow:0 8px 24px #0002;font-size:13px}.stat-cluster:hover .stat-tip,.stat-cluster:focus .stat-tip,.stat-cluster:focus-within .stat-tip{display:block}.stat-tip dl{display:grid;grid-template-columns:1fr auto;gap:5px 16px;margin:8px 0 0}.stat-tip dt{color:#596570}.stat-tip dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:6;width:240px;padding:8px;border:1px solid #cdd4db;border-radius:12px;background:#fff;color:#202b35;box-shadow:0 8px 24px #0002}.menu-title{margin:4px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#596570}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}.menu-item:hover,.menu-item[aria-checked=true]{background:#eaf1fb}.menu-add{margin-top:2px;color:#2459a6}.avatar-picker{margin-top:6px;padding-top:6px;border-top:1px solid #e1e6eb}.avatar-row{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px 4px}.avatar-choice{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #cdd4db;border-radius:50%;background:#fff;font-size:17px;cursor:pointer}.avatar-choice[aria-pressed=true]{border-color:#2459a6;box-shadow:0 0 0 2px #2459a640}html[data-theme=dark] :is(.profile-button,.stat-tip,.profile-menu,.avatar-choice){background:#222d37;color:#e1e7ed;border-color:#52606d}html[data-theme=dark] .stat{background:#2c3946;color:#e1e7ed}html[data-theme=dark] :is(.stat-trophy,.stat-pear){background:#3d4a24}html[data-theme=dark] .stat-medal{background:#39434f}html[data-theme=dark] :is(.menu-title,.stat-tip dt,.profile-caret){color:#b5c1cc}html[data-theme=dark] .menu-item:hover,html[data-theme=dark] .menu-item[aria-checked=true]{background:#2f4157}html[data-theme=dark] .avatar{background:#33404d}html[data-theme=dark] .avatar-add,html[data-theme=dark] .menu-add{color:#99c5ff}@media(max-width:760px){.profile-name{display:none}.profile-button{padding-right:6px}.profile-caret{display:none}.stat{padding:2px 6px}}@media(max-width:620px){.profile-corner{position:absolute;top:52px;right:8px;gap:6px}body:has(.profile-corner) main{padding-top:36px}.stat-icon{font-size:13px}.stat{font-size:12px}.stat-tip{right:-60px}}.grade-picker.compact{display:flex;width:100%;border-radius:8px}.grade-picker.compact .grade-option{flex:1 1 0;width:auto;height:32px}.grade-picker{display:inline-flex;align-items:center;gap:0;border:1px solid #84909b;border-radius:999px;background:#fff;overflow:hidden;flex-wrap:nowrap;max-width:100%}.grade-picker-label{padding:0 12px 0 14px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#596570;background:#f3f7fc;align-self:stretch;display:inline-flex;align-items:center;border-right:1px solid #cdd4db}.grade-picker .grade-option{width:34px;height:34px;min-width:0;margin:0;padding:0;border:0;border-right:1px solid #e1e6eb;border-radius:0;background:transparent;color:#263440;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.grade-picker .grade-option:last-child{border-right:0}.grade-picker .grade-option:hover{background:#eaf1fb}.grade-picker .grade-option:focus-visible{outline:3px solid #2459a6;outline-offset:-3px}.grade-picker .grade-option[aria-pressed=true]{background:#2459a6;color:#fff}html[data-theme=dark] .grade-picker{background:#222d37;border-color:#7b8794}html[data-theme=dark] .grade-picker-label{background:#2c3946;color:#b5c1cc;border-color:#52606d}html[data-theme=dark] .grade-picker .grade-option{color:#e1e7ed;border-right-color:#52606d}html[data-theme=dark] .grade-picker .grade-option:hover{background:#2f4157}html[data-theme=dark] .grade-picker .grade-option[aria-pressed=true]{background:#99c5ff;color:#14283f}@media(max-width:520px){.grade-picker .grade-option{width:28px;height:32px;font-size:13px}.grade-picker-label{padding:0 8px}}.grade-trigger{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #84909b;border-radius:8px;background:#fff;color:#263440;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.grade-trigger:hover,.grade-trigger[aria-expanded=true]{border-color:#2459a6;background:#eaf1fb}.grade-trigger:focus-visible{outline:3px solid #2459a6;outline-offset:2px}.grade-caret{font-size:11px;color:#596570}.grade-picker[hidden]{display:none}html[data-theme=dark] .grade-trigger{background:#222d37;color:#e1e7ed;border-color:#7b8794}html[data-theme=dark] .grade-trigger:hover,html[data-theme=dark] .grade-trigger[aria-expanded=true]{background:#2f4157;border-color:#99c5ff}html[data-theme=dark] .grade-caret{color:#b5c1cc}.profile-corner #theme-toggle{width:32px!important;height:32px!important;border:0!important;border-radius:999px!important;font-size:17px!important;line-height:1;background:#d9def7!important;box-shadow:none}.profile-corner #theme-toggle:hover{background:#c8d0f3!important}.profile-corner #theme-toggle:focus-visible{outline:3px solid #2459a6;outline-offset:2px}.profile-corner{gap:4px;padding:3px;border:1px solid #cdd4db;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0002}.profile-corner #theme-toggle{width:34px!important;height:34px!important}.profile-corner .stat-cluster{padding:0;gap:4px}.profile-corner .stat{height:34px;padding:0 11px;border-radius:999px}.profile-corner .profile-button{height:34px;min-height:0;padding:0 10px 0 3px;border:0;box-shadow:none;background:transparent}.profile-corner .profile-button:hover{background:#eaf1fb}.profile-corner .avatar{width:28px;height:28px}html[data-theme=dark] .profile-corner{background:#222d37;border-color:#52606d}html[data-theme=dark] .profile-corner .profile-button{background:transparent}html[data-theme=dark] .profile-corner .profile-button:hover{background:#2f4157}@media(max-width:620px){.profile-corner .stat{padding:0 8px}}html[data-theme] .profile-corner #theme-toggle{background:#d9def7!important}html[data-theme] .profile-corner #theme-toggle:hover{background:#c8d0f3!important}html[data-theme=dark] .profile-corner #theme-toggle{background:#4a4222!important}html[data-theme=dark] .profile-corner #theme-toggle:hover{background:#5d5329!important}html[data-theme=dark] .avatar-initial{background:hsl(var(--avatar-hue,212) 50% 38%)}.menu-new{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px 4px}.menu-new[hidden]{display:none}.menu-new input{flex:1 1 110px;min-width:0;min-height:34px;padding:0 8px;border:1px solid #84909b;border-radius:8px;background:#fff;color:#263440;font:inherit}.menu-new button{min-height:34px;padding:0 14px;border:0;border-radius:8px;background:#2459a6;color:#fff;font:inherit;font-weight:700;cursor:pointer}.menu-error{flex-basis:100%;margin:0;font-size:12px;color:#a02b2b}.menu-error:empty{display:none}html[data-theme=dark] .menu-new input{background:#222d37;color:#e1e7ed;border-color:#7b8794}html[data-theme=dark] .menu-error{color:#ff9d9d}.avatar-row{display:grid;grid-template-columns:repeat(5,32px);justify-content:space-between;gap:8px 4px}.launcher{position:relative;display:inline-flex}.launcher-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#596570;cursor:pointer}.launcher-button:hover,.launcher-button[aria-expanded=true]{background:#eaf1fb;color:#2459a6}.launcher-button:focus-visible,.launcher-tile:focus-visible{outline:3px solid #2459a6;outline-offset:2px}.launcher-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;display:grid;grid-template-columns:repeat(3,84px);gap:6px;padding:10px;background:#fff;border:1px solid #cdd4db;border-radius:16px;box-shadow:0 8px 24px #30304d2e}.launcher-tile{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:12px;color:#263440;font-size:13px;line-height:1.2;text-align:center;text-decoration:none}.launcher-tile img{border-radius:12px}.launcher-tile:hover,.launcher-tile:focus-visible{background:#2459a61f}.launcher .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html[data-theme=dark] .launcher-button{color:#b5c1cc}html[data-theme=dark] .launcher-button:hover,html[data-theme=dark] .launcher-button[aria-expanded=true]{background:#2f4157;color:#99c5ff}html[data-theme=dark] .launcher-menu{background:#222d37;border-color:#52606d;box-shadow:0 8px 24px #0008}html[data-theme=dark] .launcher-tile{color:#e1e7ed}html[data-theme=dark] .launcher-tile:hover{background:#2f4157}.launcher-letter{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#d9def7;color:#2459a6;font:700 22px/1 system-ui,sans-serif}html[data-theme=dark] .launcher-letter{background:#2f4157;color:#99c5ff}.launcher-menu.launcher-status{display:block;width:200px;padding:14px;font-size:13px;line-height:1.4;color:#596570}html[data-theme=dark] .launcher-menu.launcher-status{color:#b5c1cc}.difficulty-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.difficulty-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.difficulty-bars i{display:block;width:4px;border-radius:1px;background:#cdd4db}.difficulty-bars i:nth-child(1){height:5px}.difficulty-bars i:nth-child(2){height:8px}.difficulty-bars i:nth-child(3){height:12px}.difficulty-badge.level-1{color:#1f7a45}.difficulty-badge.level-1 .on{background:#1f7a45}.difficulty-badge.level-2{color:#9a6200}.difficulty-badge.level-2 .on{background:#d98a00}.difficulty-badge.level-3{color:#b3261e}.difficulty-badge.level-3 .on{background:#c9372c}html[data-theme=dark] .difficulty-bars i{background:#52606d}html[data-theme=dark] .difficulty-badge.level-1{color:#7bd49c}html[data-theme=dark] .difficulty-badge.level-1 .on{background:#7bd49c}html[data-theme=dark] .difficulty-badge.level-2{color:#f0b84d}html[data-theme=dark] .difficulty-badge.level-2 .on{background:#f0b84d}html[data-theme=dark] .difficulty-badge.level-3{color:#ff9d93}html[data-theme=dark] .difficulty-badge.level-3 .on{background:#ff9d93}.difficulty-pick{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#596570}.difficulty-pick select{font:inherit;padding:4px 8px;border:1px solid #a5b0bc;border-radius:8px;background:#fff;color:#263440}.difficulty-pick.compact .difficulty-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}html[data-theme=dark] .difficulty-pick{color:#b5c1cc}html[data-theme=dark] .difficulty-pick select{background:#222d37;color:#e1e7ed;border-color:#7b8794}.practice-toolbar{flex-wrap:wrap;justify-content:flex-start}.practice-toolbar h3{margin-right:0!important}.practice-toolbar .practice-level{margin-left:auto}.game-level{margin-left:auto;margin-right:12px}.practice-level{display:inline-flex}.slide-head{align-items:center}.slide-level{margin-left:auto;margin-right:12px;display:inline-flex}#game-setup{align-items:flex-end}#game-setup>label,#game-setup .game-field{display:grid;gap:7px;font-size:14px;color:inherit;align-content:end}#game-setup .difficulty-pick{display:grid;gap:7px;font-size:14px;color:inherit}#game-setup .difficulty-pick .difficulty-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:14px;color:inherit}#game-setup .game-field-label{font-size:14px}#game-setup select,#game-setup #game-count,#game-setup .grade-trigger{box-sizing:border-box;height:42px;margin:0;font:inherit;font-size:14px;line-height:1.2;padding:0 12px;border:1px solid #84909b;border-radius:6px}#game-setup .grade-trigger{display:inline-flex;align-items:center;gap:8px;min-width:112px}#game-setup #game-grade-host,#game-setup #game-grade-host .grade-picker{display:block}html[data-theme=dark] #game-setup .difficulty-pick select,html[data-theme=dark] #game-setup select{background:#222d37;color:#e1e7ed;border-color:#7b8794}#game-setup #game-difficulty-host{order:1}.curriculum-difficulty{margin-left:auto}.badge-status{font-size:12px;line-height:1;color:#65717b}.badge-status[hidden]{display:none}.badge-status[data-status=saved]{color:#1a7f4b}.badge-status[data-status=offline],.badge-status[data-status=error]{color:#a35b00}.badge-status[data-status=ask]{color:#2459a6}.badge-status[data-status=syncing]{display:inline-block;animation:account-spin 1.2s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.badge-status[data-status=syncing]{animation:none}}.menu-rule{height:1px;margin:6px 0;background:#e1e6eb}.menu-status{margin:2px 8px 4px;font-size:12px;font-weight:600;color:#4a5864}.menu-status[data-status=saved]{color:#1a7f4b}.menu-status[data-status=offline],.menu-status[data-status=error]{color:#a35b00}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html[data-theme=dark] .menu-rule{background:#52606d}html[data-theme=dark] .menu-status{color:#b5c1cc}.auth-dialog{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #cdd4db;border-radius:14px;background:#fff;color:#202b35;box-shadow:0 12px 40px #0004}.auth-dialog:focus,.auth-dialog:focus-visible{outline:none}.auth-dialog::backdrop{background:#0006}.auth-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px}.auth-head h2{margin:0;font-size:20px}.auth-close{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:inherit;padding:2px 8px;border-radius:8px}.auth-body{padding:4px 18px 18px;font-size:14px;line-height:1.5}.auth-body h3{font-size:15px;margin:18px 0 6px}.auth-note{margin:6px 0;color:#4a5864}.auth-muted{color:#65717b;font-size:12px}.auth-or{margin:10px 0 6px;text-align:center;color:#65717b}.auth-message{margin:6px 0;padding:0;font-weight:600}.auth-message:empty{display:none}.auth-message.bad{color:#b3261e}.auth-message.ok{color:#1a7f4b}.auth-status{margin:2px 0 8px;font-weight:600}.auth-status[data-status=saved]{color:#1a7f4b}.auth-status[data-status=offline],.auth-status[data-status=error]{color:#a35b00}.auth-form{display:grid;gap:10px;margin:8px 0}.auth-field{display:grid;gap:4px;font-weight:600;font-size:13px}.auth-field input{height:40px;padding:0 10px;border:1px solid #84909b;border-radius:8px;font:inherit;font-size:15px}.auth-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #84909b;border-radius:8px;background:#fff;color:#202b35;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.auth-button:hover{border-color:#2459a6}.auth-button:disabled{opacity:.6;cursor:default}.auth-primary{background:#2459a6;border-color:#2459a6;color:#fff}.auth-danger{background:#b3261e;border-color:#b3261e;color:#fff}.auth-providers,.auth-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.auth-providers .auth-button{flex:1 1 180px}.auth-link{border:0;background:transparent;color:#2459a6;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 2px}.auth-ask{margin:10px 0;padding:12px;border:2px solid #2459a6;border-radius:10px}.auth-ask h3{margin-top:0}.auth-learners ul{list-style:none;margin:0;padding:0}.auth-learners li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e1e6eb}.auth-learner-name{font-weight:600}.auth-learners li .auth-link{margin-left:auto}.auth-warn{flex:1 1 100%;color:#b3261e;font-weight:600}.auth-erase{margin-top:10px}.auth-erase summary{cursor:pointer;color:#b3261e;font-size:13px}.auth-device{margin:14px 0 0;padding:6px 0 0;border:0;border-top:1px solid #e1e6eb}:is(.auth-button,.auth-link,.auth-close,.auth-field input,.auth-erase summary):focus-visible{outline:3px solid #2459a6;outline-offset:2px}html[data-theme=dark] .auth-dialog{background:#222d37;color:#e1e7ed;border-color:#52606d}html[data-theme=dark] :is(.auth-note,.auth-muted,.auth-or){color:#b5c1cc}html[data-theme=dark] .auth-button{background:#2c3a47;color:#e1e7ed;border-color:#52606d}html[data-theme=dark] :is(.auth-primary){background:#4d82d6;border-color:#4d82d6;color:#0c1621}html[data-theme=dark] .auth-link{color:#99c5ff}html[data-theme=dark] .auth-field input{background:#182027;color:#e1e7ed;border-color:#52606d}html[data-theme-lock] #theme-toggle{display:none!important}.menu-static{cursor:default}.menu-static:hover{background:transparent}