.lb{--goud:#e8b100;--goud-soft:#fff4cc;--zilver:#a7b2b9;--zilver-soft:#eef1f3;--brons:#c17a3c;--brons-soft:#f8e9dc}.lb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;margin-bottom:.8rem;display:flex}.dash-card .lb-head h2,.kd-card .lb-head h2{margin:0}.lb-note{font-size:.85rem}.lb-seg{border:1px solid var(--line);border-radius:4px;display:inline-flex;overflow:hidden}.lb-seg button{font:500 .85rem var(--body);color:var(--ink);cursor:pointer;background:#fff;border:0;min-height:32px;padding:.25rem .65rem}.lb-seg button[aria-pressed=true]{background:var(--ink);color:#fff}.lb-mine{background:var(--ink);color:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 .9rem;margin-bottom:.7rem;padding:.7rem .9rem;display:grid}.lb-mine p{max-width:none;margin:0;font-size:.95rem}.lb-mine .lb-place{font:700 2rem/1 var(--display);color:var(--sun)}.lb-mine .lb-place small{color:#fff;font-size:1rem}.lb-mine .lb-of{color:#c9dacf;margin-top:.15rem;font-size:.8rem}.lb-mine .lb-bar{background:#fff3;margin-top:.35rem}.lb-mine .lb-bar i{background:var(--sun)}.lb-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.lb-list li{isolation:isolate;grid-template-columns:1.7rem minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:2.3rem;padding:.2rem .6rem .2rem .4rem;display:grid;position:relative}.lb-list li:before{content:"";z-index:-1;width:var(--w,0%);background:var(--fill,var(--head));border-radius:3px;position:absolute;inset:0 auto 0 0}.lb-list li.goud{--fill:var(--goud-soft)}.lb-list li.zilver{--fill:var(--zilver-soft)}.lb-list li.brons{--fill:var(--brons-soft)}.lb-list li.lb-me{--fill:var(--good-soft);outline:2px solid var(--accent);outline-offset:-2px;border-radius:3px}.lb-list li.lb-gap{text-align:center;min-height:0;color:var(--ink-soft);letter-spacing:.3em;padding:0;line-height:1;display:block}.lb-list li.lb-gap:before{display:none}.lb-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lb-value{font:600 .88rem var(--mono);white-space:nowrap}.lb-rank{text-align:center;font:600 .9rem var(--mono);color:var(--ink-soft);display:block}.lb-bar{background:var(--grid);border-radius:3px;height:6px;margin-top:.25rem;display:block;overflow:hidden}.lb-bar i{background:var(--accent);border-radius:3px;height:100%;display:block}.lb-bar.goud i{background:var(--goud)}.lb-bar.zilver i{background:var(--zilver)}.lb-bar.brons i{background:var(--brons)}.lb-cup{width:1.7rem;height:1.7rem;display:block}.lb-cup svg{width:100%;height:100%;overflow:visible}.lb-cup .lb-cup-body{stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.lb-cup .lb-cup-handle{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.lb-cup text{font:700 9px var(--display);fill:var(--ink)}.lb-cup.goud .lb-cup-body{fill:var(--goud)}.lb-cup.zilver .lb-cup-body{fill:var(--zilver)}.lb-cup.brons .lb-cup-body{fill:var(--brons)}.lb-cup.brons text{fill:#fff}.lb-flame{fill:#e8590c;vertical-align:-.15rem;width:1rem;height:1rem;margin-right:.3rem}.lb-streak-me{max-width:none;margin:0 0 .7rem;font-size:.95rem}.lb-days{gap:.25rem;margin:.8rem 0 .4rem;padding:0;list-style:none;display:flex}.lb-days li{text-align:center;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font:600 .72rem var(--mono);text-transform:lowercase;flex:1;padding:.3rem 0 .2rem}.lb-days li.on{background:var(--accent);border-color:var(--accent);color:#fff}.lb-join .row,.lb-join .field{margin-top:.6rem}.lb-options{gap:.4rem;margin:.6rem 0;display:grid}.lb-options label{align-items:flex-start;gap:.5rem;display:flex}.lb-options input{accent-color:var(--accent);flex:none;margin-top:.35rem}.lb-full li{grid-template-columns:1.7rem minmax(0,1fr) auto auto}.lb-full .lb-streak{font:500 .82rem var(--mono);color:var(--ink-soft);white-space:nowrap}.lb-streak-big{max-width:none;font:600 1rem var(--body);margin:0}.lb-streak-big strong{font:700 2.4rem/1 var(--display);margin-right:.2rem}.lb-streak-big .lb-flame{vertical-align:-.1rem;width:1.6rem;height:1.6rem}.lb-cheer{max-width:none;margin:.5rem 0 0;font-size:.95rem}.narrow:has(.klas-wide){width:min(1120px,100%)}.dash-card .klas-done-title{margin:1.1rem 0 .5rem;font-size:1rem}.dash-card .lesson-list{margin:0}.lb-period{gap:.3rem;max-width:none;margin:-.2rem 0 .7rem;display:flex}.lb-period button{border:1px solid var(--line);font:500 .8rem var(--body);color:var(--ink);cursor:pointer;background:#fff;border-radius:99px;padding:.1rem .6rem}.lb-period button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.lb-more{margin-top:.4rem;font-size:.88rem}.lb .lb-settings{border-top:1px solid var(--grid);margin-top:.9rem;padding-top:.8rem}.lb-settings .dash-check{margin-bottom:.3rem}.lb-settings p{max-width:none;margin:0}.klas-grid{align-items:stretch}.klas-grid>.dash-stack{flex-direction:column;display:flex}.klas-grid>.dash-stack>.dash-card:last-child{flex:1}.klas-device{margin-top:1rem}.lb-export{border-top:1px solid var(--grid);margin-top:1rem;padding-top:.9rem}.lb-export p{max-width:none;margin:0 0 .5rem}.lb-export .kd-add{margin:0}.cp-start{margin-bottom:1rem}.cp-start.must{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--sun)}.cp-start .row{align-items:center;margin:.6rem 0 0}.dash-body>.dash-card.lb{margin-bottom:1rem}.dash-body>.lb-join{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 2rem;display:grid}.dash-body>.lb-join>h2{grid-column:1/-1}.dash-body>.lb-join>p{margin:0}.dash-body>.lb-join .lb-options{margin-top:0}@media (max-width:760px){.dash-body>.lb-join{grid-template-columns:minmax(0,1fr)}.dash-body>.lb-join .lb-options{margin-top:.6rem}}.lb-wide{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:1rem 2rem;display:grid}.lb-wide .lb-mine{margin-bottom:.9rem}.lb-podium{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.lb-podium li{justify-items:center;gap:.15rem;min-width:0;display:grid}.lb-podium .lb-name{max-width:100%;font-size:.9rem}.lb-podium .lb-value{color:var(--ink-soft);font-size:.78rem}.lb-podium i{border-radius:3px 3px 0 0;width:100%;margin-top:.2rem;display:block}.lb-podium .goud i{background:var(--goud-soft);border:1px solid var(--goud);height:3.4rem}.lb-podium .zilver i{background:var(--zilver-soft);border:1px solid var(--zilver);height:2.4rem}.lb-podium .brons i{background:var(--brons-soft);border:1px solid var(--brons);height:1.6rem}@media (max-width:760px){.lb-wide{grid-template-columns:minmax(0,1fr)}}