:root{--brand-1: rgb(38,186,165);--brand-2: rgb(55,95,122)}.dashboard-wrap{display:flex;min-height:80vh}.sidebar{width:260px;background:var(--brand-2);color:#fff;padding:1rem;transition:all .2s}.sidebar .brand{display:flex;align-items:center;justify-content:space-between}.brand-logo{height:44px}.sidebar .menu{margin-top:1rem}.sidebar .menu ul{list-style:none;padding:0}.sidebar a{color:#e6f0f4;text-decoration:none}.sidebar .menu-section{font-weight:700;margin-top:1rem;color:#cfe8e1}.sidebar.collapsed{width:64px}.sidebar.collapsed .menu li{display:none}.sidebar-toggle{background:transparent;border:0;color:#fff;font-size:18px}.main{flex:1;padding:2rem}.tables-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.table-choice{display:flex;align-items:center;gap:.5rem;background:#f6f9f8;padding:.5rem;border-radius:6px}.fancy-tables{grid-template-columns:repeat(6,minmax(48px,1fr));gap:.5rem}.table-choice.fancy{position:relative;justify-content:center;background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:.45rem .5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.table-choice.fancy input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.table-choice.fancy .num{font-weight:800;color:#245;font-size:1.1rem}.table-choice.fancy .state{position:absolute;right:6px;top:6px;width:10px;height:10px;border-radius:50%;background:#d9dde1;box-shadow:0 0 0 2px #fff}.table-choice.fancy.active{border-color:var(--brand-1);box-shadow:0 6px 14px #0000000f;transform:translateY(-1px)}.table-choice.fancy.active .state{background:var(--brand-1)}.options-row{display:flex;align-items:center;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.toggle-time{display:flex;align-items:center;gap:.5rem;background:#f7faf9;border:1px solid #e5e5e5;border-radius:999px;padding:.35rem .6rem}.toggle-time .label{font-weight:600;color:#245}.toggle-time .pill{background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:.2rem .5rem;font-size:.9rem;color:#456}.time-select{display:flex;gap:.35rem}.time-btn{border:1px solid #e5e5e5;background:#fff;color:#245;border-radius:8px;padding:.3rem .5rem;cursor:pointer}.time-btn.current{background:var(--brand-1);color:#fff;border-color:transparent}.actions-row{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.achievements.enhanced .medal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.medal-card{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:.6rem .8rem}.medal-card .medal-ring{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffe082,#ffca28);color:#7a5b00;box-shadow:inset 0 0 0 2px #fff9}.medal-card.master .medal-ring{background:linear-gradient(180deg,#ffd95a,#e6b800)}.medal-card.table .medal-ring{background:linear-gradient(180deg,#9be7ff,#64b5f6);color:#0b497a}.medal-card .medal-text strong{display:block;color:#244}.medal-card .medal-text small{color:#456}@media (max-width: 700px){.level-dot.has-record{position:relative}.level-dot.has-record:after{content:"★";position:absolute;top:-6px;right:-6px;background:#facc15;color:#222;font-size:.55rem;border-radius:50%;padding:2px 4px;line-height:1;box-shadow:0 2px 4px #00000040}.fancy-tables{grid-template-columns:repeat(5,minmax(44px,1fr))}}@media (max-width: 460px){.fancy-tables{grid-template-columns:repeat(4,minmax(42px,1fr))}}.btn{display:inline-block;padding:.5rem .9rem;border-radius:6px;border:1px solid #ccc;background:#fff;color:#333;text-decoration:none}.btn.primary{background:var(--brand-1);color:#fff;border-color:transparent}.alert.success{background:#e6fff7;padding:.6rem;border-left:4px solid var(--brand-1);margin-bottom:1rem}.question{font-size:clamp(2.2rem,6vw,3rem);margin-bottom:1.2rem;text-align:center;color:var(--brand-1);font-weight:800;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;align-items:stretch;grid-auto-rows:minmax(72px,auto)}.choice{background:#fff;padding:1rem 1.2rem;border-radius:14px;cursor:pointer;border:2px solid #e5e5e5;min-width:0;min-height:72px;text-align:center;font-size:clamp(1.35rem,3.6vw,1.9rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--brand-2);font-weight:700;line-height:1.2}.choice.correct{border-color:green;background:#eaffea}.choice.wrong{border-color:#ff6b6b;background:#ffecec}.status{margin-top:1rem;height:28px}.controls{margin-top:1rem;display:flex;gap:.5rem}.progress{margin-top:1rem;display:grid;gap:.4rem;align-items:center}.progress .cell{height:32px;border-radius:6px;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:700}.progress .cell.win{background:var(--brand-1);color:#fff;border-color:var(--brand-1)}.progress .cell.lose{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.progress .cell.skip{background:#efefef;color:#666}.progress .cell.placeholder{background:#f1f5f7;color:transparent}.timer{margin:0 auto .5rem;text-align:center;font-weight:800;color:var(--brand-2);font-size:clamp(1.2rem,3.5vw,1.6rem)}.summary{margin-top:1.2rem;border:1px solid #e5e5e5;border-radius:10px;padding:1rem;background:#fff}.summary h3{margin:0 0 .6rem;color:var(--brand-2)}.summary .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.summary .card{background:#f7faf9;border-radius:8px;padding:.6rem}.summary .card strong{display:block;font-size:1.2rem}@media (max-width:800px){.sidebar{display:none}.main{margin-left:0;padding-top:1rem}.fab{display:flex}}.dashboard-wrap.focus .sidebar{display:none}.dashboard-wrap.focus .main{padding:1rem;width:100%}.dashboard-wrap.focus .question{font-size:clamp(2rem,6vw,2.6rem)}.dashboard-wrap.focus .choice{font-size:clamp(1.35rem,4.5vw,1.8rem)}@media (max-width: 600px){.choices{grid-template-columns:repeat(2,1fr);gap:.8rem}.choice{min-height:64px;padding:.9rem 1rem}}@media (max-width: 380px){.choices{grid-template-columns:1fr}}.dashboard-wrap.focus .controls{position:sticky;bottom:0;background:#fff;padding:.5rem 0}.fab{position:fixed;left:1rem;bottom:1rem;background:var(--brand-2);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0003;z-index:50}.drawer{position:fixed;left:0;top:0;bottom:0;width:280px;background:#fff;box-shadow:2px 0 12px #00000026;transform:translate(-100%);transition:transform .2s ease;z-index:60;padding:1rem}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-close{background:transparent;border:none;font-size:24px;line-height:1}.drawer .menu{margin-top:1rem}.drawer .menu ul{list-style:none;padding:0}.drawer .menu a{color:var(--brand-2);text-decoration:none}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:55}.level-chip,.dot{display:none}.pairs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.45rem}.tile{background:#fff;padding:.55rem .6rem;border-radius:10px;border:2px solid #e5e5e5;cursor:pointer;min-height:54px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand-2);-webkit-user-select:none;user-select:none;font-size:clamp(.85rem,2.8vw,1rem);line-height:1.1}.tile.q{background:#f3faf8}.tile.a{background:#faf7f3}.tile.selected{outline:3px solid #88d4c2}.tile.match{border-color:green;background:#eaffea;color:#2a6}.tile.wrong{border-color:#ff6b6b;background:#ffecec}.tile.wrong-anim{animation:flashWrong .35s ease-in-out 2}@keyframes flashWrong{0%{background:#ffecec}50%{background:#ffd2d2}to{background:#ffecec}}.tile.reset-hint{box-shadow:0 0 0 3px #26baa52e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:90}.overlay[hidden]{display:none!important}.overlay .overlay-content{background:#fff;border-radius:14px;padding:1rem 1.2rem;max-width:min(92vw,680px);text-align:center;box-shadow:0 12px 36px #00000040}.overlay .summary{border:0;background:transparent;padding:0}.overlay .summary h3{font-size:1.25rem;margin-bottom:.85rem}.overlay .summary .card strong{font-size:1.35rem}.grade-ring{position:relative;width:140px;height:140px;margin:.5rem auto 1rem}.grade-ring .ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--ring-color,#1bbb85) calc(var(--percent,0)*1%),#f1f5f7 0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000001f,inset 0 0 0 4px #fff;transition:background .6s ease}.grade-ring .value{font-size:2.1rem;font-weight:800;color:#244;letter-spacing:-1px}.summary .grid{margin-top:.5rem}.summary.performance-good .grade-ring .value{color:#0a8f62}.summary.performance-medium .grade-ring .value{color:#a87700}.summary.performance-low .grade-ring .value{color:#c0392b}.summary.performance-good .ring{--ring-color:#1bbb85}.summary.performance-medium .ring{--ring-color:#ffbf3a}.summary.performance-low .ring{--ring-color:#ff6b6b}.overlay.fade-in{animation:fadeIn .35s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:1.2rem}.record-card{background:#fff;border:1px solid #e5e5e5;border-radius:.6rem;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 1px 2px #0000000f}.record-card.empty{opacity:.45}.record-head{font-weight:600;font-size:.8rem;color:#374151}.record-body{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;align-items:center;text-align:center;font-size:.6rem}.record-body strong{display:block;font-size:.85rem;color:#111}.record-badge{background:#facc15;color:#222;font-weight:600;padding:.35rem .6rem;border-radius:1rem;font-size:.7rem;display:inline-block;box-shadow:0 2px 4px #00000026;animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.confetti{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:10px;height:14px;background:var(--c,#f6ae2d);opacity:0;transform:translateY(-20px) rotate(0);animation:drop 1.6s ease-out forwards,spin 1.6s linear forwards}@keyframes drop{to{opacity:1;transform:translateY(120%) rotate(var(--r,120deg))}}@keyframes spin{to{transform:translateY(120%) rotate(calc(var(--r,120deg) + 360deg))}}.top-wrap{position:relative;margin-bottom:.6rem}.crown-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;overflow:visible}.crown{--ring-bg: rgba(255, 99, 99, .25);--ring-fill: #1bbb85;width:100%;aspect-ratio:1/1;border-radius:50%;background:conic-gradient(var(--ring-fill) var(--p,0%),var(--ring-bg) 0);display:grid;place-items:center;transition:background .3s ease;position:relative}.crown .inner{width:74%;height:74%;border-radius:50%;background:#fff;color:#245;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #0000000a;font-size:clamp(10px,2.6vw,14px)}.crown .badge{position:absolute;right:-6%;top:-6%;width:28%;height:28%;border-radius:50%;background:linear-gradient(180deg,#ffd95a,#e6b800);color:#6e4;display:none;align-items:center;justify-content:center;font-size:70%;line-height:1;box-shadow:0 2px 6px #0000002e,inset 0 0 0 1px #0000000d;z-index:1;pointer-events:none}.crown.has-badge .badge{display:flex}.levels-compact{position:absolute;right:0;top:-8px;display:flex;gap:.35rem;align-items:center}.level-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;background:#eef7f5;color:#246;border:1px solid #cfe;opacity:.55}.level-dot.current{background:var(--brand-1);color:#fff;border-color:transparent;opacity:1}.level-dot.locked{opacity:.25;pointer-events:none;filter:grayscale(1)}.level-dot.has-record{position:relative}.level-dot.has-record:after{content:"★";position:absolute;top:-6px;right:-6px;background:#facc15;color:#222;font-size:.55rem;border-radius:50%;padding:2px 4px;line-height:1;box-shadow:0 2px 4px #00000040}.levels-compact.levels-topbar{position:static;display:flex;justify-content:flex-end;gap:.35rem;margin-bottom:.35rem}@media (max-width: 700px){.crown-grid{gap:5px}.levels-compact{top:2px;right:2px;z-index:2;background:#ffffffb3;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);border-radius:999px;padding:2px 4px}.levels-compact.levels-topbar{position:static;justify-content:flex-end;background:#ffffffb3;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);border-radius:999px;padding:2px 4px}.level-dot{width:24px;height:24px;font-size:11px}}@media (max-width: 460px){.crown-grid{gap:4px}.levels-compact.levels-topbar{position:static}.levels-compact{top:2px;right:2px}.level-dot{width:22px;height:22px;font-size:10px}}