:root{--ink:#29353d;--muted:#746d62;--paper:#fffaf1;--cream:#f6eddd;--sage:#dfe8dd;--sage-dark:#526c5a;--blue:#314a63;--navy:#102b50;--navy-deep:#081f3c;--gold:#d6a84f;--clay:#a96f54;--line:rgba(174,125,31,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:rgba(49,74,99,.22) transparent;scrollbar-width:thin}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% 0,rgba(214,168,79,.15),transparent 30rem),linear-gradient(180deg,var(--paper),var(--cream));font-family:Georgia,"Times New Roman",serif;line-height:1.5}button{font:inherit}
.inner{width:min(100%,980px);margin:auto}.kicker{margin:0 0 9px;color:#98702e;font-family:Arial,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.activity-template .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.94);border-bottom:1px solid rgba(16,43,80,.08);backdrop-filter:blur(18px)}.activity-template .header-inner{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:24px}.activity-template .brand{display:inline-flex;flex:0 0 auto;align-items:center}.activity-template .brand img{width:auto;height:70px}.activity-template .site-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);color:var(--navy);font-family:Arial,sans-serif;font-size:.92rem;font-weight:700}.activity-template .site-nav a{text-decoration:none}.activity-template .site-nav a:not(.nav-cta):hover{color:#a6740d}.activity-template .nav-cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:13px 24px;border-radius:13px;color:#fff;background:var(--navy);box-shadow:0 10px 24px rgba(16,43,80,.18);font-weight:700;text-align:center;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease}.activity-template .nav-cta:hover{transform:translateY(-2px)}
.activity-breadcrumbs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px;color:var(--muted);font-family:Arial,sans-serif;font-size:.9rem}.activity-breadcrumbs a{color:var(--sage-dark)}
h1{margin:0;color:var(--blue);line-height:1}
.main{padding:8px 16px 72px}.activity-card{padding:clamp(18px,4vw,38px);border:1px solid rgba(214,168,79,.3);border-radius:30px;background:rgba(255,253,248,.95);box-shadow:0 24px 62px rgba(74,55,31,.11)}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-family:Arial,sans-serif}.instruction{margin:0;color:var(--blue);font-weight:800}.progress{margin:0;color:var(--muted);white-space:nowrap}.track{height:8px;margin-bottom:24px;overflow:hidden;border-radius:99px;background:#ede4d4}.fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#82a37e);transition:width .3s}
.message{min-height:1.5em;margin:17px 0 0;color:var(--sage-dark);font-family:Arial,sans-serif;font-weight:800;text-align:center}.actions{text-align:center}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-top:16px;padding:11px 18px;border:0;border-radius:10px;color:#27323a;background:#f2c45f;font-family:Arial,sans-serif;font-weight:800;text-decoration:none;cursor:pointer}.secondary{border:1px solid rgba(49,74,99,.2);color:var(--blue);background:#fff}
.activity-warning{max-width:650px;margin:0 auto;padding:24px;border:1px solid rgba(214,168,79,.38);border-radius:18px;color:#725525;background:#fff8e9;font-family:Arial,sans-serif;text-align:center}.activity-warning strong{display:block;margin-bottom:6px;color:var(--blue);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem}
.story-continuation{padding:46px 16px 58px;text-align:center;background:rgba(255,250,241,.72)}.story-continuation h2{margin:0;color:var(--blue);font-size:clamp(1.8rem,5vw,2.8rem)}.story-continuation-copy{max-width:690px;margin:12px auto 0;color:var(--sage-dark);font-family:Arial,sans-serif}.continuation-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:820px;margin:22px auto 0}.continuation-card{display:flex;min-height:76px;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border:1px solid rgba(214,168,79,.3);border-radius:16px;color:var(--blue);background:rgba(255,253,248,.88);box-shadow:0 10px 24px rgba(74,55,31,.07);font-family:Arial,sans-serif;font-weight:900;text-decoration:none}.continuation-card img{width:42px;height:42px;object-fit:contain;flex:0 0 auto}.continuation-card span{line-height:1.15}.continuation-card:hover{background:#fff6df;transform:translateY(-1px)}
@media(max-width:620px){.main{padding:7px 7px 48px}.activity-card{padding:17px 9px 22px;border-radius:21px}.topline{display:block;text-align:center}.progress{margin-top:5px}.continuation-links{grid-template-columns:1fr}.continuation-card{min-height:64px}.continuation-card img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.dots-intro{text-align:center}.challenge{display:none}.challenge-button{min-height:42px;padding:9px 14px;border:1px solid rgba(214,168,79,.36);border-radius:999px;color:#604b29;background:#fff8e9;font-family:Arial,sans-serif;font-weight:800;cursor:pointer}.challenge-button:disabled{opacity:.45;cursor:not-allowed}.challenge-button.is-active{color:var(--blue);background:#f5d78f;border-color:rgba(214,168,79,.75);box-shadow:0 0 0 3px rgba(214,168,79,.18)}.dot-board-wrap{position:relative;width:min(100%,760px);margin:0 auto;overflow:hidden;border:1px solid rgba(214,168,79,.28);border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(74,55,31,.1);touch-action:pinch-zoom;user-select:none}.dot-board{position:relative;z-index:2;display:block;width:100%;aspect-ratio:1/1;transition:opacity .85s ease,filter .85s ease}.editor-guide{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.studio-edit .editor-guide.is-visible{opacity:var(--guide-opacity,.25)}.studio-edit .dot-board-wrap{background:#fffaf1;cursor:crosshair;touch-action:none}.studio-edit.is-moving-guide .dot-board-wrap{cursor:move}.connection-lines line{stroke:#c99a42;stroke-width:1.05;stroke-linecap:round;stroke-dasharray:80;animation:draw-line .42s ease forwards}.studio-edit .connection-lines line{stroke:rgba(119,88,41,.44);stroke-width:.58;stroke-dasharray:3 3;animation:none}.guide-line{stroke:rgba(214,168,79,.35);stroke-width:1;stroke-linecap:round;stroke-dasharray:4 4}.hint-ring{fill:none;stroke:#d6a84f;stroke-width:.75;opacity:.95;pointer-events:none;filter:drop-shadow(0 0 6px rgba(214,168,79,.75));animation:hint-ring 1.3s ease-out forwards}.dot{cursor:pointer}.studio-edit .dot{cursor:grab}.studio-edit .dot.is-dragging{cursor:grabbing}.dot circle{fill:#314a63;stroke:#fffaf1;stroke-width:.45;filter:drop-shadow(0 2px 2px rgba(49,74,99,.13));transition:fill .2s,stroke .2s,transform .2s,opacity .2s}.dot text{fill:#314a63;font-family:Arial,sans-serif;font-size:2.45px;font-weight:800;text-anchor:middle;dominant-baseline:central;pointer-events:none;opacity:0;transition:opacity .18s ease}.studio-edit .dot circle{fill:#fffaf1;stroke:#314a63;stroke-width:.58}.studio-edit .dot text{opacity:.86}.studio-edit.hide-editor-numbers .dot:not(.is-selected) text{opacity:0}.dot.is-selected circle{stroke:#d6a84f;stroke-width:1;fill:#fff2c9}.dot.is-start circle{fill:#d6a84f;stroke:#fff4d4;filter:drop-shadow(0 0 8px rgba(214,168,79,.55))}.dot.is-start text{opacity:.96}.dot.is-done circle{fill:#8fa879;stroke:#fffaf1;opacity:.75}.dot.is-selected text,.dot.is-show-number text{opacity:.96}.dot.is-show-number text{fill:#fffaf1}.dot.is-hint circle{animation:hint-glow 1.1s ease}.sad-marker{position:absolute;z-index:5;left:0;top:0;transform:translate(-50%,-50%);font-size:1.45rem;filter:drop-shadow(0 3px 5px rgba(74,55,31,.2));pointer-events:none}.dot-tray{display:none;width:min(100%,760px);margin:14px auto 0;padding:12px;border:1px solid rgba(214,168,79,.28);border-radius:18px;background:#fff8e9;box-shadow:0 10px 24px rgba(74,55,31,.07)}.studio-edit .dot-tray{display:block}.dot-tray-title{margin:0 0 8px;color:#604b29;font-family:Arial,sans-serif;font-size:.86rem;font-weight:900;text-align:center}.dot-tray-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tray-dot{width:30px;height:30px;border:1px solid rgba(49,74,99,.28);border-radius:999px;background:#fffaf1;color:#314a63;font-family:Arial,sans-serif;font-size:.72rem;font-weight:900;cursor:grab;box-shadow:0 2px 4px rgba(49,74,99,.1)}.tray-dot.is-selected{background:#f5d78f;border-color:#c99a42}.tray-empty{margin:0;color:#5f6f55;font-family:Arial,sans-serif;font-size:.86rem;text-align:center}.studio-help{display:none;margin:14px auto 0;color:#5f6f55;font-family:Arial,sans-serif;font-weight:800;text-align:center}.studio-edit .studio-help{display:block}.reveal-scene{position:absolute;inset:0;display:block;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.reveal-scene:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.34),rgba(255,246,220,.2) 32%,rgba(255,255,255,.72) 72%),linear-gradient(115deg,transparent 0%,rgba(255,255,255,.58) 43%,rgba(255,235,177,.5) 50%,rgba(255,255,255,.52) 57%,transparent 100%);mix-blend-mode:screen;opacity:0;transform:translateX(-18%);pointer-events:none}.reveal-story{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:sepia(.08) saturate(.94);transition:opacity 1.8s ease .8s}.reveal-object{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 22px rgba(49,74,99,.2));opacity:0;transform:scale(.94);transition:opacity 1s ease,transform 1s ease}.dot-board-wrap.is-complete .dot-board{opacity:.08;filter:blur(.3px)}.dot-board-wrap.is-complete .reveal-scene{opacity:1}.dot-board-wrap.is-complete .reveal-scene:after{animation:photo-blessing 2.85s ease forwards}.dot-board-wrap.is-complete .reveal-object{opacity:1;transform:scale(1);animation:picture-reveal 2.8s ease forwards}.dot-board-wrap.is-complete .reveal-story{opacity:.34}.dots-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.studio-edit .challenge,.studio-edit .dots-controls{display:none}.takeaway{display:none}.soft-celebration{display:none;margin:16px auto 0;padding:10px 18px;width:max-content;max-width:92%;border-radius:999px;color:#7a5621;background:#fff1c8;font-family:Arial,sans-serif;font-size:1.05rem;font-weight:900;text-align:center;box-shadow:0 10px 28px rgba(74,55,31,.1)}.soft-celebration.is-visible{display:block;animation:gentle-pop .65s ease}.discovery-finish{display:none;margin:24px auto 0;padding:clamp(22px,4vw,34px);max-width:760px;border:1px solid rgba(214,168,79,.38);border-radius:28px;background:linear-gradient(160deg,#fffdf8,#fff3d9);box-shadow:0 22px 54px rgba(74,55,31,.11);text-align:center}.discovery-finish.is-visible{display:block;animation:discovery-rise .7s ease}.discovery-stars{margin:0 0 4px;color:var(--gold);font-size:1.45rem;letter-spacing:.08em}.discovery-finish h2{margin:0;color:var(--blue);font-size:clamp(2rem,6vw,3.1rem);line-height:1.05}.discovery-lead{margin:10px 0 18px;color:var(--clay);font-family:Arial,sans-serif;font-size:1.05rem;font-weight:800}.discovery-lesson-label{margin:0;color:#8c6829;font-family:Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.discovery-takeaway{max-width:620px;margin:7px auto 0;color:var(--sage-dark);font-family:Arial,sans-serif;font-size:1.06rem;font-weight:800}.discovery-finish h3{margin:24px 0 10px;color:var(--blue);font-size:1.35rem}.discovery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto}.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:#314a63;background:#fffaf1;font-family:Arial,sans-serif;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(74,55,31,.06)}.discovery-link:hover{background:#f8e7bd}
@keyframes draw-line{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes hint-glow{0%,100%{filter:drop-shadow(0 2px 2px rgba(49,74,99,.13));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(214,168,79,.9));transform:scale(1.22)}}@keyframes hint-ring{0%{opacity:0;stroke-width:.55;r:2.5}24%{opacity:1;stroke-width:.8;r:4.2}100%{opacity:0;stroke-width:.25;r:7.2}}@keyframes gentle-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes discovery-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes picture-reveal{0%{filter:drop-shadow(0 15px 22px rgba(49,74,99,.2)) saturate(.9);transform:scale(.96)}35%{filter:drop-shadow(0 18px 30px rgba(214,168,79,.3)) saturate(1.08);transform:scale(1.015)}100%{filter:drop-shadow(0 15px 22px rgba(49,74,99,.2)) saturate(1);transform:scale(1)}}@keyframes photo-blessing{0%{opacity:0;transform:translateX(-24%)}28%{opacity:.95}72%{opacity:.45}100%{opacity:0;transform:translateX(18%)}}
@media(max-width:620px){.challenge{gap:7px}.challenge-button{padding:8px 10px;font-size:.82rem}.dot-board-wrap{border-radius:18px}.dot text{font-size:3px}.dots-controls .button{width:100%;margin-top:0}.tray-dot{width:28px;height:28px}.discovery-links{grid-template-columns:1fr}.discovery-link{min-height:48px}}
.dots-activity-template{--dots-toolbar-top:84px}.activity-template .main{padding:14px 16px 60px}.activity-template .activity-breadcrumbs{justify-content:flex-start;margin:0 auto 8px;max-width:980px;font-size:.82rem}.activity-template .activity-card{padding:0;overflow:visible;border-radius:20px;background:rgba(255,253,248,.96)}.compact-activity-toolbar{position:sticky;top:var(--dots-toolbar-top);z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(214,168,79,.28);border-radius:20px 20px 0 0;background:rgba(255,250,241,.96);box-shadow:0 10px 28px rgba(74,55,31,.08);backdrop-filter:blur(10px);font-family:Arial,sans-serif}.compact-toolbar-title{display:grid;gap:1px;min-width:190px}.compact-toolbar-title h1{margin:0;color:var(--blue);font-family:Arial,sans-serif;font-size:1.08rem;line-height:1.1;letter-spacing:0}.compact-toolbar-title span{color:var(--muted);font-size:.85rem;font-weight:800}.compact-toolbar-progress{min-width:112px;margin:0;color:var(--sage-dark);font-weight:900;text-align:center;white-space:nowrap}.compact-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.compact-toolbar-actions .button{min-height:38px;margin-top:0;padding:8px 12px;border-radius:9px;font-size:.9rem}.compact-toolbar-actions .button:first-child{background:#f2c45f;color:#27323a}.activity-shell .track{height:6px;margin:0 auto 12px;max-width:760px}.dot-board-wrap{width:min(100%,calc(100vh - 178px),760px)}.activity-shell .challenge,.activity-shell .dot-board-wrap,.activity-shell .dot-tray,.activity-shell .studio-help,.activity-shell .soft-celebration,.activity-shell .takeaway,.activity-shell .message,.activity-shell .dots-controls,.activity-shell .discovery-finish{margin-left:auto;margin-right:auto}.activity-shell .message{margin-top:10px}.activity-shell .soft-celebration{margin-top:10px}.discovery-finish{margin-top:16px}.story-info-panel{padding:42px 16px 54px;background:rgba(223,232,221,.55)}.story-info-panel h2{margin:0;color:var(--blue);font-size:clamp(1.8rem,4vw,2.7rem)}.story-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.story-info-grid article{padding:18px;border:1px solid rgba(214,168,79,.28);border-radius:16px;background:rgba(255,253,248,.78);box-shadow:0 12px 28px rgba(74,55,31,.06);font-family:Arial,sans-serif}.story-info-grid h3{margin:0 0 8px;color:var(--blue);font-size:1rem}.story-info-grid p{margin:0;color:var(--sage-dark)}
body.dots-full-view{overflow:auto}body.dots-full-view #site-header,body.dots-full-view #site-header .site-header,body.dots-full-view .site-header,body.dots-full-view .story-continuation,body.dots-full-view .story-info-panel,body.dots-full-view .site-footer{display:none}body.dots-full-view .main{min-height:100vh;padding:10px 14px 30px}body.dots-full-view .activity-breadcrumbs{display:none}body.dots-full-view .activity-card{border-radius:18px}body.dots-full-view .compact-activity-toolbar{top:0}body.dots-full-view .dot-board-wrap{width:min(100%,calc(100vh - 136px),820px)}
@media(min-width:721px){.topline,.dots-controls{display:none}.activity-template .main{padding-top:12px}.activity-template .activity-card{box-shadow:0 18px 48px rgba(74,55,31,.1)}}
@media(max-width:899px){.dots-activity-template{--dots-toolbar-top:72px}.activity-template .site-nav a:not(.nav-cta){display:none}.activity-template .header-inner{min-height:72px;gap:10px}.activity-template .brand img{height:58px;max-width:190px;object-fit:contain}.activity-template .nav-cta{min-height:42px;padding:10px 13px;border-radius:10px;font-size:.78rem}}
@media(max-width:720px){.activity-template .main{padding:8px 8px 48px}.activity-template .activity-breadcrumbs{justify-content:center;margin-bottom:8px;font-size:.8rem}.compact-activity-toolbar{display:none}.activity-template .activity-card{padding:17px 9px 22px;border-radius:21px}.activity-shell .track{height:8px;margin-bottom:24px}.dot-board-wrap{width:min(100%,760px)}.story-info-panel{padding:34px 14px 44px}.story-info-grid{grid-template-columns:1fr}.story-continuation{padding:36px 14px 46px}.continuation-links{grid-template-columns:1fr}}