:root{--bg:#0f1724;--card:#0b1220;--accent:#62d0a0;--muted:#9aa8b2;--glass:rgba(255,255,255,0.03)}#__next,body,html{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#e6eef6;background:linear-gradient(180deg,#071023,#071323);display:flex;align-items:center;justify-content:center;padding:24px}.container{width:100%;max-width:980px}h1{margin:0 0 8px}.hero{text-align:center;margin-bottom:10px}.title{font-size:34px;margin:0}.tagline{margin:6px 0 0}.date,.tagline{color:var(--muted)}.date{margin:4px 0 8px}.sub{color:var(--muted);margin-top:0}.board{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:18px 0;align-items:stretch}.card{background:var(--card);border-radius:12px;padding:12px;cursor:pointer;box-shadow:0 4px 18px rgba(2,6,23,.6);transition:transform .14s,box-shadow .14s;display:flex;flex-direction:column;align-items:center;border:2.5px solid rgba(255,255,255,.08);height:100%}.card img{width:100%;height:170px;object-fit:cover;border-radius:8px;transition:transform .14s ease,box-shadow .14s ease;flex:0 0 auto}.card h3{font-size:16px;text-align:center;margin:10px 0}.card .meta{display:flex;gap:10px;color:var(--muted);font-size:13px}.card:hover img{transform:translateY(-6px);box-shadow:0 8px 30px rgba(2,6,23,.6)}.card.selected{outline:3px solid rgba(255,255,255,.04)}.card.correct{outline:4px solid var(--accent)}.card.wrong{outline:4px solid rgba(255,99,99,.9)}.board.finished .card{pointer-events:none;opacity:.92}.card.fade-out{opacity:0;transform:scale(.99);transition:opacity .42s ease,transform .42s ease}.card.slide-left{transform:translateX(-100%);transition:transform .28s ease;z-index:2}.card.fade-in{opacity:0;animation:cardFadeIn .42s ease forwards}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.center,.status{text-align:center}.status{font-size:22px;font-weight:700;margin-top:10px;line-height:1.2}.hint,.status{color:var(--muted)}.selected-correct{background:linear-gradient(90deg,rgba(98,208,160,.12),rgba(98,208,160,.06));color:#dff6ec}.selected-wrong{background:linear-gradient(90deg,rgba(255,99,99,.08),rgba(255,99,99,.03));color:#ffdede}footer{margin-top:22px;color:var(--muted);font-size:12px;text-align:center}button{background:var(--accent);border:none;color:#021014;padding:8px 14px;border-radius:8px;cursor:pointer}.mode-btn{padding:18px 30px;font-size:20px;min-width:160px;min-height:64px;border-radius:12px;font-weight:700}.mode-btn:hover{filter:brightness(1.02)}.rounds{width:100%;margin-top:auto}.round-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;background:var(--glass);margin-bottom:6px;color:var(--muted);font-size:13px;overflow:hidden}.round-row.revealed{background:rgba(98,208,160,.06);color:#dff6ec}.round-name{flex:1 1;font-weight:600;transition:color .22s ease,opacity .22s ease}.round-value{width:120px;text-align:right;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.round-row.revealed .round-value{transform:translateY(0)}.round-row.revealed .round-name{color:#dff6ec;opacity:1}.progress-row{display:flex;gap:10px;justify-content:center;margin-top:44px}.progress-square{font-size:22px;line-height:1;display:inline-block;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.board.endless .card.fade-out{opacity:0;transform:scale(.99);transition:opacity .42s ease,transform .42s ease}.board.endless .card.slide-left{transform:translateX(-100%);transition:transform .28s ease;z-index:2}.endless-controls{display:flex;gap:18px;justify-content:center;margin-top:18px;position:relative;z-index:60}.endless-controls button{background:rgba(96,165,255,.08);border:1px solid rgba(96,165,255,.18);color:#dff3ff;padding:22px 36px;border-radius:14px;font-size:20px;min-width:180px;min-height:64px;transition:transform .08s ease,background .12s ease,border-color .12s ease,color .12s ease}.endless-controls button:hover{background:rgba(96,165,255,.14);border-color:rgba(96,165,255,.28);color:#ffffff}.endless-controls button:active{transform:translateY(1px) scale(.995)}.endless-controls button.btn-correct{background:linear-gradient(90deg,#22c55e,#16a34a);border-color:#16a34a;color:#ffffff;box-shadow:0 8px 24px rgba(34,117,69,.18);transform:scale(1.02)}.endless-controls button.btn-wrong{background:linear-gradient(90deg,#ff5c5c,#ef4444);border-color:#ef4444;color:#ffffff;box-shadow:0 8px 24px rgba(183,40,40,.18);transform:scale(.995)}.endless-controls button.btn-correct,.endless-controls button.btn-wrong{transition:background .14s ease,color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.endless-question{color:var(--muted);font-size:16px;margin-top:56px;position:relative;z-index:60;display:block;width:100%;text-align:center;padding:8px 0}.overlay{position:fixed;inset:0;background:rgba(7,16,35,.92);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease;transition:background-color .36s ease}.overlay-card{background:var(--card);border-radius:16px;padding:32px;box-shadow:0 12px 48px rgba(2,6,23,.8);border:2px solid rgba(255,255,255,.1);text-align:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .36s cubic-bezier(.22,.9,.3,1),opacity .24s ease,border-radius .2s;z-index:110;width:clamp(320px,46vw,520px);will-change:transform}.overlay-card h2{margin:0 0 18px;font-size:24px}.score-row{display:flex;gap:10px;justify-content:center;margin:18px 0}.top-left-back{position:fixed;left:22px;top:18px;z-index:120}.top-left-back button{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:600}.page-nav-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative;min-height:46px}.page-nav-row .hero{position:absolute;left:50%;transform:translateX(-50%);margin:0;text-align:center}.page-nav-row .hero .title{font-size:28px;line-height:1.4;margin:0}.sub-header{text-align:center;margin-bottom:10px}.sub-header .tagline{color:var(--muted);margin:0}.sub-header .date{color:var(--muted);margin:4px 0 0}.top-right-calendar{position:fixed;right:22px;top:18px;z-index:120}.top-right-calendar button{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.top-right-calendar button:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}.top-right-calendar button svg{display:block}@media (max-width:680px){.board{grid-template-columns:1fr;gap:32px;margin:18px 0}.card img{height:140px}.card{padding:10px;margin-bottom:0}.card h3{font-size:15px;margin:8px 0}.round-row{padding:5px 7px;font-size:12px;margin-bottom:5px}.title{font-size:28px}.tagline{font-size:15px}.status{font-size:18px;margin-top:8px}.progress-square{font-size:18px;width:24px;height:24px}.progress-row{gap:8px;margin-top:32px}.endless-controls button{padding:16px 28px;font-size:18px;min-width:140px;min-height:56px}.endless-question{font-size:15px;margin-top:44px}.overlay-card{padding:24px;width:clamp(280px,90vw,460px)}.overlay-card h2{font-size:20px;margin:0 0 14px}.board.endless .card.slide-left{transform:translateY(-100%);transition:transform .28s ease;z-index:2}}@media (max-height:800px),(max-width:680px){.top-left-back{left:0}.top-left-back,.top-right-calendar{position:relative;top:0;margin-bottom:0}.top-right-calendar{right:0;display:inline-block}.page-nav-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;width:100%;position:static}.page-nav-row .hero{position:static;transform:none;flex:1 1;text-align:center;margin:0 10px}.page-nav-row .hero .title{font-size:24px}}@media (min-width:681px){.page-nav-row{position:relative}.page-nav-row .top-left-back{position:absolute;left:0;top:0;z-index:120}.page-nav-row .top-right-calendar{position:absolute;right:0;top:0;z-index:120}}.calendar-modal{background:var(--card);border-radius:16px;padding:32px;box-shadow:0 12px 48px rgba(2,6,23,.8);border:2px solid rgba(255,255,255,.1);text-align:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:110;width:clamp(320px,90vw,480px);max-width:480px}.calendar-modal h2{margin:0 0 8px;font-size:24px}.calendar-modal .minimize-btn{position:absolute;top:10px;right:10px;background:transparent;border:0;color:var(--accent);font-size:20px;line-height:1;padding:8px;border-radius:8px;cursor:pointer}.calendar-modal .minimize-btn:hover{background:rgba(255,255,255,.02)}.calendar-widget{width:100%;max-width:400px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.calendar-month-year{font-size:18px;font-weight:600;color:#fff}.calendar-nav{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:20px;line-height:1;transition:background .2s ease,border-color .2s ease}.calendar-nav:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.calendar-nav:disabled{opacity:.3;cursor:not-allowed}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-bottom:8px}.calendar-weekday{padding:8px 4px;font-size:12px;font-weight:600;color:var(--muted);text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#fff;transition:all .15s ease}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day:not(.empty):not(.disabled):hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:scale(1.05)}.calendar-day.disabled{opacity:.25;cursor:not-allowed;background:rgba(255,255,255,.01)}.calendar-day.today{border-color:var(--accent);border-width:2px;font-weight:700}.calendar-day.selected{background:var(--accent);color:#021014;border-color:var(--accent);font-weight:700}.calendar-day.selected:hover{background:var(--accent);transform:scale(1.05)}.overlay-card form label{display:block;text-align:left;margin-bottom:6px}.overlay-card input,.overlay-card select,.overlay-card textarea{width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calendar-actions{margin-top:18px;display:flex;gap:16px;justify-content:center}.calendar-actions button{padding:18px 32px;border-radius:10px;font-size:18px;min-width:160px;background:var(--accent);border:none;color:#021014;cursor:pointer}.calendar-actions button[disabled]{opacity:.5;cursor:not-allowed}.calendar-actions .load-btn{background:linear-gradient(90deg,#22c55e,#16a34a);color:#021014}.overlay.overlay-minimized{background:transparent;pointer-events:none;position:static}.overlay.overlay-minimized .overlay-card{position:fixed;left:50%;top:auto;bottom:18px;transform:translate(-50%);border-radius:12px;pointer-events:auto;opacity:.98;z-index:110;max-height:180px;overflow:auto;width:calc(100% - 48px);max-width:980px;padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px))}.overlay.overlay-minimized .overlay-card h2{font-size:16px;margin:0 0 8px}.overlay.overlay-minimized .overlay-card .score-row{margin:8px 0}.overlay.overlay-minimized .overlay-card{pointer-events:none}.overlay.overlay-minimized .overlay-card .minimize-btn,.overlay.overlay-minimized .overlay-card a,.overlay.overlay-minimized .overlay-card button,.overlay.overlay-minimized .overlay-card input,.overlay.overlay-minimized .overlay-card select,.overlay.overlay-minimized .overlay-card textarea{pointer-events:auto}body.modal-minimized{align-items:flex-start;min-height:100vh;overflow-y:auto;padding-bottom:calc(var(--minimized-overlay-height, 280px));transition:padding-bottom .18s ease,align-items .08s ease}@media (max-width:680px){body.modal-minimized{align-items:flex-start;min-height:100vh;overflow-y:auto;padding-bottom:calc(var(--minimized-overlay-height, 160px) + 140px)}.overlay.overlay-minimized .overlay-card{left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:calc(100% - 32px);border-radius:12px;bottom:12px;max-height:160px}}.overlay-card .minimize-btn{position:absolute;top:10px;right:10px;background:transparent;border:0;color:var(--accent,#cfeaff);font-size:20px;line-height:1;padding:8px;border-radius:8px;cursor:pointer}.overlay-card .minimize-btn:hover{background:rgba(255,255,255,.02)}.overlay-card .minimize-btn:active{transform:translateY(1px)}.endless-controls,.endless-question{transition:opacity .36s ease,transform .36s ease}.endless-controls.faded,.endless-question.faded{opacity:0;transform:translateY(6px);pointer-events:none}.progress-row{transition:opacity .36s ease,transform .36s ease}.progress-row.faded{opacity:0;transform:translateY(6px);pointer-events:none}.dev-answer{color:var(--muted);font-size:13px;margin-top:10px;text-align:center}.round-row .round-value{transition:opacity .28s ease,max-height .28s ease;opacity:0;max-height:0;overflow:hidden}.round-row.revealed .round-value{opacity:1;max-height:48px}