@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&family=Assistant:wght@400;600;700&display=swap");:root{--color-primary:#4E5599;--color-primary-press:#454B8A;--color-primary-soft:#E7E8F4;--color-accent:#D99A52;--color-accent-soft:#F7ECDC;--color-bg:#F0F0F6;--color-surface:#FFFFFF;--color-surface-sunken:#F4F4FA;--color-text:#232838;--color-text-muted:#606880;--color-success:#3E8E6A;--color-success-soft:#E0F0EA;--color-danger:#A3322D;--color-danger-soft:#FBEDEC;--color-border:#E4E5EE;--bg:var(--color-bg);--bg-soft:var(--color-surface);--ink:var(--color-text);--ink-soft:var(--color-text-muted);--line:var(--color-border);--correct:var(--color-success);--correct-soft:var(--color-success-soft);--primary:var(--color-primary);--primary-soft:var(--color-primary-soft);--nudge:var(--color-primary);--shadow:rgba(40,45,80,0.14);--color-surface-raised:var(--color-surface);--color-bg-family:#F0F0F6;--elevation-1:0 2px 8px rgba(40,45,80,.08),0 0 0 1px var(--color-border);--elevation-2:0 14px 32px rgba(40,45,80,.10);--elevation-3:0 10px 24px rgba(78,85,153,.28);--focus-ring:0 0 0 3px var(--color-primary-soft),0 0 0 5px var(--color-primary);--btn-hover-scale:1.02;--btn-active-scale:0.97;--font-heading:"Rubik","Assistant",system-ui,sans-serif;--font-body:"Assistant",system-ui,sans-serif;--radius:20px;--tap-min:72px;--text-xs:16px;--text-sm:18px;--text-body:24px;--text-lg:28px;--text-xl:34px;--text-2xl:42px;--game-photo:320px;--game-card-pt:32px;--game-card-ph:28px;--game-card-pb:28px;--game-section-gap:28px;--game-btn-gap:16px}*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;font-family:var(--font-body);font-synthesis:none;font-size:var(--text-body);line-height:1.6;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px}@media (max-width:480px){body{padding:10px}:root{--radius:16px;--tap-min:64px;--text-body:22px;--text-xl:28px;--game-photo:190px;--game-card-pt:12px;--game-card-ph:12px;--game-card-pb:12px;--game-section-gap:10px;--game-btn-gap:8px}}[data-scale=family]{--text-xs:13px;--text-sm:15px;--text-body:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--tap-min:48px;--radius:14px;--font-heading:"Rubik","Assistant",system-ui,sans-serif}body:has([data-scale=family]){background:var(--color-bg-family)}[data-text=huge]{--text-xs:21px;--text-sm:24px;--text-body:31px;--text-lg:36px;--text-xl:44px;--text-2xl:55px}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.ui-btn:hover:not(:disabled):not([aria-disabled=true]){transform:scale(var(--btn-hover-scale));box-shadow:var(--elevation-2)}.ui-btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--btn-active-scale));filter:brightness(.92)}}@keyframes correct-pulse{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-glow{0%{box-shadow:0 0 0 0 rgba(78,85,153,0)}50%{box-shadow:0 0 0 8px rgba(78,85,153,.22)}to{box-shadow:0 0 0 4px rgba(78,85,153,.1)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.game-waveform-col{display:flex;flex-direction:column;align-items:center;gap:14px}.game-replay-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--primary);background:transparent;border:2px solid var(--primary);border-radius:12px;padding:8px 20px;cursor:pointer;display:flex;align-items:center;gap:6px}@media (max-width:480px){.game-waveform-col{gap:8px}.game-replay-btn{padding:5px 14px;font-size:var(--text-xs)}.game-chip-row::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.family-shell{width:100%;max-width:640px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.family-nav{position:fixed;bottom:0;inset-inline:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.family-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;min-height:48px;justify-content:center;font-family:var(--font-body);font-size:11px;text-decoration:none;color:var(--color-text-muted);border-radius:10px}.family-nav-item.active{color:var(--color-primary);font-weight:600}.family-nav-item.active:before{content:"";position:absolute;top:-6px;inset-inline:0;margin-inline:auto;width:26px;height:3px;border-radius:999px;background:var(--color-primary)}@media (min-width:1024px){.family-shell{max-width:720px;padding-bottom:24px;-webkit-margin-start:220px;margin-inline-start:220px}.family-nav{inset-inline-end:auto;inset-inline-start:0;top:0;bottom:0;width:200px;flex-direction:column;justify-content:flex-start;gap:4px;border-top:none;-webkit-border-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);padding:24px 12px}.family-nav-item{flex-direction:row;gap:10px;justify-content:flex-start;font-size:15px;padding:10px 12px}.family-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary-press)}.family-nav-item.active:before{top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;margin-inline:0;width:4px;height:auto;border-radius:999px}}