@charset "UTF-8";
:root{--forest:#193d2c;--deep:#102b20;--green:#356244;--lime:#d3ed88;--paper:#fafbf7;--cream:#f0f2e8;--ink:#20382a;--muted:#627064;--line:#dfe5d9;--radius:18px;--shadow:0 12px 30px #18372509}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7}button,a,input{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.15vw,3.1rem);font-weight:650;margin-bottom:22px}h3{font-size:1.35rem;font-weight:650}p{color:var(--muted);margin-bottom:22px}em{font-family:Georgia,serif;font-weight:400}button{color:inherit}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #749c24;outline-offset:5px}.icon{width:22px;height:22px;stroke-width:1.65;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.container{width:min(1300px,calc(100% - 100px));margin-inline:auto}.section{padding-block:66px}.eyebrow{display:block;font-size:0.875rem;letter-spacing:.14em;font-weight:750;color:var(--green);line-height:1.5;margin-bottom:14px;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:32px}.section-heading h2{margin-bottom:12px}.section-heading p{margin-bottom:0}.section-note{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:0.875rem;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 24px;border-radius:8px;background:var(--lime);color:var(--deep);font-size:0.875rem;font-weight:650;transition:background .2s,transform .2s;line-height:1.5}.button:hover{background:#e2f4b3;transform:translateY(-2px)}.button-secondary{border:1px solid #c7d2c0;background:transparent;color:var(--forest)}.button-secondary:hover{background:#eaf0df}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:.9rem;font-weight:650}.text-link:hover{color:#517a24}.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}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px 20px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;background:#fafbf7f5;backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid #e9ede3}.header-inner{max-width:1456px;min-height:94px;padding:15px 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{height:46px;width:46px;border-radius:13px;background:var(--forest);color:var(--lime);display:grid;place-items:center;transform:rotate(-4deg)}.brand-mark .icon{width:29px;height:29px;transform:rotate(4deg)}.brand-name{font-size:1.63rem;letter-spacing:-.065em;line-height:1.2;font-weight:800;display:block}.brand-name>span{font-weight:450}.brand-name .brand-dot{font-weight:800;color:#72984b}.brand small{letter-spacing:.02em;display:block;font-size:0.875rem;letter-spacing:.17em;line-height:1.8;font-weight:700}#main-nav{display:flex;align-items:center;gap:27px;font-size:0.875rem;font-weight:550}#main-nav>a:not(.nav-games){padding:8px 0;position:relative}#main-nav a[aria-current=page]{color:#386a36}#main-nav>a[aria-current=page]:not(.nav-games):after{content:"";position:absolute;height:2px;background:var(--forest);left:0;right:0;bottom:0}.nav-games{padding:10px 19px;background:var(--forest);border-radius:7px;color:white!important;display:flex;gap:9px;align-items:center}.nav-games .icon{width:18px}.nav-projects{position:relative}.projects-toggle{border:0;background:transparent;padding:8px 0;display:flex;gap:5px;align-items:center;font-size:inherit}.projects-toggle .icon{width:15px}.project-menu{position:absolute;top:44px;left:-25px;min-width:260px;background:white;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 12px 40px #193d2c20}.project-menu a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:6px}.project-menu a:hover{background:var(--cream)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;min-width:44px;min-height:44px}
.hero{position:relative;margin:20px auto 0;width:min(1456px,calc(100% - 48px));border-radius:22px;overflow:hidden;background:var(--deep);height:570px;color:white}.hero-slide{position:absolute;inset:0}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:50% 46%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,35,23,.94) 0%,rgba(12,38,25,.85) 26%,rgba(12,38,25,.48) 55%,rgba(12,38,25,.04) 100%),linear-gradient(0deg,rgba(9,30,19,.6),transparent 45%)}.hero-content{position:relative;padding:65px 64px;max-width:790px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:0.875rem;letter-spacing:.13em;text-transform:uppercase;color:#ecf0df;margin-bottom:29px;font-weight:650}.hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.hero h2{font-size:clamp(2.7rem,4.35vw,4.4rem);font-weight:550;line-height:1.08;margin-bottom:25px;letter-spacing:-.055em}.hero h2 em{color:var(--lime)}.hero p{max-width:470px;line-height:1.7;font-size:.97rem;color:#ebf0e6;margin-bottom:29px}.hero-caption{position:absolute;right:45px;bottom:102px;display:flex;gap:13px;align-items:flex-start;font-size:0.875rem;color:#fff;text-shadow:0 1px 5px #000}.hero-caption small{display:block;color:#e6ecdf;font-size:0.875rem}.hero-caption>.icon{color:var(--lime);width:20px}.slider-controls{position:absolute;bottom:24px;left:64px;right:43px;display:flex;align-items:center;gap:30px}.slider-count{display:flex;align-items:center;gap:13px;font-size:0.875rem;color:#c4d0bd}.slider-count>span:first-child{color:white}.count-line{height:1px;width:43px;background:#ffffff50}.slider-dots{display:flex;gap:1px}.slider-dot{position:relative;background:none;border:0;width:31px;height:44px}.slider-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#ffffff55;position:absolute;top:19px;left:12px;transition:width .2s}.slider-dot[aria-pressed=true]:after{background:var(--lime);width:20px;border-radius:6px;left:5px}.slider-arrows{margin-left:auto;display:flex;gap:9px}.slider-arrows button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff70;background:#112b2140;border-radius:50%;color:#fff}.slider-arrows button:hover{background:#ffffff25}.slider-arrows .icon{width:17px}.learning-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.learning-strip>span{font-size:0.875rem;display:flex;align-items:center;gap:10px;color:#4c6252}.learning-strip .icon{width:20px;color:var(--green)}
.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.topic-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 21px 40px;position:relative;min-height:205px;transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-5px);border-color:#91ab70;box-shadow:var(--shadow)}.topic-icon{display:flex;width:41px;height:41px;background:#edf3e3;color:var(--green);align-items:center;justify-content:center;border-radius:10px;margin-bottom:21px}.topic-card:nth-child(4n+2) .topic-icon{background:#f5eee1;color:#927139}.topic-card:nth-child(4n+3) .topic-icon{background:#e9f0e9;color:#477052}.topic-card h3{font-size:1.02rem;letter-spacing:-.025em;margin-bottom:9px}.topic-card p{font-size:0.875rem;line-height:1.55;margin-bottom:0}.topic-number{position:absolute;top:25px;right:21px;font-size:0.875rem;color:#596b50;font-variant-numeric:tabular-nums}.card-arrow{position:absolute;right:19px;bottom:15px}.card-arrow .icon{width:17px;height:17px}.intro-section{background:var(--cream);margin-block:20px;padding-block:76px}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.intro-visual{position:relative}.intro-visual>img{height:425px;width:100%;border-radius:var(--radius)}.image-note{display:flex;align-items:center;gap:16px;position:absolute;bottom:25px;left:25px;right:25px;background:#fffef3ed;border:1px solid #ffffff80;backdrop-filter:blur(10px);padding:17px 20px;border-radius:10px;font-size:.9rem;font-weight:650}.image-note small{display:block;font-size:0.875rem;color:var(--muted);font-weight:400}.image-note .icon{width:30px;height:30px}.intro-copy h2{font-size:clamp(2rem,3vw,2.85rem)}.intro-copy h2 em{color:#517137}.intro-copy p{font-size:.94rem}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px 28px}.pill-list span{border:1px solid #cdd5bf;border-radius:30px;padding:5px 12px;font-size:0.875rem;color:#4c6546}.intro-copy .button{background:var(--forest);color:white}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.value-card{border-left:1px solid var(--line);padding:10px 28px}.value-card>.icon{width:29px;height:29px;margin-bottom:19px;color:var(--green)}.value-card .eyebrow{margin-bottom:14px}.value-card p{font-size:.88rem;margin:0;line-height:1.85}.mission-section{padding-block:40px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;box-shadow:var(--shadow)}.product-photo{position:relative;display:block;overflow:hidden;height:270px}.product-photo>img{height:100%;width:100%;transition:transform .5s}.product-card:hover .product-photo>img{transform:scale(1.035)}.photo-tag{position:absolute;bottom:18px;left:20px;background:#fffef1e8;font-size:0.875rem;letter-spacing:.11em;border-radius:4px;padding:5px 10px;font-weight:700}.product-body{padding:27px}.product-body .eyebrow{font-size:0.875rem;margin-bottom:11px}.product-body h3{font-size:1.85rem;margin-bottom:13px}.product-body p{font-size:.88rem;min-height:48px}.product-body .text-link{font-size:0.875rem}.project-section{background:#eef2e9}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:23px}.project-card{grid-column:span 2;background:var(--paper);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s}.project-card:hover{transform:translateY(-4px)}.project-card>img{width:100%;height:230px}.project-card>div{padding:25px}.project-card p{font-size:0.875rem}.project-card .eyebrow{font-size:0.875rem}.project-card .text-link{font-size:0.875rem}.project-card:nth-child(n+4){grid-column:span 3;display:grid;grid-template-columns:45% 1fr;align-items:center}.project-card:nth-child(n+4)>img{height:100%;min-height:220px}.story-banner{display:grid;grid-template-columns:1.1fr 1fr;background:var(--forest);color:white;overflow:hidden;border-radius:20px}.story-banner>div{padding:52px}.story-banner h2{font-size:2.6rem}.story-banner p{color:#d6e0d3;font-size:.9rem}.story-banner .eyebrow{color:var(--lime);font-size:0.875rem}.story-banner>img{height:100%;width:100%}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-item{height:300px;position:relative;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--cream);text-align:left}.gallery-item>img{height:100%;width:100%;transition:transform .45s}.gallery-item:hover>img{transform:scale(1.04)}.gallery-overlay{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#10291cd9);color:white;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:22px;font-size:0.875rem;line-height:1.4}.gallery-overlay small{display:block;font-size:0.875rem;font-weight:450;margin-bottom:5px;letter-spacing:.08em;text-transform:uppercase}.gallery-overlay strong{font-weight:550}.gallery-overlay .icon{width:19px}.games-banner{display:flex;align-items:center;gap:30px;padding:43px;background:#e9efdb;border:1px solid #d4debd;border-radius:18px}.games-banner h2{font-size:2rem;margin-bottom:10px}.games-banner p{margin:0;font-size:0.875rem}.games-banner .eyebrow{font-size:0.875rem}.games-banner>.button{margin-left:auto;flex-shrink:0}.games-banner-icon{background:var(--forest);color:var(--lime);padding:23px;border-radius:18px;transform:rotate(-7deg)}.games-banner-icon .icon{height:40px;width:40px}
.site-footer{background:var(--deep);color:#f0f4e9;margin-top:45px;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:45px}.footer-brand{margin-bottom:20px}.footer-brand .brand-mark{background:#2b4d38}.footer-grid p{font-size:0.875rem;color:#bdcdbd}.footer-grid h2{font-size:0.875rem;letter-spacing:0;margin-bottom:20px;font-weight:550}.footer-grid>div>a:not(.brand){display:block;font-size:0.875rem;color:#bdcdbd;margin-bottom:10px}.footer-grid>div>a:hover{color:white}.school img{border-radius:50%;margin-bottom:14px}.school strong{color:#f0f4e9;font-weight:550}.footer-bottom{border-top:1px solid #ffffff20;padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:0.875rem;color:#bbcebb}.footer-bottom .icon{width:16px;height:16px;margin-left:5px}.back-top{position:fixed;right:23px;bottom:23px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--forest);border:1px solid #9aaf8b;color:white;box-shadow:0 4px 18px #0002}.reveal{opacity:1}.reveal-ready{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.reveal-ready.is-visible{opacity:1;transform:none}
.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:0.875rem;color:var(--muted);padding:26px 0}.breadcrumbs .icon{width:13px;height:13px}.breadcrumbs a:hover{color:var(--forest)}.page-heading{max-width:900px;padding:31px 0 25px}.page-heading h1{font-size:clamp(2.8rem,5vw,4.5rem);margin-bottom:23px;font-weight:600}.page-heading>p{font-size:1.12rem;max-width:760px;line-height:1.7}.page-intro{padding-top:30px}.reading h2{font-size:2.35rem}.reading p{font-size:1rem;line-height:1.85}.content-figure{margin:0;min-width:0}.content-figure>img{width:100%;height:390px;border-radius:16px}.content-figure figcaption{color:var(--muted);font-size:0.875rem;padding:12px 3px;line-height:1.6}.page-intro .content-figure>img{height:440px}.about-experiences{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.about-experiences h2{font-size:1.8rem}.about-experiences p{font-size:.94rem}.source-note{padding:24px 0;border-top:1px solid var(--line);display:flex;gap:14px;align-items:start;margin-top:25px}.source-note>.icon{width:18px;height:18px;margin-top:3px;color:var(--muted)}.source-note p{font-size:0.875rem;line-height:1.8;margin:0;max-width:950px}.related-section h2{font-size:2rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-grid>a{display:flex;align-items:center;gap:15px;padding:24px;background:#edf2e5;border-radius:12px;font-size:.92rem;transition:background .2s}.related-grid>a>.icon:last-child{margin-left:auto;width:18px}.related-grid>a:hover{background:#e2eccf}.anchor-tabs{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:20px}.anchor-tabs a{display:flex;gap:25px;align-items:center;padding:10px 22px;border:1px solid #c8d5bd;border-radius:7px;background:#f0f4e8;font-size:0.875rem}.anchor-tabs .icon{width:17px}.crop-section{border-bottom:1px solid var(--line)}.crop-section:nth-of-type(even) .content-figure{order:2}.crop-section .content-figure>img{height:420px}.crop-section h2{font-size:3.3rem}.crop-section .text-link{margin-top:17px}.benefits{margin-block:35px 50px;padding:42px;background:var(--cream);border-radius:18px}.benefits h2{font-size:2rem}.benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;list-style:none;padding:0;margin-bottom:0}.benefits li{display:flex;gap:13px;font-size:.94rem;align-items:start}.benefits li .icon{width:19px;height:19px;margin-top:4px;color:#4c762e}.info-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-pair>article{padding:35px;border:1px solid var(--line);border-radius:15px;background:white}.info-pair h2{font-size:1.8rem}.info-pair p{font-size:.95rem;margin-bottom:0}.process-section{border:1px solid var(--line);border-radius:20px;padding:43px;margin-block:20px 45px}.process-section>h2{font-size:2rem}.process-flow{padding:25px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0}.process-flow>li{position:relative}.process-flow>li:not(:last-child):after{content:"→";position:absolute;left:70px;right:0;top:14px;text-align:center;font-size:1.5rem;color:#95aa7b}.step-icon{display:grid;place-items:center;width:60px;height:60px;background:var(--forest);color:var(--lime);border-radius:16px;margin-bottom:20px}.step-icon .icon{width:27px;height:27px}.process-flow small{display:block;font-size:0.875rem;letter-spacing:.13em;color:#5b7649;margin-bottom:10px;font-weight:700}.process-flow h3{font-size:1.05rem;letter-spacing:-.025em}.process-flow p{font-size:0.875rem;margin-bottom:0}.learning-callout{display:flex;gap:25px;background:#eaf1da;border-radius:16px;padding:37px;margin-block:35px}.learning-callout>.icon{width:38px;height:38px;color:#47742e;margin-top:3px}.learning-callout h2{font-size:1.65rem;margin-bottom:14px}.learning-callout p{font-size:.91rem;margin:0}.learning-callout .text-link{margin-top:20px}.two-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px}.two-photos .content-figure>img{height:430px}.water-drops{display:flex;gap:15px;margin-bottom:25px;color:#397a87}.water-drops .icon{animation:drop 2.5s ease-in-out infinite}.water-drops .icon:nth-child(2){animation-delay:.5s}.water-drops .icon:nth-child(3){animation-delay:1s}@keyframes drop{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(6px);opacity:1}}.insect-section{background:#eaf0dd;text-align:center}.insect-section h2{max-width:720px;margin-inline:auto;font-size:2.7rem}.insect-icons{display:flex;gap:55px;justify-content:center;margin-top:35px}.insect-icons>span{display:flex;flex-direction:column;align-items:center;font-size:0.875rem;gap:14px}.insect-icons b{display:grid;place-items:center;font-size:3rem;background:#fafbef;width:110px;height:110px;border-radius:50%;font-weight:normal}.illustration-note{font-size:0.875rem;margin:30px 0 0}.history-intro{background:#edf2e5;border-radius:16px;padding:37px 42px;margin:8px 0 40px}.history-intro h2{font-size:2rem}.history-intro p{max-width:850px;margin-bottom:12px}.history-intro .timeline-note{font-size:0.875rem;margin-bottom:0}.timeline{list-style:none;margin:0 0 30px;padding:0 0 0 65px;position:relative}.timeline:before{content:"";position:absolute;left:22px;top:30px;bottom:70px;width:1px;background:#c9d7bd}.timeline-item{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-block:35px;border-bottom:1px solid var(--line);align-items:center}.timeline-marker{position:absolute;left:-64px;top:40px;display:grid;place-items:center;width:43px;height:43px;background:var(--forest);color:var(--lime);border-radius:50%;font-size:0.875rem;border:5px solid var(--paper)}.timeline-content h2{font-size:2rem;line-height:1.2}.timeline-content p{font-size:.94rem;line-height:1.85}.timeline-item .content-figure>img{height:295px}.timeline-item .eyebrow{font-size:0.875rem}.gallery-section{padding-top:10px}.gallery-toolbar{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:30px}.gallery-filters{display:flex;gap:9px;flex-wrap:wrap;max-width:1000px}.gallery-filters button{padding:9px 16px;border:1px solid var(--line);border-radius:30px;font-size:0.875rem;background:white;min-height:42px}.gallery-filters button[aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest)}.gallery-filters button:hover{border-color:var(--green)}#gallery-count{white-space:nowrap;font-size:0.875rem;padding-top:10px}.modal-open{overflow:hidden}.lightbox{border:0;background:#10241ff5;color:white;border-radius:18px;width:min(1200px,94vw);max-width:94vw;max-height:94dvh;padding:20px 25px;overflow:auto}.lightbox::backdrop{background:#06130cea;backdrop-filter:blur(5px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;color:#dae5cf}.lightbox button{display:grid;place-items:center;color:white;background:#ffffff10;border:1px solid #ffffff40;min-width:44px;height:44px;border-radius:50%}.lightbox button:hover{background:#ffffff25}.lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:20px;align-items:center;padding-block:15px}.lightbox-stage img{width:100%;height:68dvh;object-fit:contain;min-width:0}.lightbox>p{text-align:center;color:#e5ecdf;font-size:.9rem;margin:10px 50px 5px}.games-intro{display:flex;align-items:center;gap:18px;margin-bottom:35px;max-width:700px}.games-intro>.icon{width:35px;height:35px}.games-intro p{margin:0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.game-art{height:290px;padding:25px 30px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.math-art{background:#e9edcf;background-image:linear-gradient(#54674010 1px,transparent 1px),linear-gradient(90deg,#54674010 1px,transparent 1px);background-size:28px 28px;color:var(--forest)}.game-category{align-self:flex-start;font-size:0.875rem;font-weight:700;letter-spacing:.12em;padding:6px 12px;border:1px solid currentColor;border-radius:5px;z-index:1}.math-art>div{font-size:5rem;line-height:1.1;letter-spacing:.05em;text-align:center;font-family:Georgia,serif;transform:rotate(-6deg)}.math-art>div>span{display:inline-block;transform:rotate(15deg);color:#7b8f2e}.game-label{font-size:0.875rem;letter-spacing:.14em;z-index:1}.guardian-art{color:white;background:var(--forest)}.guardian-art:after{content:"";inset:0;position:absolute;background:#143421ac}.guardian-art>img{position:absolute;inset:0;width:100%;height:100%}.guardian-icon{z-index:1;align-self:center}.guardian-icon .icon{width:85px;height:85px;color:var(--lime);stroke-width:1.1}.game-body{padding:35px;display:flex;flex-direction:column;min-height:320px}.game-body h2{font-size:2rem}.game-body p{font-size:.95rem}.game-body button{display:flex;align-items:center;gap:11px;justify-content:center;padding:13px;background:#f0f3ea;border:1px solid #d7dfcc;border-radius:8px;color:#526448;font-size:.88rem;width:100%;margin-top:auto}.game-body button .icon{width:18px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* Iconos SVG derivados de Lucide y Feather.
ISC License

Copyright (c) 2026 Lucide Icons and Contributors

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

---

The following Lucide icons are derived from the Feather project:

airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out

The MIT License (MIT) (for the icons listed above)

Copyright (c) 2013-present Cole Bemis

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

*/