:root{--ink:#243d45;--muted:#677772;--paper:#fffaf0;--line:#e3e5d8;--green:#2d6556;--coral:#f2b19e;--gold:#efcf79;--lavender:#c9bde5;--mint:#a9d3be;--sky:#b9d7e3;--shadow:0 5px 0 rgba(42,65,56,.05)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;font-size:15px;line-height:1.5}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #416a98;outline-offset:4px}button{color:inherit}button:hover:not(:disabled){filter:brightness(.97)}.topbar{padding:20px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffcf6}.brand{color:var(--ink);text-decoration:none;font-weight:800;font-size:21px;display:flex;align-items:center;gap:12px;letter-spacing:-.6px}.brand-mark{display:grid;width:34px;height:34px;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-mark i{border-radius:10px 10px 3px 10px;background:var(--coral)}.brand-mark i:nth-child(2){background:var(--gold);transform:rotate(90deg)}.brand-mark i:nth-child(3){background:var(--lavender);transform:rotate(-90deg)}.brand-mark i:nth-child(4){background:var(--mint);transform:rotate(180deg)}.top-actions{display:flex;gap:15px;align-items:center}.language{background:#f0f1e7;padding:4px;border-radius:30px;display:flex;gap:2px}.language button{border:0;border-radius:20px;font-weight:800;font-size:12px;padding:7px 12px;background:transparent}.language button[aria-pressed=true]{background:var(--ink);color:white}.icon-btn{background:transparent;border:0;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:8px}.icon-btn>span:first-child{font-size:23px;line-height:1}main{max-width:1400px;margin:auto;padding:30px 4.5% 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:25px}.eyebrow,.small-label{font-size:10px;letter-spacing:1.65px;font-weight:800;color:var(--green)}h1{font-size:clamp(29px,3.1vw,43px);margin:5px 0 1px;line-height:1.2;letter-spacing:-1.6px}p{margin:0}.intro p{font-size:14px;color:var(--muted);margin-top:7px}.lesson-pill{display:flex;gap:12px;align-items:center;padding:12px 18px;background:#f0f1e6;border:1px solid #e4e7d7;border-radius:17px;white-space:nowrap}.lesson-pill strong{font-size:13px;display:block}.lesson-pill span:not(.mini-flower):not(.tiny-clock){font-size:11px;color:var(--muted);display:block}.tiny-clock{font-size:29px}.mini-flower{color:#b7a1d6;font-size:37px;line-height:1;margin-left:5px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;min-height:22px}.direction{font-size:11px;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:7px;aspect-ratio:1.16;background:#eef0e2;padding:10px;border:1px solid #e0e4d3;border-radius:25px;box-shadow:var(--shadow);position:relative}.space{border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#f7f8ee;min-width:0;padding:4px 2px;isolation:isolate;box-shadow:inset 0 -3px 0 #00000007;border:1px solid #ffffff70}.space .space-num{position:absolute;top:4px;left:6px;font-size:8px;font-weight:800;opacity:.55}.space .symbol{width:29px;height:29px;margin-bottom:1px}.space .space-label{font-size:9px;line-height:1.1;font-weight:800;text-align:center;max-width:100%;overflow-wrap:anywhere}.space.belonging{background:var(--coral)}.space.mastery{background:var(--gold)}.space.independence{background:var(--lavender)}.space.generosity{background:var(--mint)}.space.surprise{background:#e6d6ec}.space.pause{background:var(--sky)}.space.start{background:var(--ink);color:white}.space.active-space{outline:3px solid var(--ink);outline-offset:1px;z-index:2;transform:translateY(-1px)}.board-centre{grid-column:2/7;grid-row:2/7;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:8px;text-align:center;border-radius:20px;background:radial-gradient(ellipse at center,#fffcf5 15%,#f8f7eb 75%);overflow:hidden}.board-centre:before,.board-centre:after{content:'✧';position:absolute;left:9%;top:10%;font-size:28px;color:#c8bd98;transform:rotate(-12deg)}.board-centre:after{content:'✳';left:auto;top:auto;right:9%;bottom:12%;color:#a7bb9d;font-size:30px}.centre-eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#7e8570}.courage-wheel{width:60%;max-width:235px;aspect-ratio:1;margin:10px 0 9px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-6deg)}.petal{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:inset 0 -5px 0 #00000007;border-radius:75% 30% 12% 30%;background:var(--coral);padding:13px 0}.petal:nth-child(2){background:var(--gold);border-radius:30% 75% 30% 12%}.petal:nth-child(3){background:var(--lavender);border-radius:30% 12% 30% 75%}.petal:nth-child(4){background:var(--mint);border-radius:12% 30% 75% 30%}.petal .symbol{width:36px;height:36px}.petal span{font-size:9px;font-weight:800}.petal>*{transform:rotate(6deg)}.wheel-heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(6deg);background:#fffdf5;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:22px;box-shadow:0 2px 5px #0000000c}.centre-title{font-size:clamp(18px,2.1vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.7px}.centre-caption{font-size:11px;color:var(--muted);max-width:210px;margin-top:7px}.legend{display:flex;flex-wrap:wrap;gap:6px 15px;padding:14px 2px 5px;font-size:10px;font-weight:700}.legend-item{display:flex;gap:5px;align-items:center}.legend-dot{width:9px;height:9px;border-radius:3px;display:inline-block}.legend .symbol{width:14px;height:14px}.tokens{position:absolute;bottom:-4px;left:0;right:0;display:flex;justify-content:center;gap:1px;z-index:3;flex-wrap:wrap}.token{width:19px;height:19px;background:var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fffdf5;border-radius:50%;font-size:9px;font-weight:800;box-shadow:0 1px 3px #0003}.token.t1{background:#a94b39}.token.t2{background:#7056a1}.token.t3{background:#2b705b}.token.t4{background:#8c651e}.token.moving{animation:bounce .4s infinite alternate}.symbol{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.side-card{border:1px solid #dfe3d4;background:#fffef9;border-radius:23px;box-shadow:var(--shadow);overflow:hidden}.panel-inner{padding:24px}.panel-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:7px;margin-bottom:9px}.green-dot,.private-dot{height:6px;width:6px;border-radius:50%;background:#76a28a;display:inline-block}.side-card h2{font-size:26px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px}.panel-description{font-size:12px;color:var(--muted);line-height:1.6}.form-field{display:block;margin-top:20px}.form-field>span{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.form-field select{width:100%;padding:11px 34px 11px 11px;border:1px solid #dce0d4;border-radius:10px;color:var(--ink);background:#fafbf3;font-size:12px;min-height:44px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn{border:0;background:var(--green);color:#fff;border-radius:11px;font-weight:800;font-size:13px;padding:13px 16px;width:100%;min-height:46px;box-shadow:0 3px 0 #173f33;display:flex;align-items:center;justify-content:center;gap:10px}.start-btn{margin-top:23px}.helper-line{margin-top:12px;display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--muted);line-height:1.6}.panel-foot{padding:13px 22px;background:#f4f5e9;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.4}.panel-foot>span:first-child{font-size:24px}.panel-foot strong{display:block;font-size:10px}.team-tray{display:grid;grid-template-columns:repeat(var(--teams,3),1fr);gap:8px;margin-top:13px}.team-card{background:#fffdf7;border:1px solid #e1e3d6;border-radius:11px;padding:10px;font-size:11px;display:flex;gap:7px;align-items:center}.team-card.active{border-color:#7c9d8e;background:#eef3e8}.team-card .token{flex-shrink:0;width:24px;height:24px;font-size:11px;border:0}.team-card strong{display:block;font-size:11px}.team-card small{color:var(--muted);font-size:9px}.timer-strip{background:#f2f3e8;border-bottom:1px solid var(--line);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:7px}.timer-strip span{font-size:10px}.timer-strip strong{font-size:17px;font-variant-numeric:tabular-nums;margin-left:5px}.mini-btn{font-size:10px;font-weight:800;background:white;border:1px solid #dce1d1;border-radius:7px;padding:5px 8px}.round-pill{font-size:10px;background:#f0f2e5;padding:4px 8px;border-radius:20px}.turn-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.turn-name{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13px}.turn-name .token{width:25px;height:25px;border:0;font-size:12px}.dice-area{text-align:center;margin:22px 0 20px}.die{display:inline-grid;width:81px;height:81px;border:2px solid #cad1c0;border-radius:19px;background:#fff;box-shadow:4px 5px 0 #e7eadc;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:15px;gap:5px;transform:rotate(-7deg)}.pip{background:var(--ink);border-radius:50%;width:10px;height:10px;align-self:center;justify-self:center}.pip.blank{background:transparent}.die.rolling{animation:shake .18s infinite}.dice-caption{font-size:11px;color:var(--muted);margin-top:13px}.turn-note{font-size:11px;text-align:center;color:var(--muted);margin-top:12px}.secondary-btn{border:1px solid #d4dccc;background:#f8f9f1;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:800;min-height:42px}.plain-btn{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:9px}.end-row{text-align:center;margin-top:13px}.challenge-header{padding:15px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #0000000b}.challenge-header .symbol{width:32px;height:32px}.challenge-header strong{font-size:15px;display:block}.challenge-header span{font-size:10px}.challenge-prompt{font-size:19px;font-weight:700;line-height:1.42;letter-spacing:-.3px;margin-bottom:18px}.challenge-label{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.challenge-timer{background:#f3f4e9;border:1px solid #e0e4d5;border-radius:12px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.challenge-timer strong{font-size:22px;font-variant-numeric:tabular-nums}.challenge-timer button{font-size:10px}.challenge-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.challenge-options button{font-size:10px;padding:9px 5px}.challenge-safe{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.55}.timer-over{font-size:11px;color:#865320;margin:-6px 0 12px}.paused-banner{background:#fff0c7;padding:9px;font-size:11px;text-align:center;border-bottom:1px solid #ead7a4}.session-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.stat-box{background:#f0f3e6;border-radius:12px;padding:12px;text-align:center}.stat-box strong{font-size:26px;display:block;line-height:1.2}.stat-box span{font-size:10px}.reflection-question{font-size:13px;line-height:1.5;padding:12px 0;border-bottom:1px dashed #dce1cd}.reflection-question strong{font-size:10px;color:var(--green);display:block;margin-bottom:2px}.reflection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:85%;max-width:285px;margin:17px 0}.reflection-count{border-radius:12px;padding:10px 4px;font-size:10px;font-weight:800}.reflection-count strong{font-size:22px;display:block}.reflection-count .symbol{width:23px;height:23px}.summary-star{font-size:40px;color:#bba457;margin-bottom:9px}.bottom-note{display:flex;align-items:center;gap:8px;justify-content:center;margin:22px 0 20px;font-size:11px;color:var(--muted);text-align:center}.bottom-note>span:first-child{color:#b87969;font-size:20px}.bottom-note button{margin-left:auto;border:0;background:transparent;font-size:11px;text-decoration:underline}footer{max-width:1400px;margin:0 auto;padding:16px 4.5% 22px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#7b867b;font-size:9px}footer>span:last-child{display:flex;align-items:center;gap:5px}dialog{border:1px solid #dce2d2;background:#fffdf4;color:var(--ink);border-radius:24px;padding:0;width:min(650px,94vw);max-height:88dvh;box-shadow:0 30px 90px #173f3350}dialog::backdrop{background:#1f383d80;backdrop-filter:blur(4px)}.dialog-inner{padding:28px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top h2{font-size:26px;margin:0}.close-btn{border:1px solid var(--line);background:white;border-radius:50%;width:34px;height:34px;font-size:22px;flex-shrink:0}.guide-intro{margin:11px 0 22px;font-size:13px;color:var(--muted)}.agenda{display:grid;grid-template-columns:65px 1fr;gap:14px 16px;margin:20px 0}.agenda>strong{font-size:12px;color:var(--green);background:#edf0e1;padding:6px;border-radius:7px;text-align:center;align-self:start}.agenda h3{font-size:13px;margin:0 0 3px}.agenda p{font-size:12px;color:var(--muted)}.guide-values{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.guide-value{border-radius:12px;padding:12px;font-size:11px}.guide-value strong{display:flex;gap:6px;align-items:center;font-size:12px;margin-bottom:5px}.guide-value .symbol{width:20px;height:20px}.guide-box{background:#f0f3e7;padding:14px;border-radius:12px;margin:15px 0;font-size:12px}.guide-source{font-size:10px;color:var(--muted);margin-top:19px}.guide-source a{color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes shake{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}100%{transform:rotate(-12deg)}}@keyframes bounce{to{transform:translateY(-6px)}}
@media(min-width:1500px){main{padding-top:40px}.board{max-height:670px}.game-layout{grid-template-columns:minmax(0,1fr) 360px}.side-card h2{font-size:30px}.panel-inner{padding:27px}.challenge-prompt{font-size:22px}}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 295px;gap:20px}.board{gap:5px;padding:8px;aspect-ratio:1}.space .symbol{width:25px;height:25px}.space .space-label{font-size:8px}.courage-wheel{width:69%}.petal .symbol{width:29px;height:29px}.petal span{font-size:8px}.centre-caption{font-size:10px;max-width:160px}.panel-inner{padding:20px}.side-card h2{font-size:24px}.intro{gap:15px}.lesson-pill{padding:10px 12px}.mini-flower{display:none}.legend{font-size:9px;gap:6px 10px}.space .space-num{font-size:7px}.challenge-prompt{font-size:18px}.centre-title{font-size:22px}}
@media(max-width:800px){.topbar{padding:16px 4%}.brand{font-size:18px}.top-actions{gap:6px}#guideBtn span:last-child{display:none}main{padding:23px 4% 0}.intro{margin-bottom:21px}.intro h1{font-size:32px}.lesson-pill{display:none}.game-layout{grid-template-columns:1fr;gap:22px}.board{aspect-ratio:1.13}.board-column{order:0}#sidePanel{order:1}.side-card{max-width:100%}.panel-inner{padding:23px}.form-row{grid-template-columns:1fr 1fr}.space .symbol{width:30px;height:30px}.space .space-label{font-size:9px}.courage-wheel{width:55%;max-width:220px}.centre-title{font-size:28px}.petal .symbol{width:35px;height:35px}.petal span{font-size:9px}.centre-caption{max-width:220px;font-size:11px}.dice-area{margin:15px 0}.challenge-prompt{font-size:22px}.team-tray{margin-top:12px}.bottom-note{flex-wrap:wrap}.bottom-note button{margin-left:0}footer{padding-left:4%;padding-right:4%}.direction{font-size:10px}}
@media(max-width:420px){.brand{font-size:16px;gap:8px}.brand-mark{width:27px;height:27px}.topbar{padding:12px 4%}.language button{padding:6px 9px}.top-actions{gap:3px}.icon-btn{padding:5px}.intro h1{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1.3px}.board{gap:4px;padding:6px;border-radius:17px;aspect-ratio:1}.space{border-radius:9px}.space .symbol{width:23px;height:23px}.space .space-label{font-size:7px}.space .space-num{font-size:6px;top:2px;left:4px}.centre-title{font-size:23px}.courage-wheel{width:67%;gap:5px;margin:7px 0}.petal{padding:10px 0}.petal .symbol{width:25px;height:25px}.petal span{font-size:7px}.centre-eyebrow{font-size:7px}.centre-caption{font-size:9px;max-width:165px}.wheel-heart{width:29px;height:29px;font-size:18px}.token{width:16px;height:16px;font-size:7px}.board-top .small-label{font-size:8px}.direction{font-size:8px}.team-card{padding:7px 4px;gap:4px}.team-card strong{font-size:9px}.team-card .token{width:19px;height:19px;font-size:9px}.team-card small{font-size:8px}.legend{font-size:8px;gap:5px 9px}.guide-values{grid-template-columns:1fr}.dialog-inner{padding:22px}.reflection-grid{gap:6px;margin:9px 0}.reflection-count{padding:5px;font-size:8px}.reflection-count strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.staff-edition{--green:#4c507e;--paper:#f7f5fd}.staff-edition .intro h1{max-width:720px;font-size:clamp(28px,3.1vw,43px)}.staff-edition .side-card{border-color:#d9d4e8}.staff-edition .panel-foot{background:#eeebf6}.edition-tag{display:inline-block;border-radius:8px;background:#eae6f5;padding:7px 10px;font-size:11px;font-weight:800;margin-bottom:10px}.staff-choice{display:block;margin:5px 0 18px}.cue-setting{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #d8d2e7;border-radius:12px;font-size:12px;margin:20px 0}.cue-setting input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}.cue-setting small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.tool-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.tool-steps>div{background:#f1f3e9;padding:12px;border-radius:10px;font-size:12px}.tool-steps p,.tool-questions p{font-size:12px;margin:7px 0 0}.tool-questions>div{border-left:5px solid;border-radius:8px;background:#f5f3ec;padding:12px;margin:10px 0}.tool-questions strong{display:flex;align-items:center;gap:7px;font-size:13px}.tool-questions svg{width:22px;height:22px}.tool-response{border:1px solid var(--line);border-radius:9px;margin:8px 0;padding:12px;font-size:12px}.tool-response summary{cursor:pointer;font-weight:800}.tool-response p{margin:10px 0 0;color:var(--muted)}.coach-cue{padding:12px;background:#f0edf8;border-left:4px solid #a69ac8;border-radius:9px;margin:0 0 17px;font-size:12px}.coach-cue strong{font-size:9px;letter-spacing:1px}.coach-cue p{margin:7px 0 0}.dialog-inner h3{font-size:15px}#toolsDialog{width:min(740px,94vw)}
@media(max-width:800px){#toolsBtn span:last-child{display:none}#toolsBtn{min-width:36px}.tool-steps{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:12px}}
@media(min-width:801px) and (max-height:850px){.topbar{padding-top:14px;padding-bottom:14px}main{padding-top:20px}.intro{margin-bottom:18px}.intro h1{font-size:34px}.board{max-height:calc(100dvh - 265px);min-height:360px}.courage-wheel{width:46%;max-width:180px;margin:6px 0}.petal{padding:7px 0}.petal .symbol{width:27px;height:27px}.petal span{font-size:8px}.centre-title{font-size:23px}.centre-caption{font-size:10px}.centre-eyebrow{font-size:8px}.panel-inner{padding:20px}.side-card h2{font-size:24px}.form-field{margin-top:14px}.start-btn{margin-top:18px}.dice-area{margin:16px 0}.bottom-note{margin:15px 0}.legend{padding-top:10px}.team-tray{margin-top:9px}}