:root{--color-primary:#4f8a3d;--color-primary-light:#7cb85f;--color-primary-dark:#356128;--color-secondary:#f2a93b;--color-secondary-light:#f8c66e;--color-secondary-dark:#d08713;--color-accent:#c84b6a;--color-accent-light:#e07e96;--color-accent-dark:#9e2f4b;--color-sky:#5ea9c4;--color-sky-light:#9bd0e0;--color-sky-dark:#3c7e96;--color-background:#fbf3e2;--color-surface:#fffdf7;--color-surface-soft:#f3e7cf;--color-text:#3a2e26;--color-text-light:#6b5b4d;--color-text-muted:#988572;--color-border:#e6d6bc;--color-border-light:#f0e6d2;--color-success:#4f8a3d;--color-warning:#f2a93b;--color-error:#d6603e;--color-info:#5ea9c4;--paper-ink-rgb:58,46,38;--font-heading:"Fraunces",Georgia,"Times New Roman",serif;--font-body:"Mulish",system-ui,-apple-system,"Segoe UI",sans-serif;--fraunces-soft:0;--fraunces-wonk:1;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-xs:0 1px 0 rgba(var(--paper-ink-rgb),0.05),0 2px 4px rgba(var(--paper-ink-rgb),0.06);--shadow-sm:0 2px 0 rgba(var(--paper-ink-rgb),0.06),0 4px 8px rgba(var(--paper-ink-rgb),0.08);--shadow-md:0 2px 0 rgba(var(--paper-ink-rgb),0.07),0 8px 16px rgba(var(--paper-ink-rgb),0.12);--shadow-lg:0 3px 0 rgba(var(--paper-ink-rgb),0.07),0 12px 22px rgba(var(--paper-ink-rgb),0.14);--shadow-xl:0 4px 0 rgba(var(--paper-ink-rgb),0.08),0 18px 30px rgba(var(--paper-ink-rgb),0.16);--shadow-2xl:0 5px 0 rgba(var(--paper-ink-rgb),0.09),0 26px 44px rgba(var(--paper-ink-rgb),0.20);--shadow-hover:0 4px 0 rgba(var(--paper-ink-rgb),0.08),0 16px 28px #35612838;--shadow-hover-secondary:0 4px 0 rgba(var(--paper-ink-rgb),0.08),0 16px 28px #d0871338;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--radius-blob:42% 58% 63% 37%/55% 48% 52% 45%;--radius-blob-alt:60% 40% 38% 62%/45% 55% 50% 50%;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-transform:transform 0.3s ease;--transition-shadow:box-shadow 0.3s ease;--transition-colors:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;--transition-all:all 0.3s ease;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-tooltip:50;--texture-paper:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbf3e2;background-color:var(--color-background);color:#3a2e26;color:var(--color-text);font-family:Mulish,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0;padding:0}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-image:var(--texture-paper);background-size:180px 180px;content:"";inset:0;mix-blend-mode:multiply;opacity:.05;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}.paper-edge{border-radius:42% 58% 63% 37%/55% 48% 52% 45%;border-radius:var(--radius-blob)}.card,.paper-edge{border:1px solid #e6d6bc;border:1px solid var(--color-border);box-shadow:0 2px 0 #3a2e2612,0 8px 16px #3a2e261f;box-shadow:var(--shadow-md)}.card{background-color:#fffdf7;background-color:var(--color-surface);border-radius:1rem;border-radius:var(--radius-lg);padding:1.25rem;padding:var(--space-5);transition:transform .3s ease,box-shadow .3s ease;transition:var(--transition-transform),var(--transition-shadow)}.card:hover{box-shadow:0 4px 0 #3a2e2614,0 16px 28px #35612838;box-shadow:var(--shadow-hover);transform:translateY(-4px) rotate(-.4deg)}.card-soft{background-color:#f3e7cf;background-color:var(--color-surface-soft);border:1px solid #f0e6d2;border:1px solid var(--color-border-light)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}.heading-primary{font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-heading);font-optical-sizing:auto;font-size:3rem;font-size:var(--font-size-5xl);font-variation-settings:"SOFT" 0,"WONK" 1;font-variation-settings:"SOFT" var(--fraunces-soft),"WONK" var(--fraunces-wonk);font-weight:900;letter-spacing:-.01em}.heading-primary,.heading-secondary{color:#356128;color:var(--color-primary-dark);line-height:1.25;line-height:var(--line-height-tight);margin:0}.heading-secondary{font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-heading);font-size:2rem;font-size:var(--font-size-3xl);font-variation-settings:"SOFT" 0,"WONK" 1;font-variation-settings:"SOFT" var(--fraunces-soft),"WONK" var(--fraunces-wonk);font-weight:700}.heading-tertiary{color:#3a2e26;color:var(--color-text);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.btn,.heading-tertiary{font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-heading)}.btn{align-items:center;border:1px solid #3a2e261f;border:1px solid rgba(var(--paper-ink-rgb),.12);border-radius:42% 58% 63% 37%/55% 48% 52% 45%;border-radius:var(--radius-blob);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.01em;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transform:rotate(-.6deg);transition:all .3s ease;transition:var(--transition-all)}.btn-primary{background-color:#4f8a3d;background-color:var(--color-primary);box-shadow:0 2px 0 #3a2e260f,0 4px 8px #3a2e2614;box-shadow:var(--shadow-sm);color:#fffdf7}.btn-primary:hover{background-color:#356128;background-color:var(--color-primary-dark);box-shadow:0 4px 0 #3a2e2614,0 16px 28px #35612838;box-shadow:var(--shadow-hover);transform:translateY(-2px) rotate(0deg)}.btn-primary:active{box-shadow:0 1px 0 #3a2e260d,0 2px 4px #3a2e260f;box-shadow:var(--shadow-xs);transform:translateY(0) rotate(-.6deg)}.btn-secondary{background-color:#f2a93b;background-color:var(--color-secondary);box-shadow:0 2px 0 #3a2e260f,0 4px 8px #3a2e2614;box-shadow:var(--shadow-sm);color:#3a2e26;color:var(--color-text)}.btn-secondary:hover{background-color:#d08713;background-color:var(--color-secondary-dark);box-shadow:0 4px 0 #3a2e2614,0 16px 28px #d0871338;box-shadow:var(--shadow-hover-secondary);color:#fffdf7;transform:translateY(-2px) rotate(0deg)}.btn-secondary:active{box-shadow:0 1px 0 #3a2e260d,0 2px 4px #3a2e260f;box-shadow:var(--shadow-xs);transform:translateY(0) rotate(-.6deg)}.img-card,.img-rounded{border-radius:.75rem;border-radius:var(--radius-md)}.img-card{border:2px solid #e6d6bc;border:2px solid var(--color-border);box-shadow:0 2px 0 #3a2e260f,0 4px 8px #3a2e2614;box-shadow:var(--shadow-sm);object-fit:cover}.text-center{text-align:center}.text-muted{color:#988572;color:var(--color-text-muted)}.game-over-screen{animation:scaleIn .5s ease-out;background:#fffdf7;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-image:var(--texture-paper);background-size:180px 180px;border:1px solid #e6d6bc;border:1px solid var(--color-border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 5px 0 #3a2e2617,0 26px 44px #3a2e2633;box-shadow:var(--shadow-2xl);margin:2rem auto;margin:var(--space-8) auto;max-width:600px;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center}.game-over-screen:before{background:#f2a93b;background:var(--color-secondary);content:"";height:.75rem;height:var(--space-3);left:0;pointer-events:none;position:absolute;right:0;top:0}.game-over-screen h2{animation:slideInDown .6s ease-out .2s both;color:#356128;color:var(--color-primary-dark);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-heading);font-size:2.5rem;font-size:var(--font-size-4xl);font-variation-settings:"SOFT" 0,"WONK" 1;font-variation-settings:"SOFT" var(--fraunces-soft),"WONK" var(--fraunces-wonk);font-weight:900;margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative;text-shadow:none;z-index:1}.game-over-stats{animation:fadeIn .6s ease-out .4s both;background:#f3e7cf;background:var(--color-surface-soft);border:1px solid #e6d6bc;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 0 #3a2e260d,0 2px 4px #3a2e260f;box-shadow:var(--shadow-xs);margin:1.25rem 0;margin:var(--space-5) 0;padding:1.25rem;padding:var(--space-5);position:relative;z-index:1}.game-over-stats p{color:#3a2e26;color:var(--color-text);font-family:Mulish,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);margin:.75rem 0;margin:var(--space-3) 0}.game-over-screen .btn-primary{animation:slideInUp .6s ease-out .6s both;position:relative;z-index:1}.fireworks-container{height:150px;left:0;pointer-events:none;position:absolute;top:0;transform:translateY(-50%);width:100%;z-index:40;z-index:var(--z-modal)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-5{margin-top:1.25rem;margin-top:var(--space-5)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-delay-2{animation-delay:.2s}.lottie-container{height:100%;pointer-events:none;position:relative;width:100%}.blowing-petals-container{height:100%;left:0;opacity:.9;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--z-base)}.trailhead{background-color:var(--color-background);min-height:100vh;overflow-x:clip;width:100%}.trail-hero,.trailhead{display:flex;flex-direction:column;position:relative}.trail-hero{align-items:center;background:radial-gradient(58% 48% at 80% 12%,#f2a93b47,#0000 62%),linear-gradient(180deg,var(--color-surface-soft) 0,var(--color-background) 70%);justify-content:center;min-height:clamp(380px,50vh,560px);overflow:hidden;padding:var(--space-8) var(--space-6) clamp(120px,22vh,220px);text-align:center;z-index:1}.trail-hero__petals{inset:0;pointer-events:none;position:absolute;z-index:2}.trail-hero__inner{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:700px;position:relative;z-index:3}.trail-hero__bunting{margin-bottom:var(--space-3);width:clamp(220px,60%,420px)}.trail-hero__badge{box-shadow:var(--shadow-sm);transform:rotate(3deg)}.trail-hero__wordmark{color:var(--color-primary-dark);font-size:clamp(2.5rem,6vw,4rem);line-height:1.05;margin:var(--space-4) 0 0}.trail-hero__subtitle{color:var(--color-text-light);font-family:var(--font-body);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:500;margin:var(--space-3) 0 0}.trail-hero__scene{inset:0;margin:0 auto;max-width:1280px;pointer-events:none;position:absolute;z-index:2}.decor{bottom:0;position:absolute}.decor--sun{bottom:auto;height:150px;right:3%;top:-6%;transform:rotate(-6deg);width:150px}.decor--bird-1{bottom:auto;left:16%;top:14%;transform:rotate(-10deg);width:46px}.decor--bird-2{bottom:auto;left:27%;top:24%;transform:rotate(-4deg);width:38px}.decor--bird-3{bottom:auto;left:38%;top:11%;transform:rotate(6deg);width:56px}.decor--bird-4{bottom:auto;left:60%;top:20%;transform:rotate(-2deg);width:46px}.decor--tree{bottom:28px;filter:drop-shadow(0 6px 6px rgba(var(--paper-ink-rgb),.18));left:4%;transform:rotate(-1deg);width:110px}.decor--signpost{bottom:24px;filter:drop-shadow(0 5px 5px rgba(var(--paper-ink-rgb),.16));left:23%;transform:rotate(2deg);width:80px}.decor--shrub-left{bottom:18px;left:0;transform:rotate(2deg);width:120px}.decor--fox{bottom:18px;left:40%;transform:rotate(-2deg);width:150px}.decor--ferns{bottom:24px;filter:drop-shadow(0 6px 6px rgba(var(--paper-ink-rgb),.18));left:56%;transform:rotate(2deg);width:90px}.decor--mushrooms{bottom:14px;right:24%;transform:rotate(4deg);width:120px}.decor--flowers{bottom:20px;right:3%;transform:rotate(-3deg);width:195px}.decor--shrub-right{bottom:12px;right:0;transform:rotate(-5deg);width:115px}.hero-bird{fill:var(--color-text);display:block;height:auto;opacity:.82;width:100%}.hero-tree{aspect-ratio:182.58/320.79;background:url(/static/media/cartoon-tree-01.e4e74f26f76a7ba84b23.svg) 50%/contain no-repeat;width:100%}.hero-shrub{aspect-ratio:190/140;background:bottom/contain no-repeat;filter:drop-shadow(0 5px 5px rgba(var(--paper-ink-rgb),.16));width:100%}.hero-shrub--v1{background-image:url(/static/media/cartoon-shrub-01.b6a6e85d3ef1811aaf3c.svg)}.hero-shrub--v2{background-image:url(/static/media/cartoon-shrub-02.c273c0cc342a12b0d6b6.svg)}.hero-shrub--v3{background-image:url(/static/media/cartoon-shrub-03.a0f1169839438192ea35.svg)}.hero-shrub--v4{background-image:url(/static/media/cartoon-shrub-04.543b2dfa3017771e3a59.svg)}.hero-shrub--v5{background-image:url(/static/media/cartoon-shrub-05.77588bd1ec67f11d60e7.svg)}.hero-sign{aspect-ratio:96/140;background:bottom/contain no-repeat;background-image:url(/static/media/wooden-sign-01.fd29821de3abd2c31618.svg);width:100%}.trail-hero .paper-band{bottom:0;filter:drop-shadow(0 -3px 4px rgba(var(--paper-ink-rgb),.16));left:-1%;position:absolute;right:-1%;z-index:1}.paper-band--hills-far{background:#aecbb2;clip-path:polygon(0 18%,9% 10%,19% 16%,30% 8%,41% 15%,52% 7%,63% 14%,74% 8%,85% 15%,94% 9%,100% 14%,100% 100%,0 100%);height:50%}.paper-band--hills{background:var(--color-primary-light);clip-path:polygon(0 22%,8% 12%,17% 20%,27% 10%,38% 18%,50% 9%,61% 17%,72% 10%,83% 19%,92% 11%,100% 17%,100% 100%,0 100%);height:34%}.paper-band--meadow{background:var(--color-primary);clip-path:polygon(0 40%,10% 22%,21% 36%,33% 20%,45% 34%,57% 19%,68% 33%,79% 21%,90% 34%,100% 24%,100% 100%,0 100%);height:17%}.trail-catalogue{background-color:var(--color-background);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -14px 44px rgba(var(--paper-ink-rgb),.1);margin-top:calc(clamp(24px, 5vh, 56px)*-1);min-width:0;padding:clamp(2rem,6vh,3rem) var(--space-6) var(--space-8);position:relative;z-index:2}.trail-catalogue__banner{margin-bottom:var(--space-5);transform:rotate(-.6deg)}@media (min-width:1200px){.decor--sun{height:300px;right:5%;top:-32px;width:300px}.decor--tree{bottom:40px;width:150px}}@media (max-width:860px){.trail-hero{min-height:clamp(300px,42vh,420px);padding:var(--space-6) var(--space-4) clamp(96px,18vh,150px)}.trail-hero__wordmark{font-size:clamp(2.25rem,9vw,3rem)}.trail-hero__badge{height:72px;width:72px}.decor--bird-1,.decor--bird-2,.decor--bird-3,.decor--bird-4,.decor--ferns,.decor--mushrooms,.decor--shrub-left,.decor--shrub-right,.decor--signpost{display:none}.decor--sun{height:110px;right:3%;top:5%;width:110px}.decor--tree{bottom:16px;left:2%;width:84px}.decor--fox{bottom:16px;left:34%;width:108px}.decor--flowers{bottom:14px;right:2%;width:132px}.trail-catalogue{padding-left:var(--space-4);padding-right:var(--space-4)}}.garden-beds{display:flex;flex-direction:column;gap:var(--space-8)}.garden-bed{position:relative}.garden-bed__header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-blob);box-shadow:var(--shadow-sm);display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-2);transform:rotate(-1deg)}.garden-bed__thumb{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-blob-alt);box-shadow:var(--shadow-xs);flex-shrink:0;padding:var(--space-1);transform:rotate(-3deg)}.garden-bed__image{border-radius:var(--radius-blob);display:block;height:56px;object-fit:cover;width:56px}.garden-bed__heading{display:flex;flex-direction:column}.garden-bed__title{color:var(--color-primary-dark);line-height:1.1;text-transform:capitalize}.garden-bed__tag{color:var(--color-accent);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.garden-bed__carousel{padding-top:var(--space-1)}@media (max-width:768px){.garden-bed__header{transform:none}.garden-bed__image{height:48px;width:48px}}.games-carousel-container{position:relative;width:100%}.games-carousel{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-4);padding:var(--space-4) var(--space-1) var(--space-2)}.game-item-card{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-2);justify-content:flex-start;padding:var(--space-2) var(--space-2) var(--space-3);position:relative;text-align:center;transform:rotate(0deg);transform:rotate(var(--tile-tilt,0deg));transition:var(--transition-transform),var(--transition-shadow);width:212px}.game-item-card:before{background:#f2a93b80;border:1px solid #d087134d;box-shadow:var(--shadow-xs);content:"";height:18px;left:50%;pointer-events:none;position:absolute;top:-9px;transform:translateX(-50%) rotate(-4deg);width:56px;z-index:3}.game-item-card:hover{box-shadow:var(--shadow-hover);transform:rotate(0deg) translateY(-6px);z-index:2}.game-item-frame{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-blob);box-shadow:var(--shadow-xs);padding:var(--space-1)}.game-item-image{border-radius:var(--radius-blob-alt);display:block;height:180px;object-fit:cover;transition:var(--transition-transform);width:180px}.game-item-card p{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:700;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.game-item-card:hover p{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);bottom:8px;box-shadow:var(--shadow-md);max-width:250px;overflow:visible;padding:var(--space-2);position:absolute;white-space:normal;z-index:var(--z-tooltip)}@media (max-width:768px){.game-item-card{width:168px}.game-item-image{height:140px;width:140px}}@media (max-width:480px){.game-item-card{width:148px}.game-item-image{height:120px;width:120px}}@media (max-width:375px){.game-item-card{width:128px}.game-item-image{height:100px;width:100px}}.scroll-zone{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:.9;pointer-events:auto;position:absolute;top:0;transition:var(--transition-base);width:56px;z-index:var(--z-dropdown)}.scroll-zone-left{background:linear-gradient(to right,var(--color-surface),#fffdf700);left:0}.scroll-zone-right{background:linear-gradient(to left,var(--color-surface),#fffdf700);right:0}.scroll-zone:hover{opacity:1}.scroll-arrow{color:var(--color-primary-dark);filter:drop-shadow(var(--shadow-xs));transition:var(--transition-transform)}.scroll-zone:hover .scroll-arrow{transform:scale(1.25)}.admin-dashboard{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.admin-dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-dashboard-greeting{color:#555;color:var(--color-text-muted,#555);margin-bottom:1.5rem}.admin-dashboard-links{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-dashboard-card{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;color:inherit;display:block;font-weight:600;padding:1.5rem;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.admin-dashboard-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.patient-management{margin:0 auto;max-width:960px;padding:2rem 1.5rem}.pm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.pm-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1rem}.pm-btn-primary{background:#4a7c59;background:var(--color-primary,#4a7c59);color:#fff}.pm-btn-danger{background:#0000;border:1px solid #b3261e;color:#b3261e;margin-left:.75rem}.pm-btn:disabled{cursor:not-allowed;opacity:.6}.pm-form{grid-gap:1rem;background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem;padding:1.25rem}.pm-field{display:flex;flex-direction:column;font-weight:600;gap:.25rem}.pm-field-wide{grid-column:1/-1}.pm-field input,.pm-field textarea{border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:6px;font:inherit;padding:.5rem}.pm-error{color:#b3261e;font-weight:600;grid-column:1/-1}.pm-empty{color:#555;color:var(--color-text-muted,#555)}.pm-table{border-collapse:collapse;width:100%}.pm-table td,.pm-table th{border-bottom:1px solid #d8e3d0;border-bottom:1px solid var(--color-border,#d8e3d0);padding:.75rem;text-align:left}.pm-actions{white-space:nowrap}.pm-link{color:#4a7c59;color:var(--color-primary,#4a7c59);font-weight:600;text-decoration:none}.pm-link:hover{text-decoration:underline}.patient-detail{margin:0 auto;max-width:720px;padding:2rem 1.5rem}.pd-back{color:#4a7c59;color:var(--color-primary,#4a7c59);display:inline-block;font-weight:600;margin-bottom:1rem;text-decoration:none}.pd-back:hover{text-decoration:underline}.pd-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.pd-field{display:flex;flex-direction:column;font-weight:600;gap:.25rem}.pd-field-wide{grid-column:1/-1}.pd-field input,.pd-field textarea{border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:6px;font:inherit;padding:.5rem}.pd-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;justify-self:start;padding:.5rem 1rem}.pd-btn-primary{background:#4a7c59;background:var(--color-primary,#4a7c59);color:#fff}.pd-error{color:#b3261e}.pd-error,.pd-saved{font-weight:600;grid-column:1/-1}.pd-saved{color:#4a7c59;color:var(--color-primary,#4a7c59)}.pd-links{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pd-card{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;color:inherit;display:block;font-weight:600;padding:1.25rem;text-decoration:none}.pd-card:hover{box-shadow:0 4px 12px #00000014}.patient-stats{margin:0 auto;max-width:860px;padding:2rem 1.5rem}.pstat-back{color:#4a7c59;color:var(--color-primary,#4a7c59);display:inline-block;font-weight:600;margin-bottom:1rem;text-decoration:none}.pstat-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.pstat-export{background:#4a7c59;background:var(--color-primary,#4a7c59);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.pstat-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.pstat-card{align-items:center;background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1rem}.pstat-number{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:2rem;font-weight:800}.pstat-label{font-weight:600}.pstat-chart{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.pstat-table{border-collapse:collapse;width:100%}.pstat-table td,.pstat-table th{border-bottom:1px solid #d8e3d0;border-bottom:1px solid var(--color-border,#d8e3d0);padding:.6rem;text-align:left}.pstat-error{color:#b3261e;font-weight:600}.pstat-empty{color:#555;color:var(--color-text-muted,#555)}.patient-game-settings{margin:0 auto;max-width:720px;padding:2rem 1.5rem}.pgs-back{color:#4a7c59;color:var(--color-primary,#4a7c59);display:inline-block;font-weight:600;margin-bottom:1rem;text-decoration:none}.pgs-back:hover{text-decoration:underline}.pgs-game-select{display:flex;flex-direction:column;font-weight:600;gap:.35rem;margin:1rem 0 1.5rem;max-width:320px}.pgs-game-select select{border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:6px;font:inherit;padding:.5rem}.pgs-empty,.pgs-help{color:#555;color:var(--color-text-muted,#555);margin-bottom:1rem}.pgs-presets{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.pgs-steps{list-style:none;margin:0 0 1rem;padding:0}.pgs-step{align-items:center;border-bottom:1px solid #d8e3d0;border-bottom:1px solid var(--color-border,#d8e3d0);display:flex;gap:.5rem;padding:.5rem 0}.pgs-step-num{color:#555;color:var(--color-text-muted,#555);font-weight:700;width:1.75rem}.pgs-stepper{background:#fff;border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:8px;color:#1f2a1c;color:var(--color-text,#1f2a1c);cursor:pointer;font-size:1.25rem;height:2.25rem;width:2.25rem}.pgs-hours{font-size:1.2rem;min-width:1.5rem;text-align:center}.pgs-colon,.pgs-hours{font-weight:700}.pgs-minutes{border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:6px;font:inherit;padding:.4rem}.pgs-remove{background:#0000;border:1px solid #b3261e;border-radius:6px;color:#b3261e;cursor:pointer;margin-left:auto;padding:.35rem .75rem}.pgs-remove:disabled{cursor:not-allowed;opacity:.4}.pgs-btn{background:#fff;border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:8px;color:#1f2a1c;color:var(--color-text,#1f2a1c);cursor:pointer;font-weight:600;padding:.5rem 1rem}.pgs-btn-primary{background:#4a7c59;background:var(--color-primary,#4a7c59);border-color:#4a7c59;border-color:var(--color-primary,#4a7c59);color:#fff;margin-top:1rem}.pgs-error{color:#b3261e;font-weight:600}.pgs-saved{color:#4a7c59;color:var(--color-primary,#4a7c59);font-weight:600;margin-top:1rem}.patient-statistics{margin:0 auto;max-width:960px;padding:2rem 1.5rem}.ps-filters{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.ps-filters label{display:flex;flex-direction:column;font-weight:600;gap:.25rem}.ps-filters input,.ps-filters select{border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:6px;font:inherit;padding:.5rem}.ps-table{border-collapse:collapse;margin-bottom:2rem;width:100%}.ps-table td,.ps-table th{border-bottom:1px solid #d8e3d0;border-bottom:1px solid var(--color-border,#d8e3d0);padding:.75rem;text-align:left}.ps-chart{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.ps-error{color:#b3261e;font-weight:600}.ps-empty{color:#555;color:var(--color-text-muted,#555)}.my-stats{margin:0 auto;max-width:760px;padding:2.5rem 1.5rem;text-align:center}.ms-title{font-size:2.4rem;font-weight:700;margin-bottom:.5rem}.ms-encourage{color:#555;color:var(--color-text-muted,#555);font-size:1.25rem;margin-bottom:2rem}.ms-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2.5rem}.ms-card{align-items:center;background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:2px solid #d8e3d0;border:2px solid var(--color-border,#d8e3d0);border-radius:16px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:120px;padding:1.75rem 1rem}.ms-number{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:2.75rem;font-weight:800;line-height:1}.ms-label{font-size:1.05rem;font-weight:600}.ms-chart{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:16px;padding:1.5rem}.ms-chart-title{font-size:1.3rem;margin-bottom:1rem}.ms-error{color:#b3261e;font-size:1.1rem;font-weight:600}.matching-game{margin:0 auto;max-width:760px;padding:2rem 1.5rem;text-align:center}.mg-title{font-size:2rem;font-weight:700}.mg-progress{color:#555;color:var(--color-text-muted,#555);margin-bottom:1.5rem}.mg-target{margin-bottom:2rem}.mg-target-image{max-height:240px;max-width:240px;object-fit:contain}.mg-target-word{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:2.5rem;font-weight:800}.mg-options{grid-gap:1rem;display:grid;gap:1rem}.mg-options-words{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mg-options-images{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mg-option{align-items:center;background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:2px solid #d8e3d0;border:2px solid var(--color-border,#d8e3d0);border-radius:14px;color:#1f2a1c;color:var(--color-text,#1f2a1c);cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;justify-content:center;min-height:100px;padding:1rem}.mg-option img{max-height:140px;max-width:100%;object-fit:contain}.mg-option:disabled{cursor:default}.mg-correct{background:#e7f6e7;border-color:#2e7d32}.mg-incorrect{background:#fdeceb;border-color:#b3261e}.mg-result{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:1.5rem;font-weight:700}.mg-error{color:#b3261e;font-weight:600}.mg-replay{background:#fff;border:2px solid #4a7c59;border:2px solid var(--color-primary,#4a7c59);border-radius:12px;color:#4a7c59;color:var(--color-primary,#4a7c59);cursor:pointer;font-size:1.3rem;font-weight:700;padding:.75rem 1.5rem}.serial-subtraction{margin:0 auto;max-width:560px;padding:2.5rem 1.5rem;text-align:center}.ss-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.ss-no-voice{background:#fff7e0;border-radius:8px;color:#8a6d00;margin-bottom:1rem;padding:.5rem 1rem}.ss-prompt{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.ss-replay{background:#fff;border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:8px;color:#1f2a1c;color:var(--color-text,#1f2a1c);cursor:pointer;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.ss-form{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.ss-input{border:2px solid #d8e3d0;border:2px solid var(--color-border,#d8e3d0);border-radius:10px;font-size:1.75rem;padding:.5rem;text-align:center;width:8rem}.ss-submit{background:#4a7c59;background:var(--color-primary,#4a7c59);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:.5rem 1.5rem}.ss-input:disabled,.ss-submit:disabled{opacity:.6}.ss-correct{color:#2e7d32;font-size:1.4rem;font-weight:700}.ss-incorrect{color:#b3261e;font-size:1.3rem;font-weight:700}.ss-result{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:1.5rem;font-weight:700}.ss-listen{color:#555;color:var(--color-text-muted,#555);font-size:1.25rem;margin-bottom:.75rem}.ss-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.ss-show{background:#0000;border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);border-radius:8px;color:#4a7c59;color:var(--color-primary,#4a7c59);cursor:pointer;font-weight:600;padding:.5rem 1rem}.pricing-page{margin:0 auto;max-width:960px;padding:2.5rem 1.5rem;text-align:center}.pricing-title{font-size:2.2rem;font-weight:700}.pricing-sub{color:#555;color:var(--color-text-muted,#555);margin-bottom:2rem}.pricing-error{color:#b3261e;font-weight:600;margin-bottom:1rem}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pricing-card{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:2px solid #d8e3d0;border:2px solid var(--color-border,#d8e3d0);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1.5rem}.pricing-card-paid{border-color:#4a7c59;border-color:var(--color-primary,#4a7c59)}.pricing-card-name{font-size:1.4rem;font-weight:700}.pricing-card-price{color:#4a7c59;color:var(--color-primary,#4a7c59);font-size:2.5rem;font-weight:800}.pricing-interval{font-size:1rem;font-weight:600}.pricing-card-desc,.pricing-interval{color:#555;color:var(--color-text-muted,#555)}.pricing-card-desc{flex-grow:1}.pricing-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:700;padding:.75rem 1rem}.pricing-btn-primary{background:#4a7c59;background:var(--color-primary,#4a7c59);color:#fff}.pricing-btn-current{background:#0000;border:1px solid #d8e3d0;border:1px solid var(--color-border,#d8e3d0);color:#555;color:var(--color-text-muted,#555);cursor:default}.pricing-btn:disabled{opacity:.7}.checkout-result{margin:0 auto;max-width:560px;padding:3rem 1.5rem;text-align:center}.cr-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.cr-message{color:#555;color:var(--color-text-muted,#555);font-size:1.2rem;margin-bottom:2rem}.cr-btn{background:#4a7c59;background:var(--color-primary,#4a7c59);border-radius:10px;color:#fff;display:inline-block;font-weight:700;padding:.75rem 1.75rem;text-decoration:none}.game-gate{display:flex;justify-content:center;padding:3rem 1.5rem}.game-gate-card{background:#f3f7f0;background:var(--color-surface,#f3f7f0);border:2px solid #d8e3d0;border:2px solid var(--color-border,#d8e3d0);border-radius:16px;display:flex;flex-direction:column;gap:1rem;max-width:460px;padding:2.5rem 2rem;text-align:center}.game-gate-lock{font-size:3rem}.game-gate-title{font-size:1.6rem;font-weight:700}.game-gate-message{color:#555;color:var(--color-text-muted,#555)}.game-gate-btn{background:#4a7c59;background:var(--color-primary,#4a7c59);border-radius:10px;color:#fff;display:inline-block;font-weight:700;padding:.75rem 1.75rem;text-decoration:none}.game-gate-link{color:#4a7c59;color:var(--color-primary,#4a7c59);font-weight:600;text-decoration:none}.game-gate-link:hover{text-decoration:underline}.top-menu{background-blend-mode:multiply;background-color:var(--color-surface-soft);background-image:var(--texture-paper);background-size:180px 180px;border-bottom:2px solid var(--color-border);box-shadow:var(--shadow-sm);height:60px;justify-content:space-between;padding:10px 0;position:sticky;top:0;width:100%;z-index:1000}.menu-right,.top-menu{align-items:center;display:flex}.menu-right{height:100%;justify-content:flex-end}.menu-left{margin-left:20px}.menu-button{background:none;border:none;cursor:pointer;margin-right:20px;padding:0}.menu-button img{height:30px;width:30px}.auth-button{height:80%;padding:0 15px}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:4px;min-height:44px;padding:8px 12px;transition:color .2s ease,transform .1s ease}.navbar-dropdown-toggle:active,.navbar-dropdown-toggle:hover{color:var(--color-primary-dark)}.navbar-dropdown-toggle:active{transform:scale(.95)}.navbar-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:8px;position:absolute;right:0;top:100%;width:192px;z-index:50}.navbar-dropdown-item{color:var(--color-text);display:block;font-size:1rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .2s,color .2s}.navbar-dropdown-item:hover{background:var(--color-surface-soft);color:var(--color-primary-dark)}.navbar-signout{background:none;border:none;cursor:pointer;text-align:left;width:100%}.navbar-icon{color:var(--color-primary-dark)}.navbar-mobile-link{align-items:center;color:var(--color-text);display:flex;font-size:1.125rem;font-weight:600;gap:4px;min-height:44px;padding:8px 12px;text-decoration:none;transition:color .2s,transform .1s}.navbar-mobile-link:active,.navbar-mobile-link:hover{color:var(--color-primary-dark)}.navbar-mobile-link:active{transform:scale(.95)}.navbar-signin{gap:4px}.navbar-mobile-dropdown-toggle{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:4px;min-height:44px;padding:8px 12px;transition:color .2s,transform .1s}.navbar-mobile-dropdown-toggle:active{color:var(--color-primary-dark);transform:scale(.95)}.navbar-mobile-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:8px;width:192px}.navbar-mobile-dropdown-item{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:8px 16px;text-align:left;transition:background-color .2s,color .2s;width:100%}.navbar-mobile-dropdown-item:active{background:var(--color-surface-soft);color:var(--color-primary-dark)}.navbar-role-links{align-items:center;display:inline-flex;gap:1rem;margin-right:1rem}.navbar-role-link{color:var(--color-text);font-weight:700;text-decoration:none;transition:color .2s}.navbar-role-link:hover{color:var(--color-primary-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.activate-container{align-items:center;background:#f7fafc;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.activate-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:24px;text-align:center;width:100%}.activate-title{color:#032033;font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:16px}.activate-message{color:#4a5568;font-size:1rem;line-height:1.5}.activate-loading{align-items:center;display:flex;gap:8px;justify-content:center}.activate-loading svg{color:#074067;font-size:1.25rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.activate-container{padding:16px 12px}.activate-card{max-width:90%;padding:16px}.activate-title{font-size:1.5rem}.activate-message{font-size:.875rem}.activate-loading svg{font-size:1rem}}.memory-matrix-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif}.memory-matrix-container h1{color:#333;font-size:24px;margin-bottom:20px}.memory-grid{grid-gap:10px;display:grid;gap:10px;justify-content:center;margin-bottom:20px}.memory-square{align-items:center;background-color:gray;border:1px solid #222;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:2em;height:100px;justify-content:center;transition:background-color .5s ease,transform .5s ease;width:100px}.memory-square.active{background-color:blue}.memory-square.correct{background-color:green}.memory-square.incorrect{background-color:red}.game-over{color:#333;font-size:18px;font-weight:700}.feedback{color:#666;font-size:16px;margin-top:15px}.memory-square[data-status=last-correct]{background-color:green}.memory-square[data-status=last-incorrect]{background-color:red}.memory-square[data-status=last-correct]:after{content:"✔"}.memory-square[data-status=last-correct]:after,.memory-square[data-status=last-incorrect]:after{color:#fff!important;font-size:2rem;font-size:65px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.memory-square[data-status=last-incorrect]:after{content:"✘"}.fruit-grid{grid-gap:10px;display:grid;margin-top:20px}.card,.fruit-grid{justify-content:center}.card{align-items:center;background-color:#d3d3d3;cursor:pointer;display:flex;height:100px;width:100px}.fruit-symbol{font-size:48px}.question-mark{font-size:32px;font-weight:700}.flipped{background-color:#fff}label,p,select{font-size:18px}label,select{margin:10px}.book-club-game-form{font-family:Arial,sans-serif;text-align:center}.person-card{border:1px solid #ddd;display:inline-block;margin:10px;padding:10px;text-align:center}.person-card img{border-radius:5px;height:150px;object-fit:cover;width:150px}.question{margin:20px}.scoreboard{font-size:1.5em;margin-top:20px}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock :after,.react-clock :before{box-sizing:border-box}.react-clock__face{border:1px solid #000;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.react-clock__hand{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__hand__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__mark__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark__number{left:-40px;position:absolute;text-align:center;width:80px}.react-clock__second-hand__body{background-color:red}.game-layout-topbar{--_menu-height:85px;--_available-height:calc(100vh - var(--_menu-height));--_padding:var(--space-4);--_gap:var(--space-4);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--_gap);height:var(--_available-height);overflow:hidden;padding:var(--_padding)}.game-layout-topbar__info{background-color:var(--color-surface);box-shadow:var(--shadow-md);flex-shrink:0;padding:var(--space-4) var(--space-5);text-align:center}.game-layout-topbar__game,.game-layout-topbar__info{border-radius:var(--radius-lg);box-sizing:border-box}.game-layout-topbar__game{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:0;overflow:hidden;width:100%}.game-layout-topbar__game>*{max-height:100%;max-width:100%}@media (max-width:768px){.game-layout-topbar{--_padding:var(--space-3)}.game-layout-topbar__info{padding:var(--space-3) var(--space-4)}}@font-face{font-family:DS-Digital;src:url(/static/media/DS-DIGIT.063ff1f714df69f9ff9d.TTF) format("truetype")}.time-match-question{display:flex;justify-content:center;margin-bottom:var(--space-6)}.time-match-choices{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.clock-option{align-items:center;background-color:var(--color-surface);border:3px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;line-height:inherit;padding:var(--space-4);text-align:inherit;transition:var(--transition-transform),var(--transition-shadow),border-color .3s ease;width:fit-content}.clock-option:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.clock-option--correct{background-color:#8ba88814;border-color:var(--color-success)}.clock-option--incorrect{background-color:#e07a9b14;border-color:var(--color-error)}.clock-option__feedback{font-size:var(--font-size-3xl);line-height:1;margin-top:var(--space-2)}.digital-clock-display{align-items:center;background-color:var(--color-surface-soft);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-primary-dark);display:flex;font-family:DS-Digital,monospace;justify-content:center;text-align:center}.digital-clock-display--large{font-size:var(--font-size-5xl);min-height:80px;min-width:240px;padding:var(--space-5) var(--space-6)}.digital-clock-display--small{font-size:var(--font-size-3xl);min-height:56px;min-width:180px;padding:var(--space-3) var(--space-5)}.analog-clock-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column}.my-clock .react-clock__frame{border-color:var(--color-secondary-dark)}.my-clock .react-clock__face{border-color:var(--color-secondary)}.my-clock .react-clock__hand__body{background-color:var(--color-primary-dark)}.my-clock .react-clock__second-hand .react-clock__hand__body{background-color:var(--color-accent)}.my-clock .react-clock__mark__body{background-color:var(--color-secondary-dark);display:block!important}.my-clock .react-clock__mark--hour .react-clock__mark__body{background-color:var(--color-primary-dark)}.my-clock .react-clock__mark__number{color:var(--color-text);font-family:var(--font-heading);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.time-match-choices{gap:var(--space-3)}.clock-option{padding:var(--space-3)}.digital-clock-display--large{font-size:var(--font-size-4xl);min-width:200px;padding:var(--space-4) var(--space-5)}.digital-clock-display--small{font-size:var(--font-size-2xl);min-width:150px;padding:var(--space-2) var(--space-4)}}.line-box{background-color:var(--color-primary-dark);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-block;position:relative;transition:var(--transition-all)}.line-box:hover{background-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.line-box.state-correct{background-color:var(--color-success);border-color:var(--color-secondary-dark)}.line-box.state-target{background-color:var(--color-warning);border-color:var(--color-accent-dark)}.line-box.state-left,.line-box.state-right{background-color:var(--color-error);border-color:var(--color-primary-dark)}.box-icon{font-size:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@keyframes slide-right{0%{transform:translate(-50%,-50%) translateX(0)}to{transform:translate(-50%,-50%) translateX(10px)}}.slide-right-animation{animation:slide-right 1s ease-in-out infinite alternate}@keyframes slide-left{0%{transform:translate(-50%,-50%) translateX(0)}to{transform:translate(-50%,-50%) translateX(-10px)}}.slide-left-animation{animation:slide-left 1s ease-in-out infinite alternate}.square-line{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin:auto;width:100%}.game-over-button{margin-top:var(--space-6);position:relative;z-index:calc(var(--z-modal) + 1)}canvas{display:block;margin:auto}#lottie-container{height:200px;position:relative;width:200px}.game-layout-sidebar{--_menu-height:85px;--_available-height:calc(100vh - var(--_menu-height));--_padding:var(--space-4);--_sidebar-width:240px;--_gap:var(--space-4);align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--_gap);height:var(--_available-height);justify-content:center;overflow:hidden;padding:var(--_padding)}.game-layout-sidebar__info{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;flex-shrink:0;overflow-y:auto;padding:var(--space-5);width:var(--_sidebar-width)}.game-layout-sidebar__game{align-items:center;aspect-ratio:1/1;border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex-shrink:1;height:calc(var(--_available-height) - var(--_padding)*2);justify-content:center;max-width:calc(100vw - var(--_sidebar-width) - var(--_padding)*2 - var(--_gap));overflow:hidden}.game-layout-sidebar__game>*{max-height:100%;max-width:100%}@media (max-width:768px){.game-layout-sidebar{--_padding:var(--space-3);align-items:center;flex-direction:column;height:auto;min-height:var(--_available-height);overflow-y:auto}.game-layout-sidebar__info{flex-shrink:0;width:100%}.game-layout-sidebar__game{height:auto;max-width:calc(100vw - var(--_padding)*2);width:calc(100vw - var(--_padding)*2)}}.footer-container{background:#fff;color:#074067;padding:16px;text-align:center}.footer-content{align-items:center;display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:640px}.footer-logo{height:32px;object-fit:contain;width:32px}.footer-text{color:#074067;font-size:.875rem;font-weight:400;line-height:1.5}@media (max-width:768px){.footer-container{padding:12px}.footer-content{gap:6px;max-width:100%}.footer-logo{height:24px;width:24px}.footer-text{font-size:.75rem}}form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.subscription-form form div{margin-bottom:15px}label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:5px}input,select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}input,input[type=number],input[type=text],select{font-size:16px}select{height:45px}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 20px;transition:background-color .3s ease;width:100%}button:hover{background-color:#45a049}p{color:green;font-size:14px;margin-top:10px}.form-group{margin-bottom:30px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}button+button{margin-top:10px}button.delete-btn{background-color:#dc3545!important;margin-top:10px}button.delete-btn:hover{background-color:#c82333!important}.error,.success{margin-top:10px;text-align:center}.error{color:red}.success{color:green}
/*# sourceMappingURL=main.e62a951c.css.map*/