body.hub{--accent:#2f7fd0;--accent-dark:#16324f;--accent-light:#e8f4ff;background:linear-gradient(#7cc7f2 0%,#bfe6fb 55%,#e7f6fc 100%)}.hub-boot{background:radial-gradient(circle at 50% 35%,#4aa3f0,#16324f)}.hub-title{align-items:flex-start;overflow-y:auto}.hub-panel{max-width:640px;margin-top:clamp(0px,4vh,40px)}.logo-big.hub-logo{color:#ffd23f;text-shadow:0 4px #b8860b,0 10px 24px #0000004d;font-size:clamp(2.8rem,7vw,4.6rem)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.game-card{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow-sm);background:#fffffff0;border:3px solid #0000;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.game-card:hover,.game-card:focus-visible{border-color:var(--game);outline:none;transform:translateY(-2px)}.game-emblem{flex:none;width:58px;height:58px}.game-emblem svg{width:100%;height:100%}.game-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.game-groep{text-transform:uppercase;letter-spacing:.05em;color:var(--game-dark);font-size:.75rem;font-weight:800}.game-name{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.game-subject{color:var(--muted);font-size:.9rem}.game-stars{align-items:center;gap:4px;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.game-stars svg{color:#f7b500;width:16px;height:16px}.welcome-motto{font-family:var(--font-display);color:var(--accent);margin:-8px 0;font-size:1.2rem;font-weight:800}.hub-actions{flex-wrap:wrap;gap:8px;display:flex}.game-card.today{border-color:var(--game)}.game-today{margin-left:6px}.today-emblem{margin:0 auto 4px;display:block}.cabinet-section{margin-top:10px}.cabinet-section summary{cursor:pointer;padding:4px 0}.parents-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.parents-game{border-left:4px solid var(--game);background:#ffffffb3;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.parents-game .game-emblem{width:40px;height:40px}.parents-meta{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}@media (width<=560px){.game-grid{grid-template-columns:1fr}}@media (width>=900px) and (height>=521px){.hub-panel{gap:16px;max-width:920px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-card{padding:10px 12px}.game-emblem{width:50px;height:50px}}@media (width>=900px) and (height>=521px) and (height<=820px){.hub-panel{gap:12px;margin-top:0}.logo-big.hub-logo{font-size:3.6rem}.hub-panel .tagline{font-size:1.1rem}}@media (width>=1700px) and (height>=521px){.hub-panel{max-width:1180px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (height<=500px) and (orientation:landscape){.hub-title{align-items:center}.hub-panel{grid-template-columns:minmax(0,250px) minmax(0,1fr);max-width:min(880px,100%);margin-top:0}.title-panel>.game-grid{grid-area:1/2/span 6}.logo-big.hub-logo{font-size:2.6rem}.hub-panel .title-stats{flex-flow:wrap;align-items:center;gap:6px}.hub-actions{gap:6px}.hub-actions .btn{min-height:44px;padding:5px 10px;font-size:.85rem}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-card{gap:6px;padding:6px 8px}.game-emblem{flex:none;width:36px;height:36px}.game-name{font-size:.9rem;line-height:1.1}.game-prefix{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-subject,.game-groep{display:none}}.parents-backup{margin-top:6px}.backup-code{word-break:break-all;resize:vertical;-webkit-user-select:text;user-select:text;width:100%;min-height:88px;font:12px/1.4 ui-monospace,monospace}.chip-rank{font:inherit;cursor:pointer;color:var(--navy);background:#ffffffeb;border:none}.rank-bar{background:var(--sky-light);border-radius:99px;min-height:12px;overflow:hidden}.rank-bar span{background:var(--sky);border-radius:99px;height:12px;display:block}.rank-ladder{gap:4px;margin:12px 0;padding:0;list-style:none;display:grid}.rank-step{opacity:.6;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.rank-step.reached{opacity:1}.rank-step.current{background:var(--sky-light)}.rank-emoji svg{width:18px;height:18px}.week-card{grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0;display:grid}.week-day{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:.8rem;font-weight:700;display:flex}.week-stamp{border:2px dashed #c9d9ea;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.week-day.stamped .week-stamp{border:2px solid var(--yellow);background:#fff7d6}.week-day.today{color:var(--navy)}.week-day.today .week-stamp{border-color:var(--sky)}.parents-advice{background:var(--sky-light);border-radius:12px;gap:4px;margin:0 0 12px;padding:10px 12px 10px 28px;display:grid}.game-switch{z-index:900;background:linear-gradient(180deg, var(--game), var(--game-dark));color:#fff;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1.8rem;animation:.25s both game-switch-in;display:flex;position:fixed;inset:0}.game-switch .game-emblem svg{width:120px;height:120px}@keyframes game-switch-in{0%{opacity:0;transform:scale(1.04)}}.rank-avatars{margin:6px 0}.rank-avatars .avatar[disabled]{opacity:.45}.rank-avatars .avatar svg{width:18px;height:18px}.dossier-facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:8px 0 14px;padding:0;list-style:none;display:grid}.dossier-fact{background:var(--sky-light);text-align:center;color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;padding:10px 6px;font-size:.85rem;display:flex}.dossier-fact b{font-family:var(--font-display);color:var(--navy);font-size:1.15rem}.dossier-emoji{font-size:1.5rem}