/* 1.5.1: stationary botanical canvas; compact, scrolling glass content. */
body:not(.view-game) .paper-bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-size:cover;background-position:center top;background-repeat:no-repeat;transform:none}
body:not(.view-game) .garden-breeze{display:none}
body:not(.view-game) .app-header{position:relative;justify-content:center;min-height:86px;padding:15px 46px}
body:not(.view-game) .wordmark{display:block;text-align:center;margin:0;width:100%;font-size:23px;letter-spacing:3px}
body:not(.view-game) .wordmark>span:last-child{display:block}
body:not(.view-game) .wordmark small{display:block;font-size:7px;letter-spacing:1.1px;line-height:1.6;white-space:normal;margin-top:6px}
body:not(.view-game) .wordmark .brand-seal{position:absolute;left:12px;top:22px;width:31px;height:31px;margin:0}
body:not(.view-game) .app-header>.round{position:absolute;right:12px;top:22px;width:31px;min-width:31px;height:31px}
.greeting{padding-top:8px}.greeting h1{font-size:35px;margin-top:8px}.greeting>p{margin-bottom:15px}
.kpi-grid.kpi-circles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0 20px}
.kpi-circles .kpi{width:100%;height:0;min-height:0;padding:0 0 100%;position:relative;border-radius:50%;text-align:center;border:1px solid rgba(255,255,255,.96);box-shadow:inset 0 1px 8px #fff,0 4px 12px #294b3920;background:linear-gradient(145deg,rgba(255,255,252,.93),rgba(220,237,221,.76))}
.kpi-circles .kpi>.icon{position:absolute;width:15px;height:15px;top:11%;left:calc(50% - 7.5px);color:#6f8864}
.kpi-circles .kpi>strong{position:absolute;top:37%;width:100%;left:0;font:600 17px/1.1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.6px;color:#315f4c;white-space:nowrap}
.kpi-circles .kpi>small{position:absolute;top:68%;width:100%;left:0;font-size:8px;letter-spacing:0;color:#4d6756;white-space:nowrap}
.collection>h1{font-size:36px;line-height:1.1;margin:12px 0}.collection>h1 br{display:none}.collection>h1 em:before{content:' '}
.collection-count{font-size:31px;margin:16px 0}.collection-count span{font-size:10px}
.mastery-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border:0;background:none;box-shadow:none;padding:0;margin:12px 0;overflow:visible}
.mastery-legend .legend-stop{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:0;padding:0 0 100%;border-radius:50%;position:relative;font-size:0;line-height:0;border:1px solid #ffffffb3;box-shadow:inset 0 1px 6px #ffffff99,0 3px 9px #36563b20}
.mastery-legend .legend-stop b{position:absolute;top:27%;left:0;width:100%;text-align:center;font-size:15px;line-height:1.1}
.mastery-legend .legend-stop small{position:absolute;top:57%;left:0;width:100%;text-align:center;font-size:8px;line-height:1.1}
.collection-scale-note{font-size:10px}.collection-tools{justify-content:flex-end;margin:8px 0}.collection .leaderboard{margin-top:18px}
.bottom-nav{position:fixed;bottom:0;z-index:40}
/* Seven destinations, two rows; films fill the remaining two columns. */
.view-dashboard .method-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.view-dashboard .method-chip{min-height:58px;padding:6px 3px;text-decoration:none;touch-action:manipulation}
.view-dashboard .method-chip span{font-size:10px;line-height:1.2;hyphens:none;overflow-wrap:normal}
.view-dashboard .method-chip.method-films{grid-column:span 2;background:linear-gradient(135deg,#285e70,#163c5e);color:#fff;border-color:#b2edf4}
.view-dashboard .method-chip:focus-visible{outline:3px solid white;outline-offset:2px}
@media(min-width:390px){.view-dashboard .method-chip span{font-size:11px}}
@media(max-width:350px){.kpi-grid.kpi-circles{gap:5px}.kpi-circles .kpi>strong{font-size:15px}.kpi-circles .kpi>small{font-size:7px}.mastery-legend{gap:6px}.mastery-legend .legend-stop small{font-size:7px}body:not(.view-game) .wordmark{font-size:20px}}

/* 1.13.7: stronger coloured edge light and clearer glass based on reference. */
.view-dashboard .learning-garden .garden-progress,
.view-dashboard .learning-garden .method-strip .method-chip{--glass-a:35,240,255;--glass-b:176,107,255;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,rgba(var(--glass-a),.66),rgba(var(--glass-a),0) 54%),radial-gradient(ellipse at 100% 100%,rgba(var(--glass-b),.62),rgba(var(--glass-b),0) 58%),linear-gradient(135deg,rgba(5,54,82,.42),rgba(16,34,75,.49))!important;border:1px solid rgba(230,255,255,.94)!important;color:#f7ffff!important;box-shadow:inset 0 1px 2px #fff,inset 3px 1px 9px rgba(var(--glass-a),.95),inset -3px -1px 10px rgba(var(--glass-b),.93),-1px 0 5px rgba(var(--glass-a),.8),1px 1px 8px rgba(var(--glass-b),.68),0 4px 10px rgba(0,26,49,.16)!important;-webkit-backdrop-filter:blur(1px) saturate(1.35);backdrop-filter:blur(1px) saturate(1.35);text-shadow:0 1px 3px rgba(0,20,43,.85)}
.view-dashboard .learning-garden .garden-progress:before,
.view-dashboard .learning-garden .method-strip .method-chip:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(157deg,rgba(255,255,255,.28),rgba(255,255,255,.015) 29%,transparent 29.5%,transparent 73%,rgba(218,242,255,.055) 73.5%,transparent);opacity:.85}
.view-dashboard .learning-garden .garden-progress:after,
.view-dashboard .learning-garden .method-strip .method-chip:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;border:0;box-shadow:none;background:radial-gradient(ellipse 29px 4px at 27% 0%,#fff,transparent),radial-gradient(ellipse 3px 14px at 27% 0%,rgba(255,255,255,.8),transparent),radial-gradient(ellipse 25px 5px at 82% 100%,#fff,rgba(var(--glass-b),.95) 24%,transparent),radial-gradient(ellipse 4px 17px at 100% 75%,rgba(255,255,255,.86),transparent)}
.view-dashboard .learning-garden .method-strip .method-discover{--glass-a:35,240,255;--glass-b:75,153,255}
.view-dashboard .learning-garden .method-strip .method-place{--glass-a:35,240,255;--glass-b:176,107,255}
.view-dashboard .learning-garden .method-strip .method-choice{--glass-a:176,107,255;--glass-b:255,95,181}
.view-dashboard .learning-garden .method-strip .method-match{--glass-a:255,95,181;--glass-b:176,107,255}
.view-dashboard .learning-garden .method-strip .method-fall{--glass-a:75,153,255;--glass-b:35,240,255}
.view-dashboard .learning-garden .method-strip .method-ai{--glass-a:35,240,255;--glass-b:255,95,181}
.view-dashboard .learning-garden .method-strip .method-films{--glass-a:75,153,255;--glass-b:255,95,181}
.view-dashboard .learning-garden .garden-progress .glass-panel-label,
.view-dashboard .learning-garden .garden-progress .garden-score small{color:#f3ffff}
.view-dashboard .learning-garden .garden-progress:active,
.view-dashboard .learning-garden .method-strip .method-chip:active{border-color:#fff!important;box-shadow:inset 0 0 8px rgba(var(--glass-a),.65),0 0 5px rgba(var(--glass-b),.7)!important}
.view-dashboard .learning-garden .garden-progress:focus-visible,
.view-dashboard .learning-garden .method-strip .method-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}