:root{--bg:#faf5ec;--surface:#fff;--surface-2:#f3ebdc;--ink:#2b2118;--ink-soft:#6b5d4f;--line:#e6dac6;--primary:#c2410c;--primary-ink:#fff;--primary-soft:#fde4d4;--gold:#e8a700;--gold-soft:#fff1c2;--good:#2b8a3e;--good-soft:#d3f9d8;--bad:#c92a2a;--bad-soft:#ffe3e3;--blue:#1971c2;--blue-soft:#dbeafe;--purple:#9c36b5;--purple-soft:#f3d9fa;--stem:#1971c2;--end:#c2410c;--shadow:0 2px 0 #2b21181f, 0 8px 24px #2b21180f;--radius:18px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--roman:"Cinzel", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1612;--surface:#25201a;--surface-2:#2f281f;--ink:#f4ede2;--ink-soft:#b8a994;--line:#3d342a;--primary:#f76707;--primary-soft:#4a2410;--gold:#fcc419;--gold-soft:#4a3a0a;--good:#51cf66;--good-soft:#173d20;--bad:#ff6b6b;--bad-soft:#4a1c1c;--blue:#4dabf7;--blue-soft:#15304d;--purple:#da77f2;--purple-soft:#3b1d44;--stem:#74c0fc;--end:#ffa94d;--shadow:0 2px 0 #0006, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:1.7rem;font-weight:900}h2{font-size:1.3rem;font-weight:800}h3{font-size:1.05rem;font-weight:800}p{margin:0 0 .8em}a{color:var(--primary)}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.latin{font-weight:800}.part-stem{color:var(--stem)}.part-end{color:var(--end);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.roman{font-family:var(--roman);letter-spacing:.04em}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.logo{font-family:var(--roman);letter-spacing:.12em;color:var(--primary);white-space:nowrap;margin-right:auto;font-size:1.35rem;font-weight:700;text-decoration:none}@media (width<=420px){.logo{letter-spacing:.06em;font-size:1.1rem}}.pill{background:var(--surface);border:1px solid var(--line);white-space:nowrap;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.pill.dim{opacity:.55}main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:20px 16px 110px}.bottomnav{z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{max-width:120px;color:var(--ink-soft);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:6px 4px;font-size:.75rem;font-weight:800;text-decoration:none;display:flex}.bottomnav a span{font-size:1.4rem;line-height:1.2}.bottomnav a.active{color:var(--primary);background:var(--primary-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.btn{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:none;transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--primary) 60%, black)}.btn-good{background:var(--good);border-color:var(--good);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--good) 60%, black)}.btn-ghost{box-shadow:none;background:0 0}.btn-block{width:100%}.btn-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.icon-btn{background:var(--surface-2);color:var(--ink);cursor:pointer;border:none;border-radius:12px;width:40px;height:40px;font-size:1.05rem}.chip{border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:8px 14px;font-weight:800;transition:background .1s,border-color .1s}.chip.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.chip.good{background:var(--good-soft);border-color:var(--good);color:var(--good)}.chip.bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.chip:disabled{opacity:.4;cursor:default}.chips{flex-wrap:wrap;gap:8px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:14px 0 6px;font-size:.85rem;font-weight:800}input.answer,input.text{border:2px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--ink);font:inherit;border-radius:14px;padding:10px 16px;font-size:1.3rem;font-weight:800}input.text{min-height:48px;font-size:1rem}input.answer:focus,input.text:focus{border-color:var(--blue);outline:none}input.answer.good{border-color:var(--good);background:var(--good-soft)}input.answer.bad{border-color:var(--bad);background:var(--bad-soft);animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bar{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.tone-primary{background:var(--primary)}.tone-gold{background:var(--gold)}.tone-good{background:var(--good)}.tone-blue{background:var(--blue)}.tone-purple{background:var(--purple)}.stars{gap:4px;display:inline-flex}.star{color:var(--line);font-size:1.4rem}.stars-lg .star{font-size:3rem}.star.on{color:var(--gold);animation:.4s backwards pop}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.3)}}.hero{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.avatar{background:var(--gold-soft);border:2px solid var(--gold);border-radius:20px;place-items:center;width:64px;height:64px;font-size:2.2rem;display:grid}.rank{font-family:var(--roman);color:var(--primary);font-weight:700}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.stat{text-align:center;background:var(--surface-2);border-radius:14px;padding:10px 6px}.stat b{font-size:1.35rem;display:block}.stat small{color:var(--ink-soft);font-weight:700}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px;display:grid}.mode-card{color:var(--ink);border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:18px;text-decoration:none;transition:transform .12s;display:block}.mode-card:hover{transform:translateY(-3px)}.mode-card h3{margin:6px 0 2px;font-size:1.2rem}.mode-card p{color:var(--ink-soft);margin-bottom:12px;font-size:.92rem}.mode-card.c-orange{border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}.mode-card.c-blue{border-color:color-mix(in srgb, var(--blue) 40%, var(--line))}.mode-card.c-purple{border-color:color-mix(in srgb, var(--purple) 40%, var(--line))}.mode-card.c-gold{border-color:color-mix(in srgb, var(--gold) 50%, var(--line))}.mastery{color:var(--ink-soft);align-items:center;gap:10px;font-size:.8rem;font-weight:800;display:flex}.mastery .bar{flex:1;height:10px}.mascot{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.mascot-face{font-size:2.4rem;line-height:1}.mascot-bubble{background:var(--gold-soft);border:2px solid var(--gold);border-radius:16px;flex:1;padding:10px 14px;font-weight:600;position:relative}.mascot-bubble p:last-child{margin:0}.round-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.round-head .bar{flex:1}.combo{color:var(--primary);text-align:right;white-space:nowrap;min-width:56px;font-weight:900}.combo.hot{animation:.3s pop}.question{text-align:center;padding:26px 18px}.question .word{word-break:break-word;margin:4px 0;font-size:2.2rem;font-weight:900}.question .meta{color:var(--ink-soft);font-weight:700}.ask{background:var(--blue-soft);color:var(--blue);border-radius:999px;margin-top:14px;padding:6px 14px;font-weight:900;display:inline-block}.ask-hint{color:var(--ink-soft);margin-top:6px;font-size:.85rem;display:block}.feedback{border-radius:16px;margin:14px 0;padding:14px 16px;font-weight:600;animation:.25s slide}@keyframes slide{0%{opacity:0;transform:translateY(8px)}}.feedback.good{background:var(--good-soft);border:2px solid var(--good)}.feedback.bad{background:var(--bad-soft);border:2px solid var(--bad)}.feedback.info{background:var(--gold-soft);border:2px solid var(--gold)}.feedback h3{margin-bottom:4px}.xp-pop{color:var(--gold);margin-left:8px;font-weight:900;animation:.4s pop;display:inline-block}.result{text-align:center;padding:30px 18px}.result .big{font-size:2.6rem;font-weight:900}.table-wrap{margin:0 -4px;padding:0 4px;overflow-x:auto}table.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.92rem}table.grid th,table.grid td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 8px}table.grid thead th{background:var(--surface-2);font-weight:900;position:sticky;top:0}table.grid td.end{color:var(--end);font-weight:800}table.grid tr.sep td,table.grid tr.sep th{border-top:3px solid var(--line)}table.grid .hl{background:var(--gold-soft)}.decl-table input.answer{min-height:44px;padding:6px 10px;font-size:1.05rem}.kng{grid-template-columns:1fr 1fr;grid-template-areas:"a b""n n""c d";gap:12px;margin:10px 0;display:grid}.kng .noun{text-align:center;border-radius:var(--radius);background:var(--primary-soft);border:3px solid var(--primary);grid-area:n;padding:18px}.kng .noun .word{font-size:2rem;font-weight:900}.adj-card{border-radius:var(--radius);border:3px solid var(--line);background:var(--surface);min-height:92px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);padding:10px;transition:transform .1s,border-color .1s}.adj-card .word{font-size:1.4rem;font-weight:900;display:block}.adj-card small{color:var(--ink-soft);font-weight:700}.adj-card.on{border-color:var(--blue);background:var(--blue-soft);transform:scale(1.03)}.adj-card.good{border-color:var(--good);background:var(--good-soft)}.adj-card.bad{border-color:var(--bad);background:var(--bad-soft)}.adj-card.missed{border-color:var(--good);border-style:dashed}@media (width>=640px){.kng{grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:".a.""b n c"".d."}}.parts{flex-wrap:wrap;justify-content:center;gap:4px;display:inline-flex}.part{border-radius:8px;padding:2px 8px;font-weight:900}.role-stam,.role-inf{background:var(--blue-soft);color:var(--blue)}.role-pfstam,.role-ppp{background:var(--purple-soft);color:var(--purple)}.role-kenmerk{background:var(--gold-soft);color:color-mix(in srgb, var(--gold) 70%, var(--ink))}.role-uitgang{background:var(--primary-soft);color:var(--primary)}.role-hulpww{background:var(--good-soft);color:var(--good)}.timer{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.timer.low{color:var(--bad);animation:.5s infinite pop}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options .btn{min-height:64px;font-size:1.1rem}.lesson-list{gap:10px;display:grid}.lesson-item{background:var(--surface);border:2px solid var(--line);color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-weight:800;text-decoration:none;display:flex}.lesson-item .emoji{font-size:1.8rem}.lesson-item .done{color:var(--good);margin-left:auto}.step{min-height:260px}.step table.grid{margin:10px 0}.dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.dot{background:var(--line);border-radius:50%;width:10px;height:10px}.dot.on{background:var(--primary)}.example{background:var(--surface-2);border-left:4px solid var(--primary);border-radius:8px;margin:10px 0;padding:10px 14px}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.badge{text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:16px 10px}.badge .icon{font-size:2.4rem}.badge h3{margin:6px 0 2px;font-size:.95rem}.badge p{color:var(--ink-soft);margin:0;font-size:.8rem}.badge.locked{opacity:.45;filter:grayscale()}.badge.got{border-color:var(--gold);background:var(--gold-soft)}.modal-back{z-index:50;background:#140e088c;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:520px;max-height:88vh;display:flex;box-shadow:0 20px 60px #0000004d}.modal-wide{max-width:820px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:16px 18px;overflow:auto}.levelup{background:var(--surface);text-align:center;border-radius:24px;max-width:340px;padding:30px 24px;animation:.4s pop}.levelup-shield{color:#fff;background:linear-gradient(160deg, var(--gold), var(--primary));clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%);place-items:center;width:96px;height:110px;margin:0 auto 12px;font-size:2.6rem;font-weight:900;display:grid}.toast{z-index:60;background:var(--surface);border:2px solid var(--gold);cursor:pointer;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:420px;padding:12px 16px;animation:.35s drop;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0003}.toast-icon{font-size:2rem}@keyframes drop{0%{opacity:0;transform:translate(-50%,-30px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.case-grid{grid-template-columns:minmax(0,1.3fr) 1fr 1fr;align-items:center;gap:8px;display:grid}.case-grid-head{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-align:center;font-size:.8rem;font-weight:800}.case-grid-label{font-weight:800}.case-cell{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;font-size:1.3rem;font-weight:900;transition:background .1s,border-color .1s}.case-cell.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.case-cell.good{background:var(--good-soft);border-color:var(--good);color:var(--good)}.case-cell.bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.case-cell.missed{border-color:var(--good);color:var(--good);border-style:dashed}.case-cell:disabled{cursor:default}.conj-setup{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-bottom:8px;display:flex}.tick-grid{border-collapse:collapse}.tick-grid th,.tick-grid td{text-align:center;padding:3px;font-size:.85rem;font-weight:800}.tick-grid tbody th{text-align:left;white-space:nowrap;padding-right:8px}.tick-grid tr.dim{opacity:.45}.tick-head{color:var(--ink-soft);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:8px;padding:4px 2px;font-weight:900;line-height:1.15;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tick-head:hover{color:var(--primary)}.tick{border:2px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--blue);font:inherit;cursor:pointer;border-radius:10px;font-size:1.1rem;font-weight:900}.tick.on{background:var(--blue-soft);border-color:var(--blue)}body{background:radial-gradient(ellipse 80% 50% at 50% 0%, #fffaf08c, #fffaf000 70%), url(/art/parchment.jpg) center top / 1400px auto repeat, var(--bg);background-blend-mode:normal, multiply, normal;background-attachment:fixed}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:radial-gradient(ellipse 90% 60% at 50% 0%, #2a2118, var(--bg) 70%) fixed}}.topbar{background:color-mix(in srgb, var(--bg) 82%, transparent)}.logo,.gold-title{font-family:var(--roman);background:linear-gradient(#e9b955 0%,#c98a1c 45%,#8f5a0c 55%,#d9a23c 85%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.logo{filter:drop-shadow(0 1px #5a320540)}.page-hero,.home-banner{isolation:isolate;background-position:50% 60%;background-size:cover;border-radius:22px;align-items:flex-end;min-height:170px;margin:18px 0;padding:22px 22px 20px;display:flex;position:relative;box-shadow:0 3px #2b21182e,0 16px 40px #2b211838}.page-hero:before,.home-banner:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(90deg,#190e06c7 0%,#190e0673 55%,#190e060d 100%);position:absolute;inset:0}.page-hero-text,.home-banner-text{color:#fff6e2;max-width:68%;position:relative}.page-hero h1{color:#fff6e2;text-shadow:0 2px 12px #00000080;margin:0 0 4px;font-size:1.9rem}.page-hero p,.home-banner p{color:#f6e3bd;text-shadow:0 1px 8px #0009;margin:0;font-weight:700}.page-hero-sprite,.home-banner-owl{object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 14px #00000073);pointer-events:none;max-width:40%;height:190px;animation:4s ease-in-out infinite bob;position:absolute;bottom:-6px;right:10px}.home-banner{background-position:50% 70%;align-items:center;min-height:250px}.home-banner .gold-title{letter-spacing:.12em;background:linear-gradient(#fff6d2 0%,#f7d77a 28%,#d9a23c 50%,#9c6714 56%,#e9b955 78%,#fff0bf 100%);filter:drop-shadow(0 3px #3c1e0599)drop-shadow(0 8px 20px #00000080);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.1rem,7vw,3.4rem);line-height:1.1}.home-banner p{margin:6px 0 14px;font-size:1.05rem}.home-banner-owl{height:200px}@keyframes bob{50%{transform:translateY(-6px)}}@media (width<=520px){.page-hero-sprite,.home-banner-owl{height:140px}.page-hero-text,.home-banner-text{max-width:72%}.page-hero h1{font-size:1.5rem}}.mascot{align-items:flex-end}.mascot-face{object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 8px #3c230a4d);flex:none;width:76px;height:76px;animation:4s ease-in-out infinite bob}.mascot-bubble:before{content:"";border:10px solid #0000;border-right-color:var(--gold);border-left:0;position:absolute;bottom:18px;left:-11px}.mode-card{background:linear-gradient(160deg, var(--surface) 55%, color-mix(in srgb, var(--surface-2) 70%, var(--surface)));padding-right:120px;position:relative;overflow:hidden}.mode-art{object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 8px #3c230a40);pointer-events:none;width:120px;height:150px;transition:transform .2s;position:absolute;bottom:-8px;right:-4px}.mode-card:hover .mode-art{transform:translateY(-4px)rotate(-2deg)}.mode-card .emoji{font-size:1.6rem}.section-title{align-items:center;gap:10px;margin:22px 0 12px;display:flex}.numeral{background:var(--primary);color:#fff1c2;min-width:38px;height:38px;font:700 .85rem var(--roman);letter-spacing:.04em;border-radius:999px;flex:none;place-items:center;padding:0 8px;display:inline-grid}.lesson-item .numeral{min-width:46px;height:46px;font-size:.95rem}.video-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:16px;display:grid}.video-card{border-radius:var(--radius);background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;text-decoration:none;transition:transform .12s;display:flex;overflow:hidden}.video-card:hover{transform:translateY(-3px)}.video-thumb{aspect-ratio:16/9;background:#1a120a;position:relative}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-play{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;padding-left:4px;font-size:1.2rem;transition:transform .15s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px #7a2a08,0 8px 20px #00000059}.video-card:hover .video-play{transform:scale(1.1)}.video-len{color:#fff;background:#000000b3;border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:800;position:absolute;bottom:8px;right:8px}.video-text{flex-direction:column;gap:2px;padding:10px 14px 14px;display:flex}.video-text small{color:var(--ink-soft);font-weight:600;line-height:1.35}.video-card.big{margin-bottom:8px}.video-card.big .video-play{width:76px;height:76px;margin:-38px 0 0 -38px;font-size:1.8rem}.video-card.big .video-text b{font-size:1.2rem}.film-frame{aspect-ratio:16/9;background:#000;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 3px #2b211833,0 20px 50px #2b21184d}.film-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.badge .icon{background:radial-gradient(circle at 35% 30%,#fff8dc,#f2c45c 55%,#b07d00 100%);border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto;font-size:2.2rem;display:grid;box-shadow:0 0 0 4px #fff1c2,0 4px 0 4px #a8730c,0 10px 18px #0003}.badge.locked .icon{background:radial-gradient(circle at 35% 30%,#fff,#ddd 60%,#aaa);box-shadow:0 0 0 4px #eee,0 4px 0 4px #999}.levelup-crest{place-items:center;width:190px;height:170px;margin:0 auto 6px;display:grid;position:relative}.levelup-crest img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.levelup-crest .levelup-shield{margin:0;position:relative}.modes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.video-play{width:44px;height:44px;margin:0;font-size:1rem;top:auto;bottom:10px;left:12px}.video-card.big .video-play{width:64px;height:64px;margin:0;bottom:16px;left:18px}