.mbp-practice-hub{--nav-room:106px;width:100%;max-width:560px;min-height:0;padding:14px 14px calc(var(--nav-room) + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 50% 0,#1766c766,#0000 45%),linear-gradient(#052f80,#021345 70%,#010927);flex-direction:column;flex:auto;gap:10px;margin:0 auto;display:flex}.mbp-app-shell:has(.mbp-practice-hub){background:#021345;flex-direction:column;height:100dvh;padding-bottom:0;display:flex}.mbp-practice-hub>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.mbp-practice-hub>header small{letter-spacing:.2em;color:#5ceaff;font-size:11px}.mbp-practice-hub>header h1{margin:2px 0 0;font-size:24px;font-weight:900}.mbp-practice-chip{color:#ffd84a;white-space:nowrap;background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #fff04b;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:44px;padding:4px 14px 4px 6px;font-size:13px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 3px #6b4700}.mbp-practice-chip img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);width:30px;height:30px}.mbp-practice-chip:active{transform:translateY(2px);box-shadow:0 1px #6b4700}.mbp-practice-doors{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.mbp-practice-door{border:3px solid var(--edge);background:linear-gradient(160deg,var(--top),var(--bottom));min-height:0;box-shadow:0 5px 0 #00102e,0 0 18px var(--glow);border-radius:22px;position:relative;overflow:hidden}.mbp-practice-door.training{--top:#ff7bb7;--bottom:#7a1f8f;--edge:#ffb3d9;--glow:#ff7bb755}.mbp-practice-door.bestplay{--top:#ffd84a;--bottom:#c06a00;--edge:#fff04b;--glow:#ffd84a55}.mbp-practice-door.braingym{--top:#3fd2ff;--bottom:#0b4cc0;--edge:#8eeaff;--glow:#3fd2ff55}.mbp-practice-door.sapmath{--top:#4fe39a;--bottom:#0b6b3c;--edge:#a6ffd0;--glow:#4fe39a55}.mbp-practice-door-scene{object-fit:cover;object-position:center top;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mbp-practice-door-shade{pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--top) 18%,transparent) 0%,transparent 30%,color-mix(in srgb,var(--bottom) 55%,transparent) 62%,color-mix(in srgb,var(--bottom) 70%,#000 30%) 100%);position:absolute;inset:0}.mbp-practice-door-main{color:#fff;flex-direction:column;justify-content:flex-end;padding:12px;text-decoration:none;display:flex;position:absolute;inset:0}.mbp-practice-door-main .mbp-practice-door-art{object-fit:contain;filter:drop-shadow(0 6px 10px #0007);width:78%;height:72%;transition:transform .25s;position:absolute;top:-4%;right:-8%}.mbp-practice-door-main:active .mbp-practice-door-art{transform:scale(1.06)}.mbp-practice-door-copy{text-shadow:0 2px 6px #0009;flex-direction:column;display:flex;position:relative}.mbp-practice-door-copy small{opacity:.9;font-size:11px;font-weight:700}.mbp-practice-door-copy b{font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1.05}.mbp-practice-door-copy em{opacity:.85;margin-top:2px;font-size:11px;font-style:normal}.mbp-practice-door.bestplay .mbp-practice-door-main{padding-bottom:60px}.mbp-practice-shortcuts{gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.mbp-practice-shortcuts a{color:#fff;text-align:center;background:#00000040;border:1px solid #fff5;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:4px;font-size:11px;font-weight:700;text-decoration:none;display:flex}@media (max-height:620px){.mbp-practice-door-copy em{display:none}}.mbp-practice-compete{color:#fff;background:linear-gradient(160deg,#0b53b1,#041c5d);border:3px solid #fff04b;border-radius:18px;flex:none;align-items:center;gap:10px;min-height:56px;padding:6px 14px 6px 8px;text-decoration:none;display:flex;box-shadow:0 4px #6b4700,0 0 16px #ffd54b44}.mbp-practice-compete img{object-fit:contain;filter:drop-shadow(0 3px 4px #0008);width:44px;height:44px}.mbp-practice-compete span{flex-direction:column;flex:1;min-width:0;display:flex}.mbp-practice-compete b{color:#ffd84a;text-shadow:0 2px #7a3d00;font-size:17px;font-weight:900}.mbp-practice-compete small{color:#d5e8ff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mbp-practice-compete i{color:#ffd84a;font-size:24px;font-style:normal}