﻿.memory-activity-template{--memory-blue:#314a63;--memory-gold:#d6a84f;--memory-sage:#526c5a;--memory-clay:#a96f54}
.memory-activity-template{color:#29353d;background:radial-gradient(circle at 50% 0,rgba(214,168,79,.14),transparent 30rem),linear-gradient(180deg,#fffaf1,#f6eddd);font-family:Arial,Helvetica,sans-serif}.memory-activity-template *{box-sizing:border-box}.memory-activity-template h1,.memory-activity-template h2,.memory-activity-template h3,.memory-activity-template p{margin-top:0}.memory-activity-template .skip-link{position:absolute;left:-999px;top:auto}.memory-activity-template .skip-link:focus{left:12px;top:12px;z-index:999;padding:10px 12px;border-radius:10px;background:#fff;color:#314a63}.memory-activity-template .main{padding:clamp(18px,4vw,42px) 16px 70px}.memory-activity-template .inner{width:min(100% - 28px,980px);margin-inline:auto}.memory-activity-template .activity-breadcrumbs{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#7b7163;font-family:Arial,sans-serif;font-size:.86rem;font-weight:800}.memory-activity-template .activity-breadcrumbs a{color:#314a63;text-decoration:none}.memory-activity-template .activity-breadcrumbs a:hover{text-decoration:underline}.memory-activity-template .activity-card{padding:clamp(18px,4vw,38px);border:1px solid rgba(214,168,79,.32);border-radius:30px;background:rgba(255,253,248,.96);box-shadow:0 24px 62px rgba(74,55,31,.11)}.memory-activity-template .topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-family:Arial,sans-serif}.memory-activity-template .instruction{margin:0;color:#314a63;font-weight:900}.memory-activity-template .progress{margin:0;color:#746d62;font-weight:800;white-space:nowrap}.memory-activity-template .track{height:8px;margin:0 0 24px;overflow:hidden;border-radius:99px;background:#ede4d4}.memory-activity-template .fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d6a84f,#82a37e);transition:width .3s}.memory-activity-template .button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;margin-top:0;padding:9px 15px;border:0;border-radius:10px;color:#27323a;background:#f2c45f;font-family:Arial,sans-serif;font-weight:900;text-decoration:none;cursor:pointer}.memory-activity-template .button.secondary,.memory-activity-template .secondary{border:1px solid rgba(49,74,99,.2);color:#314a63;background:#fff}.memory-activity-template .story-info-panel,.memory-activity-template .story-continuation{padding:clamp(44px,7vw,72px) 16px;border-top:1px solid rgba(214,168,79,.22);background:rgba(255,250,241,.58)}.memory-activity-template .story-info-panel .kicker,.memory-activity-template .story-continuation .kicker{margin:0 0 8px;color:#98702e;font-family:Arial,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.memory-activity-template .story-info-panel h2,.memory-activity-template .story-continuation h2{margin:0 0 18px;color:#314a63;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.memory-activity-template .story-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.memory-activity-template .story-info-grid article{padding:18px;border:1px solid rgba(214,168,79,.26);border-radius:18px;background:rgba(255,253,248,.92);box-shadow:0 10px 24px rgba(74,55,31,.06)}.memory-activity-template .story-info-grid h3{margin:0 0 7px;color:#314a63;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem}.memory-activity-template .story-info-grid p,.memory-activity-template .story-continuation-copy{margin:0;color:#526c5a;font-family:Arial,sans-serif;font-size:.98rem;line-height:1.55}.memory-activity-template .story-continuation{text-align:center}.memory-activity-template .story-continuation-copy{max-width:660px;margin:0 auto 22px}.memory-activity-template .continuation-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.memory-activity-template .continuation-card{display:grid;gap:8px;justify-items:center;align-content:center;min-height:124px;padding:14px 10px;border:1px solid rgba(214,168,79,.3);border-radius:18px;color:#314a63;background:#fffaf1;font-family:Arial,sans-serif;font-weight:900;text-align:center;text-decoration:none;box-shadow:0 8px 20px rgba(74,55,31,.06)}.memory-activity-template .continuation-card:hover{background:#f8e7bd}.memory-activity-template .continuation-card img{display:block;width:58px;height:58px;object-fit:contain}.memory-activity-template .continuation-card span{font-size:.9rem;line-height:1.2}
.memory-size-controls{display:flex;justify-content:center;gap:8px;margin:0 auto 18px;flex-wrap:wrap}.memory-size-button{min-height:42px;padding:9px 14px;border:1px solid rgba(214,168,79,.45);border-radius:999px;background:#fffaf1;color:var(--memory-blue);font-family:Arial,sans-serif;font-size:.9rem;font-weight:900;cursor:pointer}.memory-size-button[aria-pressed="true"]{background:#f2c45f;color:#27323a;box-shadow:0 7px 16px rgba(74,55,31,.12)}.memory-grid{display:grid;grid-template-columns:repeat(var(--memory-columns,4),minmax(0,1fr));gap:clamp(9px,2.6vw,15px);width:min(100%,760px);margin:0 auto}.memory-card{position:relative;min-width:0;aspect-ratio:1;border:0;border-radius:18px;background:transparent;cursor:pointer;perspective:900px;touch-action:manipulation}.memory-card[disabled]{cursor:default}.memory-card:focus-visible{outline:3px solid rgba(49,74,99,.38);outline-offset:3px}.memory-card-inner{position:absolute;inset:0;border-radius:inherit;transform-style:preserve-3d;transition:transform .42s ease}.memory-card.is-flipped .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(214,168,79,.34);border-radius:inherit;backface-visibility:hidden;box-shadow:0 9px 22px rgba(74,55,31,.11)}.memory-back{color:var(--memory-blue);background:linear-gradient(160deg,#fff8e9,#f3dfad);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,8vw,3rem);font-weight:900}.memory-front{padding:10px;background:#fffdf8;transform:rotateY(180deg)}.memory-front img{width:100%;height:100%;min-height:0;object-fit:contain}.memory-label{display:none}.memory-card.is-matched .memory-face{border-color:rgba(82,108,90,.45);box-shadow:0 0 0 3px rgba(143,168,121,.2),0 9px 22px rgba(74,55,31,.08)}.memory-turns{margin:-10px 0 18px;color:#7b7163;font-family:Arial,sans-serif;font-size:.86rem;font-weight:800;text-align:center}.memory-status{min-height:2.8em;margin:16px auto 0;color:var(--memory-sage);font-family:Arial,sans-serif;font-size:.98rem;font-weight:800;text-align:center}.memory-match-label{display:block;color:var(--memory-blue);font-size:1.05rem}.memory-fact{display:block;margin-top:3px;color:#79522f;font-weight:700}.memory-completion-message{max-width:620px;margin:12px auto 0;color:var(--memory-sage);font-family:Arial,sans-serif;font-size:1.05rem;font-weight:800}.memory-controls{display:flex;justify-content:center;gap:10px;margin-top:14px}.discovery-link.is-primary{grid-column:1/-1;width:min(100%,380px);justify-self:center}.memory-full-view #site-header,.memory-full-view #site-footer,.memory-full-view .activity-breadcrumbs,.memory-full-view .story-info-panel,.memory-full-view .story-continuation{display:none}.memory-full-view .main{min-height:100vh;padding:0 clamp(12px,2.4vw,24px) 28px;background:linear-gradient(180deg,#fffaf1,#f6eddd)}.memory-full-view .main>.inner{width:min(100%,980px);max-width:980px;margin:0 auto}.memory-full-view .activity-shell{min-height:100vh;padding:104px clamp(12px,2.2vw,22px) clamp(12px,2.2vw,22px);border:1px solid rgba(214,168,79,.32);border-top:0;border-radius:0 0 24px 24px;background:rgba(255,253,248,.98);box-shadow:0 24px 62px rgba(74,55,31,.1)}.memory-full-view .compact-activity-toolbar{position:fixed;top:0;left:50%;width:min(calc(100% - 24px),980px);transform:translateX(-50%);margin:0;border-radius:0 0 20px 20px}.memory-full-view .track{width:min(100%,760px);margin-inline:auto}.memory-full-view .memory-grid{width:min(100%,820px)}.memory-grid[data-tile-count="16"]{width:min(100%,660px);gap:clamp(8px,1.8vw,12px)}.memory-grid[data-tile-count="16"] .memory-card{border-radius:15px}.memory-full-view .memory-grid[data-tile-count="16"]{width:min(100%,680px);gap:10px}.memory-full-view .memory-status{margin-bottom:0}@media(max-width:700px){.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.memory-grid[data-tile-count="16"]{width:min(100%,560px)}.memory-card{border-radius:14px}.memory-front{padding:7px}.memory-controls{flex-direction:column}.memory-controls .button{width:100%}.discovery-links{grid-template-columns:1fr}}@media(max-width:430px){.memory-size-controls{gap:6px}.memory-size-button{flex:1 1 30%;padding-inline:8px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.memory-grid[data-tile-count="16"]{width:100%;gap:8px}.memory-card{border-radius:13px}}@media(prefers-reduced-motion:reduce){.memory-card-inner{transition:none}}
.memory-activity-template .compact-activity-toolbar{position:sticky;top:72px;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:-18px -18px 22px;padding:12px 14px;border:1px solid rgba(214,168,79,.28);border-radius:20px;background:rgba(255,250,241,.94);box-shadow:0 12px 30px rgba(74,55,31,.1);backdrop-filter:blur(14px)}.memory-activity-template .compact-toolbar-title h1{margin:0;color:var(--memory-blue);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.05}.memory-activity-template .compact-toolbar-title span{display:block;margin-top:2px;color:#7b7163;font-family:Arial,sans-serif;font-size:.82rem;font-weight:800}.memory-activity-template .compact-toolbar-progress{margin:0;color:var(--memory-sage);font-family:Arial,sans-serif;font-size:.88rem;font-weight:900;white-space:nowrap}.memory-activity-template .compact-toolbar-actions{display:flex;gap:8px;justify-content:flex-end}.memory-activity-template .compact-toolbar-actions .button{min-height:38px;margin-top:0;padding:8px 12px;border-radius:10px}.memory-activity-template .discovery-finish{display:none;margin:26px auto 0;padding:clamp(24px,4vw,38px);max-width:760px;border:1px solid rgba(214,168,79,.42);border-radius:28px;background:linear-gradient(180deg,#fff8e9,#fff3dc);box-shadow:0 22px 54px rgba(74,55,31,.1);text-align:center}.memory-activity-template .discovery-finish.is-visible{display:block}.memory-activity-template .discovery-finish h3{margin:24px 0 10px;color:var(--memory-blue);font-size:clamp(1.45rem,4vw,1.85rem);line-height:1.1}.memory-activity-template .discovery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto}.memory-activity-template .discovery-link{display:flex;min-height:50px;align-items:center;justify-content:center;padding:11px 13px;border:1px solid rgba(214,168,79,.34);border-radius:15px;color:var(--memory-blue);background:#fffaf1;font-family:Arial,sans-serif;font-weight:900;text-align:center;text-decoration:none;box-shadow:0 6px 16px rgba(74,55,31,.06)}.memory-activity-template .discovery-link.is-primary{grid-column:1/-1;width:min(100%,380px);justify-self:center;background:#f2c45f;color:#27323a}.memory-activity-template .discovery-link:hover{background:#f8e7bd}@media(max-width:900px){.memory-activity-template .continuation-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.memory-activity-template .main{padding-inline:8px}.memory-activity-template .inner{width:min(100% - 12px,980px)}.memory-activity-template .activity-card{padding:16px 10px 22px;border-radius:22px}.memory-activity-template .topline{display:block;text-align:center}.memory-activity-template .progress{margin-top:4px}.memory-activity-template .compact-activity-toolbar{top:6px;grid-template-columns:1fr;margin:-8px -2px 18px}.memory-activity-template .compact-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.memory-activity-template .story-info-grid,.memory-activity-template .continuation-links,.memory-activity-template .discovery-links{grid-template-columns:1fr}.memory-activity-template .discovery-link.is-primary{width:100%}}

body.memory-full-view{overflow-x:hidden}

.memory-activity-template .continuation-links{grid-template-columns:repeat(4,minmax(0,1fr));max-width:940px;margin:0 auto}
.memory-activity-template .continuation-card:first-child{grid-column:1/-1;justify-self:center;width:min(100%,260px)}
@media(max-width:700px){.memory-activity-template .continuation-links{grid-template-columns:1fr}.memory-activity-template .continuation-card:first-child{grid-column:auto;width:100%}}
.memory-full-view #site-header,
.memory-full-view #site-footer,
.memory-full-view .activity-breadcrumbs,
.memory-full-view .story-info-panel,
.memory-full-view .story-continuation{display:none!important}
.memory-full-view .main{min-height:100vh!important;padding:0 0 28px!important;background:linear-gradient(180deg,#fffaf1,#f6eddd)!important}
.memory-full-view .main>.inner{width:100%!important;max-width:none!important;margin:0!important}
.memory-full-view .activity-shell{min-height:100vh!important;padding:132px clamp(10px,2vw,22px) 24px!important;border:0!important;border-radius:0!important;background:rgba(255,253,248,.98)!important;box-shadow:none!important}
.memory-full-view .compact-activity-toolbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important;transform:none!important;margin:0!important;padding:12px clamp(12px,3vw,28px)!important;border-width:0 0 1px!important;border-radius:0!important;box-shadow:0 12px 30px rgba(74,55,31,.1)!important}
.memory-full-view .track{width:min(100%,760px)!important;margin-inline:auto!important}
.memory-full-view .memory-grid{width:min(100%,820px)!important}
.memory-full-view .memory-grid[data-tile-count="16"]{width:min(100%,640px)!important;gap:9px!important}
@media(max-width:700px){
  .memory-full-view .activity-shell{padding-top:170px!important}
  .memory-full-view .compact-activity-toolbar{grid-template-columns:1fr!important}
  .memory-full-view .compact-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
}

.memory-board-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,760px);margin:0 auto 18px}
.memory-board-tools:has(.memory-size-button[data-pair-count="8"][aria-pressed="true"]){width:min(100%,600px)}
.memory-board-tools .memory-size-controls{justify-content:flex-start;margin:0}
.memory-board-tools .memory-turns{margin:0;text-align:right;white-space:nowrap}
.memory-full-view .memory-board-tools:has(.memory-size-button[data-pair-count="8"][aria-pressed="true"]){width:min(100%,600px)!important}
@media(max-width:560px){
  .memory-board-tools{align-items:flex-start;flex-direction:column;gap:8px}
  .memory-board-tools .memory-turns{text-align:left}
}
.memory-grid[data-tile-count="16"]{width:min(100%,600px);gap:clamp(7px,1.5vw,10px)}
.memory-full-view .memory-grid[data-tile-count="16"]{width:min(100%,600px)!important;gap:9px!important}
@media(max-width:700px){.memory-grid[data-tile-count="16"]{width:min(100%,500px)}}

.memory-activity-template .discovery-finish h2{
  position:relative;
  display:inline-block;
  transform-origin:center;
}

@media(max-width:767px){
  .memory-activity-template .main{padding:8px 4px 40px}
  .memory-activity-template .inner{width:100%}
  .memory-activity-template .activity-card{padding:10px 8px 16px;border-radius:18px}
  .memory-activity-template .compact-activity-toolbar{top:4px;gap:8px;margin:-4px -2px 10px;padding:9px 10px;border-radius:16px}
  .memory-activity-template .compact-toolbar-title h1{font-size:1.32rem}
  .memory-activity-template .compact-toolbar-title span{font-size:.74rem}
  .memory-activity-template .compact-toolbar-progress{font-size:.78rem}
  .memory-activity-template .compact-toolbar-actions{gap:6px}
  .memory-activity-template .compact-toolbar-actions .button{min-height:34px;padding:7px 8px;font-size:.82rem}
  .memory-activity-template .topline{margin-bottom:8px}
  .memory-activity-template .instruction{font-size:.9rem}
  .memory-activity-template .progress{display:none}
  .memory-activity-template .track{height:6px;margin-bottom:12px}
  .memory-board-tools{width:min(100%,430px);flex-direction:row;align-items:center;margin-bottom:10px;gap:8px}
  .memory-board-tools:has(.memory-size-button[data-pair-count="8"][aria-pressed="true"]){width:min(100%,430px)}
  .memory-board-tools .memory-size-controls{gap:5px;flex:1 1 auto;flex-wrap:nowrap}
  .memory-size-button{min-height:34px;padding:6px 8px;font-size:.78rem;line-height:1.05}
  .memory-board-tools .memory-turns{font-size:.78rem;text-align:right}
  .memory-grid,
  .memory-grid[data-tile-count="16"],
  .memory-grid[data-tile-count="24"]{
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:min(100%,430px);
    gap:6px;
  }
  .memory-card{border-radius:11px}
  .memory-front{padding:4px}
  .memory-back{font-size:clamp(1.15rem,8vw,2rem)}
  .memory-status{min-height:1.7em;margin-top:8px;font-size:.86rem}
  .memory-controls{margin-top:8px}
  .memory-controls .button{min-height:34px;padding:7px 12px;font-size:.82rem}
}
@media(max-width:430px){
  .memory-grid,
  .memory-grid[data-tile-count="16"],
  .memory-grid[data-tile-count="24"]{
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
    gap:5px;
  }
  .memory-card{border-radius:10px}
  .memory-front{padding:3px}
}
@media(max-width:360px){
  .memory-size-button{padding-inline:6px;font-size:.72rem}
  .memory-board-tools .memory-turns{font-size:.72rem}
  .memory-grid,
  .memory-grid[data-tile-count="16"],
  .memory-grid[data-tile-count="24"]{gap:4px}
}



