:root{color:#263d35;font-synthesis:none;background:#f7f8f2;font-family:ui-rounded,Hiragino Maru Gothic ProN,BIZ UDPGothic,Meiryo,sans-serif;font-size:16px;font-weight:500;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #936300}main:focus{outline:none}.site-header{border-bottom:1px solid #dce3d8;justify-content:space-between;align-items:center;max-width:1152px;margin:auto;padding:26px 32px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:23px;font-weight:900;display:flex}.brand-icon{color:#fff8e7;background:#32664d;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:32px;line-height:1;display:inline-flex;position:relative}.brand-icon span{color:#f8cf6d;font-size:18px;position:absolute;top:1px;right:5px}.header-note{color:#587065;letter-spacing:.12em;font-size:12px}main{max-width:1088px;margin:auto;padding:0 24px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:70px 0 65px;display:grid}.eyebrow{color:#52745e;letter-spacing:.17em;font-size:12px;font-weight:800}.hero h1{letter-spacing:.02em;margin:20px 0;font-size:clamp(25px,3.5vw,40px);line-height:1.65}.hero em{color:#32664d;z-index:0;font-style:normal;position:relative}.hero em:after{content:"";z-index:-1;background:#f6d98c;border-radius:50%;height:13px;position:absolute;bottom:2px;left:0;right:0}.hero p{color:#5d7066;margin:16px 0 28px}.primary,.secondary{border:2px solid #32664d;border-radius:12px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:12px 22px;font-weight:800;display:inline-flex}.primary{color:#fffdf3;background:#32664d;box-shadow:0 3px #244b39}.secondary{color:#32664d;background:#fffdf6}.primary:hover:not(:disabled){background:#28563f}.secondary:hover:not(:disabled){background:#eef3e9}.hero-art{isolation:isolate;height:280px;position:relative}.orbit{border:1px solid #d4ddcd;border-radius:50%;width:270px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.orbit-two{width:330px;height:170px;transform:translate(-50%,-50%)rotate(35deg)}.shape{justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 8px #263d3512}.shape-square{color:#625224;background:#edc263;border-radius:22px;width:92px;height:92px;font-size:64px;top:37%;left:12%;transform:rotate(-12deg)}.shape-circle{color:#32664d;background:#a9cbb3;border-radius:50%;width:112px;height:112px;font-size:72px;top:12%;right:12%;transform:rotate(12deg)}.shape-triangle{width:0;height:0;box-shadow:none;border-bottom:76px solid #e7a28b;border-left:45px solid #0000;border-right:45px solid #0000;border-radius:8px;bottom:20%;right:20%;transform:rotate(15deg)}.spark{color:#718e77;font-size:28px;position:absolute}.spark-one{top:7%;left:15%}.spark-two{font-size:20px;bottom:25%;right:4%}.art-label{text-align:center;color:#647568;letter-spacing:.14em;font-size:12px;position:absolute;bottom:0;left:0;right:0}.catalog{padding:25px 0 70px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{margin:5px 0;font-size:26px}.catalog-count{color:#627568;font-size:13px}.filters{background:#eef1e7;border-radius:18px;flex-wrap:wrap;gap:35px;margin-bottom:30px;padding:22px 24px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:9px;padding:0;font-size:12px;font-weight:800}.filter-options{flex-wrap:wrap;gap:7px;display:flex}.filter-options button{background:#fffdf6;border:1px solid #c6d1c2;border-radius:9px;min-width:54px;min-height:46px;padding:8px 12px;font-size:13px;font-weight:700}.filter-options button[aria-pressed=true]{color:#fff;background:#32664d;border-color:#32664d}.game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:24px;display:grid}.game-card{background:#fffef9;border:1px solid #d8dfd2;border-radius:22px;max-width:520px;overflow:hidden}.card-art{background:#eadbb3;justify-content:center;align-items:center;gap:14px;height:200px;display:flex;position:relative;overflow:hidden}.card-number{text-align:center;background:#fff9e5;border:1px solid #c6b787;border-radius:14px;width:54px;height:64px;font-size:38px;font-weight:900;line-height:64px;transform:rotate(-9deg)}.card-number:nth-of-type(3){transform:rotate(8deg)}.card-plus{color:#756436;font-size:30px}.card-face{background:#7dab83;border:3px solid #47704b;border-radius:43% 43% 35% 35%;width:90px;height:94px;margin-left:9px;position:relative;transform:rotate(7deg)}.card-face i{background:#2d5036;border:6px solid #fff;border-radius:50%;width:18px;height:23px;position:absolute;top:25px;left:18px}.card-face i:nth-child(2){left:49px}.card-face b{font-size:30px;position:absolute;top:39px;left:30px}.card-caption{color:#665933;letter-spacing:.12em;font-size:12px;position:absolute;bottom:10px}.card-body{padding:22px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#4c6a51;background:#eff3e9;border-radius:6px;padding:3px 9px;font-size:11px}.game-card h3{margin:15px 0 8px;font-size:23px}.game-card p{color:#5e7066;margin:10px 0;font-size:14px}.game-card .learning-goal{background:#f6f7f0;border-radius:8px;padding:10px;font-size:12px}.card-link{color:#32664d;border-top:1px solid #dce3d8;justify-content:space-between;align-items:center;margin-top:20px;padding-top:17px;font-weight:800;display:flex}.game-card details{font-size:12px}.catalog-note{color:#6a796d;margin-top:25px;font-size:13px}.empty{text-align:center;background:#eff2e8;border-radius:18px;padding:50px 20px}.empty h3{font-size:20px}.empty-icon{color:#66896c;font-size:35px}details p{font-size:13px}summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}footer{color:#627568;border-top:1px solid #d8dfd2;max-width:1088px;margin:auto;padding:32px 24px 50px;font-size:12px}.footer-brand{color:#32664d;font-size:18px;font-weight:900}footer details{max-width:650px}footer p{margin:10px 0}.back-link{color:#42634c;min-height:48px;padding:20px 0 5px;font-size:14px;display:inline-block}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:10;background:#fff;padding:12px;position:fixed;top:10px;left:10px}@media (width<=700px){.site-header{padding:18px 20px}.brand{font-size:20px}.header-note{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:12px;padding:38px 0 30px}.hero h1{margin:15px 0;font-size:clamp(23px,5.7vw,36px)}.hero-art{width:100%;max-width:340px;height:190px;margin:0 auto}.orbit{width:220px;height:145px}.orbit-two{width:280px;height:130px}.shape-square{width:72px;height:72px;font-size:50px;top:27%}.shape-circle{width:85px;height:85px;font-size:54px;top:4%;right:20%}.shape-triangle{border-bottom-width:54px;border-left-width:32px;border-right-width:32px;bottom:19%;right:15%}.hero p{font-size:14px}.catalog{padding-top:12px}.filters{gap:18px;padding:16px}.filter-options{gap:6px}.filter-options button{min-width:52px;padding:8px}.section-heading h2{font-size:24px}.catalog-count{font-size:12px}.card-art{height:180px}.game-card{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}