.history-lab{color:#102821;min-height:100dvh;font-family:var(--font-body);background:#f5f0e5}.history-header{border-bottom:1px solid #1028212e;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:auto;padding:16px 0;display:flex}.history-brand{align-items:center;gap:12px;display:flex}.history-brand>span{width:42px;height:48px;font:700 20px var(--font-meta);border:2px solid;border-radius:5px;place-items:center;display:grid;transform:rotate(-4deg)}.history-brand strong,.history-brand small{display:block}.history-brand strong{letter-spacing:.08em;font-size:16px}.history-brand small{color:#73786f;font:700 9px var(--font-meta);letter-spacing:.18em}.history-header nav{border-left:1px solid #10282129;display:flex}.history-header nav a{border-right:1px solid #10282129;padding:12px 18px;font-size:12px;font-weight:700}.history-header nav a:hover{background:#e9e1d1}.history-hero{width:min(1180px,100% - 40px);margin:auto;padding:clamp(42px,8vw,90px) 0 34px}.history-hero p,.history-date-browser p,.history-browser>header p,.overall-leaderboard>header p,.multiplayer-rankings>header p,.replay-sheet>header p{color:#9a762f;font:700 10px var(--font-meta);letter-spacing:.22em;margin:0 0 5px}.history-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(44px,7vw,82px);font-weight:500;line-height:1.05}.history-hero>span{color:#647068;max-width:660px;margin-top:15px;font-size:14px;display:block}.history-date-browser{background:#ece4d4;border:1px solid #10282138;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto 18px;padding:18px 22px;display:flex}.history-date-browser h2{margin:0;font-size:23px}.history-date-browser>div:first-child>strong{color:#6a716b;margin-top:5px;font-size:10px;display:block}.date-controls{align-items:end;gap:12px;display:flex}.date-shortcuts,.date-picker{display:flex}.date-shortcuts button,.date-picker>button{color:#102821;cursor:pointer;background:#fffaf0;border:1px solid #10282140;border-right:0;min-height:38px;padding:0 13px;font-size:11px;font-weight:700}.date-shortcuts button:last-child,.date-picker>button:last-child{border-right:1px solid #10282140}.date-shortcuts button.active{color:#f3cb75;background:#123c32}.date-shortcuts button:hover,.date-shortcuts button:focus-visible,.date-picker>button:hover:not(:disabled),.date-picker>button:focus-visible{z-index:1;border-color:#a63632;outline:none;position:relative}.date-picker>button:disabled{cursor:not-allowed;opacity:.35}.date-picker label{background:#fffaf0;border-block:1px solid #10282140;gap:3px;padding:5px 9px 4px;display:grid}.date-picker label span{color:#6a716b;font-size:8px;font-weight:700}.date-picker input{color:#102821;min-width:135px;font:700 11px var(--font-body);background:0 0;border:0;outline:0;padding:0}.history-stats{border:1px solid #10282138;grid-template-columns:repeat(4,1fr);width:min(1180px,100% - 40px);margin:0 auto 30px;display:grid}.history-stats div{border-right:1px solid #1028212e;gap:2px;padding:17px 22px;display:grid}.history-stats div:last-child{border-right:0}.history-stats b{color:#a63632;font:500 34px var(--font-meta)}.history-stats small{color:#68726c;font-size:10px;font-weight:700}.overall-leaderboard{background:#fffaf0;border:1px solid #1028213d;width:min(1180px,100% - 40px);margin:0 auto 30px}.overall-leaderboard>header{color:#f5f0e5;background:#123c32;justify-content:space-between;align-items:end;gap:20px;padding:22px 24px;display:flex}.overall-leaderboard h2{font-family:var(--font-display);margin:0;font-size:clamp(30px,4vw,45px);font-weight:500}.overall-leaderboard>header small{color:#b8c7c1;margin-top:5px;font-size:10px;display:block}.overall-leaderboard>header>span{color:#f3cb75;font:700 12px var(--font-meta)}.leaderboard-head,.leaderboard-list li{grid-template-columns:72px minmax(190px,1fr) 100px 86px 86px 86px;align-items:center;display:grid}.leaderboard-head{color:#70766f;letter-spacing:.08em;background:#ece4d4;border-bottom:1px solid #10282129;min-height:35px;padding-inline:20px;font-size:8px;font-weight:700}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid #1028211f;min-height:74px;padding-inline:20px}.leaderboard-list li:last-child{border-bottom:0}.leaderboard-list li.leaderboard-rank-1{background:linear-gradient(90deg,#f3cb7557,#f3cb7514);min-height:88px}.leaderboard-list li.leaderboard-rank-2{background:#3f766812}.leaderboard-list li.leaderboard-rank-3{background:#e7b7a01f}.leaderboard-list li>b{color:#8b6a2b;font:500 25px var(--font-meta)}.leaderboard-list li.leaderboard-rank-1>b{color:#a63632;font-size:34px}.leaderboard-list li>strong{align-items:center;gap:12px;min-width:0;font-size:14px;display:flex}.leaderboard-list li>strong>i{background:#f5f0e5;border:1px solid #cfb77d;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:25px;font-style:normal;display:grid}.leaderboard-list li.leaderboard-rank-1>strong>i{border-width:2px;width:46px;height:46px;font-size:30px}.leaderboard-list li>strong>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:grid;overflow:hidden}.leaderboard-list li>strong small{color:#7a7e77;font-size:8px;font-weight:500}.leaderboard-list li>em{color:#a63632;font:700 31px var(--font-meta);font-style:normal}.leaderboard-list li>span{color:#4d5a53;font-size:11px;font-weight:700}.leaderboard-empty{text-align:center;padding:44px 20px}.leaderboard-empty[hidden]{display:none}.leaderboard-empty strong{font-size:18px}.leaderboard-empty p{color:#69736d;margin-bottom:0;font-size:12px}.multiplayer-rankings{width:min(1180px,100% - 40px);margin:0 auto 30px}.multiplayer-rankings>header{background:#ece4d4;border:1px solid #10282133;justify-content:space-between;align-items:end;gap:20px;padding:17px 22px;display:flex}.multiplayer-rankings h2{margin:0;font-size:24px}.multiplayer-rankings>header>span{color:#8b6a2b;font:700 11px var(--font-meta)}.ranking-grid{border-left:1px solid #1028212e;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ranking-card{background:#fffaf0;border-bottom:1px solid #1028212e;border-right:1px solid #1028212e}.ranking-card>header{border-bottom:1px solid #10282124;justify-content:space-between;align-items:start;gap:12px;padding:15px 17px;display:flex}.ranking-card>header div{gap:3px;display:grid}.ranking-card>header strong{font-size:13px}.ranking-card>header small,.ranking-card time{color:#6c756e;font-size:9px}.ranking-card ol{margin:0;padding:0;list-style:none;display:grid}.ranking-card li{border-bottom:1px solid #1028211c;grid-template-columns:52px minmax(0,1fr) 72px 62px;align-items:center;gap:9px;padding:11px 16px;display:grid}.ranking-card li.rank-1{background:#f3cb7533}.ranking-card li>b{color:#8b6a2b;font:800 10px var(--font-meta)}.ranking-card li.rank-1>b{color:#a63632}.ranking-card li>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranking-card li>span{color:#102821;gap:2px;font-size:11px;font-weight:700;display:grid}.ranking-card li>span small{color:#727970;font-size:8px;font-weight:500}.ranking-card>footer{color:#68726c;text-align:right;padding:10px 16px;font-size:9px}.ranking-empty{text-align:center;border:1px solid #1028212e;border-top:0;padding:34px 20px}.ranking-empty[hidden]{display:none}.ranking-empty strong{font-size:17px}.ranking-empty p{color:#69736d;margin-bottom:0;font-size:12px}.history-browser{width:min(1180px,100% - 40px);margin:auto;padding-bottom:70px}.history-browser>header{color:#f5f0e5;background:#123c32;justify-content:space-between;align-items:end;gap:20px;padding:19px 22px;display:flex}.history-browser h2{margin:0;font-size:24px}.history-filters{gap:10px;display:flex}.history-filters label{color:#d4d7cc;gap:4px;font-size:9px;display:grid}.history-filters select{color:#fffaf0;background:#17493d;border:1px solid #f5f0e559;min-width:128px;padding:7px 30px 7px 9px;font-size:11px}.history-list{border-left:1px solid #1028212e;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.history-record{color:#102821;text-align:left;cursor:pointer;background:0 0;border:1px solid #1028212e;border-top:0;border-left:0;gap:10px;min-height:225px;padding:20px;display:grid;position:relative}.history-record:hover,.history-record:focus-visible{z-index:1;outline-offset:-2px;background:#fffaf0;outline:2px solid #a63632}.record-top{justify-content:space-between;align-items:center;display:flex}.record-top strong{font-size:12px}.record-top i{color:#a63632;font-size:11px;font-style:normal;font-weight:700}.history-record.correct .record-top i{color:#39765e}.history-record.skipped .record-top i{color:#987127}.record-cards{gap:7px;display:flex}.record-cards b{width:48px;height:64px;font:500 26px var(--font-meta);background:#fffdf7;border:1px solid #1028214d;border-radius:4px;place-items:center;display:grid;transform:rotate(-2deg)}.record-cards b:nth-child(2n){transform:rotate(2deg)}.history-record small{color:#6c756e;font-size:9px}.history-record code{color:#245645;font:600 11px/1.5 var(--font-body)}.record-action{color:#8b6a2b;align-self:end;font-size:10px;font-weight:700}.history-empty{text-align:center;border:1px solid #1028212e;border-top:0;padding:60px 20px}.history-empty[hidden]{display:none}.history-empty strong{font-size:20px}.history-empty p{color:#69736d;font-size:13px}.history-empty a{background:#d9a441;padding:9px 17px;font-size:12px;font-weight:700;display:inline-block}.replay-dialog{color:#102821;background:0 0;border:0;width:min(760px,100% - 28px);max-width:none;max-height:calc(100dvh - 28px);padding:0}.replay-dialog::backdrop{backdrop-filter:blur(4px);background:#071c17c2}.replay-sheet{background:#f5f0e5;box-shadow:0 28px 80px #0006}.replay-sheet>header{color:#f5f0e5;background:#123c32;justify-content:space-between;padding:18px 22px;display:flex}.replay-sheet h2{margin:0;font-size:23px}.replay-sheet>header button{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:50%;padding:0;font-size:23px}.replay-meta{color:#69736d;border-bottom:1px solid #10282126;padding:10px 22px;font-size:10px}.replay-cards{background:#0f4337;justify-content:center;align-items:center;gap:14px;min-height:230px;padding:24px;display:flex}.replay-card{color:#17211e;cursor:pointer;background:#fffdf7;border:3px solid #f8f3e8;border-radius:9px;grid-template-rows:auto 1fr;width:118px;height:168px;padding:10px;transition:transform .18s,box-shadow .18s;display:grid}.replay-card:nth-child(2n){transform:rotate(2deg)}.replay-card:nth-child(odd){transform:rotate(-2deg)}.replay-card.selected{transform:translateY(-10px);box-shadow:0 0 0 4px #f3cb75}.replay-card small{font:500 17px var(--font-meta);justify-self:start}.replay-card b{font:500 42px var(--font-meta);place-self:center}.replay-expression{text-align:center;border-bottom:1px solid #10282124;min-height:52px;padding:15px 20px;font-size:14px}.replay-operators{grid-template-columns:repeat(6,1fr);gap:8px;padding:14px 20px 8px;display:grid}.replay-operators button{color:#102821;cursor:pointer;background:0 0;border:1px solid #1028214d;min-height:46px}.replay-operators button.active{background:#d9a441}.replay-operators button:disabled{opacity:.35;cursor:not-allowed}.replay-operators .utility{font-size:11px}.replay-message{color:#69736d;text-align:center;margin:0;padding:6px 20px 16px;font-size:11px}.replay-message.correct{color:#2e6f55;font-weight:700}.replay-message.wrong{color:#a63632;font-weight:700}.saved-solution{text-align:center;background:#ece4d4;gap:5px;padding:13px 20px;display:grid}.saved-solution[hidden]{display:none}.saved-solution small{color:#6b746e;font-size:9px}.saved-solution code{color:#245645;font:700 12px var(--font-body)}@media (width<=800px){.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-grid{grid-template-columns:1fr}}@media (width<=600px){.history-header,.history-hero,.history-date-browser,.history-stats,.overall-leaderboard,.multiplayer-rankings,.history-browser{width:calc(100% - 24px)}.history-brand div{display:none}.history-header nav a{padding-inline:10px;font-size:10px}.history-hero{padding-top:36px}.history-hero h1{font-size:44px}.history-date-browser{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.date-controls{flex-direction:column;align-items:stretch}.date-shortcuts{grid-template-columns:repeat(4,1fr);display:grid}.date-shortcuts button{border-right:0;padding-inline:7px}.date-shortcuts button:last-child{border-right:1px solid #10282140}.date-picker{grid-template-columns:42px minmax(0,1fr) 42px;display:grid}.date-picker input{width:100%;min-width:0}.history-stats{grid-template-columns:repeat(2,1fr)}.history-stats div:nth-child(2){border-right:0}.history-stats div:nth-child(-n+2){border-bottom:1px solid #1028212e}.history-browser>header{flex-direction:column;align-items:stretch}.history-filters{grid-template-columns:repeat(2,1fr);display:grid}.history-filters select{width:100%;min-width:0}.history-list{grid-template-columns:1fr}.history-record{min-height:205px}.overall-leaderboard>header{flex-direction:column;align-items:start;padding:18px}.leaderboard-head{display:none}.leaderboard-list li{grid-template-columns:43px minmax(0,1fr) 54px;gap:7px;min-height:76px;padding:10px 12px}.leaderboard-list li>b{font-size:20px}.leaderboard-list li.leaderboard-rank-1>b{font-size:27px}.leaderboard-list li>strong{font-size:12px}.leaderboard-list li>strong>i{width:34px;height:34px;font-size:22px}.leaderboard-list li.leaderboard-rank-1>strong>i{width:39px;height:39px;font-size:26px}.leaderboard-list li>em{justify-self:end;font-size:25px}.leaderboard-list li>b,.leaderboard-list li>strong,.leaderboard-list li>em{grid-row:1}.leaderboard-list li>span{color:#727970;grid-row:2;padding-left:0;font-size:9px}.leaderboard-list li>span:first-of-type{grid-column:1}.leaderboard-list li>span:nth-of-type(2){grid-column:2}.leaderboard-list li>span:nth-of-type(3){grid-column:3}.ranking-card li{grid-template-columns:46px minmax(0,1fr) 54px 50px;gap:6px;padding-inline:11px}.replay-cards{gap:7px;min-height:180px;padding-inline:10px}.replay-card{width:min(21vw,90px);height:132px}.replay-card b{font-size:32px}.replay-operators{grid-template-columns:repeat(4,1fr)}.replay-operators .utility{grid-column:span 2}}