:root{--flash-bg:var(--mf-background,#F8FAFC);--flash-surface:var(--mf-surface,#FFFFFF);--flash-border:var(--mf-border,#E5E7EB);--flash-heading:var(--mf-heading,#111827);--flash-text:var(--mf-text,#4B5563);--flash-muted:var(--mf-muted,#9CA3AF);--flash-primary:var(--mf-primary,#0F766E);--flash-primary-hover:var(--mf-primary-hover,#115E59);--flash-primary-light:var(--mf-primary-light,#ECFDF5);--flash-success:var(--mf-success,#16A34A);--flash-error:var(--mf-error,#DC2626);--flash-shadow:var(--mf-shadow-sm,0 2px 8px rgba(17,24,39,.05))}*,*::before,*::after{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--flash-bg);color:var(--flash-heading);font-family:var(--mf-font-body,Inter,system-ui,sans-serif)}button{font:inherit}.game-shell{width:100%;max-width:960px;margin:0 auto;padding:32px 28px 48px}.flashrecall-game{width:100%;max-width:1360px;margin:0}.game-header{margin-bottom:20px}.game-kicker{margin-bottom:5px;color:var(--flash-primary);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.game-title-row{display:flex;align-items:center;gap:12px}.game-title-row h1{margin:0;font-family:var(--mf-font-heading);font-size:34px;font-weight:700;line-height:1.15;color:var(--mf-heading)}.instruction{max-width:560px;margin:10px 0 0;color:var(--flash-text);font-size:15px;line-height:1.5}.status-bar{display:flex;align-items:center;gap:16px;width:min(100%,850px);margin:0 0 6px;color:var(--flash-muted);font-size:13px;font-weight:600}#phaseLabel{color:var(--flash-primary)}.status-separator{color:var(--flash-muted)}.object-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:10px;width:min(100%,1000px);margin:24px 0 0 0}.object-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:86px;min-width:0;min-height:0;padding:6px;border:1px solid var(--flash-border);border-radius:12px;background:var(--flash-surface);color:var(--flash-heading);box-shadow:var(--flash-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.object-card svg{width:48px;height:48px;display:block;color:currentColor;pointer-events:none}.object-card:not(:disabled):hover{border-color:var(--flash-primary)}.object-card:disabled{cursor:default}.object-card:focus-visible{outline:2px solid var(--flash-primary);outline-offset:3px}.object-card:active{transform:scale(.97)}.flashrecall-game .object-card{appearance:none;-webkit-appearance:none;background:var(--flash-surface);color:var(--flash-heading);border:1px solid var(--flash-border);box-shadow:var(--flash-shadow);font-family:inherit;text-align:center}.flashrecall-game .object-card:not(:disabled):hover:not(.selected):not(.correct):not(.incorrect):not(.missed){background:var(--flash-surface) !important;color:var(--flash-heading) !important;border-color:var(--flash-primary) !important;box-shadow:var(--flash-shadow) !important;transform:none !important}.flashrecall-game .object-card:not(:disabled):active{background:var(--flash-surface) !important;color:var(--flash-heading) !important;transform:scale(.97) !important}.flashrecall-game .object-card:disabled:not(.flash):not(.correct):not(.incorrect):not(.missed){background:var(--flash-surface) !important;color:var(--flash-heading) !important;border-color:var(--flash-border) !important;box-shadow:var(--flash-shadow) !important}.flashrecall-game .object-card.flash{border-color:var(--flash-primary) !important;background:var(--flash-primary-light) !important;color:var(--flash-primary) !important;box-shadow:0 0 0 3px rgba(15,118,110,.12),0 8px 24px rgba(15,118,110,.14) !important;transform:scale(1.04) !important}.flashrecall-game .object-card.flash svg{transform:scale(1.08)}.flashrecall-game .object-card.flash svg{transform:scale(1.08)}.object-card.selected{border:2px solid var(--flash-primary);background:var(--flash-primary-light);color:var(--flash-primary);box-shadow:0 0 0 3px rgba(15,118,110,.08)}.flashrecall-game .object-card.correct{border:2px solid var(--flash-success) !important;background:#F0FDF4 !important;color:var(--flash-success) !important;box-shadow:0 0 0 3px rgba(22,163,74,.10) !important}.flashrecall-game .object-card.incorrect{border:2px solid var(--flash-error) !important;background:#FEF2F2 !important;color:var(--flash-error) !important;box-shadow:0 0 0 3px rgba(220,38,38,.10) !important}.action-area{display:flex;justify-content:center;align-items:center;width:min(100%,850px);gap:12px;min-height:52px;margin-top:16px}.action-area .mf-btn{min-width:150px;min-height:50px;padding:12px 24px;font-size:16px;font-weight:700}.action-area .mf-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.action-area{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:min(100%,850px);gap:12px;min-height:52px;margin-top:16px}.session-message{flex:0 0 100%;width:100%;margin-top:4px;line-height:1.6;font-size:14px;color:var(--mf-muted) !important;text-align:left}.feedback{min-height:24px;margin:0;color:var(--flash-text);text-align:left;font-size:15px;font-weight:600}.feedback.success{color:var(--flash-success)}.hidden{display:none !important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.mf-help-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:48px;padding:10px 18px;border-radius:12px;font-size:15px;font-weight:700}.help-label{display:inline}.help-icon{display:none}@media (max-width:900px){.game-shell{height:auto;max-width:none !important;padding:18px 12px 32px;overflow:visible}.help-label{display:none}.help-icon{display:inline}.mf-help-button{flex:0 0 auto;min-width:48px;width:48px;min-height:48px;padding:0;border-radius:12px;font-size:22px}.game-header{margin-bottom:18px}.object-grid{width:100%;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:6px}.object-card{width:100%;height:auto;aspect-ratio:1 / 0.82;padding:4px;border-radius:10px}.object-card svg{width:42px;height:42px}.instruction{font-size:14px}.action-area .mf-btn{flex:1 1 0;min-width:0}}@media (max-width:600px){.game-shell{padding:16px 10px 28px}.game-header{margin-bottom:14px}.object-grid{gap:5px}.object-card{aspect-ratio:1 / 0.9;padding:3px;border-radius:8px}.object-card svg{width:34px;height:34px}.status-bar{margin-bottom:6px}.action-area{margin-top:14px}}@media (min-width:901px){.flashrecall-game{zoom:0.90}.game-title-row h1{font-size:34px}.instruction{margin-top:12px}.game-header{margin-bottom:16px}.status-bar{margin-bottom:6px}.object-grid{width:min(100%,850px)}.object-card{height:74px}.object-card svg{width:44px;height:44px}.action-area{margin-top:24px}}@media (prefers-reduced-motion:reduce){.object-card,.object-card svg{transition:none}}.flashrecall-swap-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:100}.flashrecall-game .object-card.card-turn-over{transform:perspective(700px) rotateY(90deg);transition:transform 250ms ease-in-out}.flashrecall-game .object-card.card-back.card-turn-over{transform:perspective(700px) rotateY(90deg)}.flashrecall-game .object-card.card-back svg{visibility:hidden}.flashrecall-game .object-card.card-back::after{content:"";position:absolute;inset:18%;border-radius:8px;background:repeating-linear-gradient( 45deg,rgba(0,0,0,.035),rgba(0,0,0,.035) 2px,transparent 2px,transparent 6px )}.flashrecall-game .object-card.card-back{transform:perspective(700px) rotateY(0deg)}.flashrecall-game .object-card.missed{border:2px solid #F59E0B !important;background:#FFFBEB !important;color:#D97706 !important;box-shadow:0 0 0 3px rgba(245,158,11,.10) !important}