/* Spacious catalogs; compact screens retain readable cards. */
.page-shell,.library-shell{width:100%;max-width:1680px;padding-left:24px;padding-right:24px}
.page-main{padding:28px}.page-grid,.challenge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tile-copy h2{font-size:21px;line-height:1.25}.tile-copy{padding:16px}.tile .game-preview-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.tile .game-preview{aspect-ratio:16/9}.topic-row{grid-template-columns:210px minmax(0,1fr)}
.policy-shell{max-width:1000px}.policy-shell p{font-size:16px;line-height:1.75}.policy-shell h1{margin-top:20px}.policy-shell a{color:#075eac}.policy-shell .page-nav nav a{color:#d9f2ff}
.lm-footer{display:block;clear:both;width:100%;padding:24px 16px;text-align:center;font:12px/1.7 Arial,sans-serif;color:#c4def3;background:transparent}.lm-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:7px}.lm-footer a{color:#e1f3ff;text-decoration:underline;text-underline-offset:3px}.lm-footer a:focus-visible{outline:3px solid #ffd34d;outline-offset:4px}.about-contact{scroll-margin-top:24px}.about-contact h2{font-size:22px;line-height:1.4}
/* One backdrop, with a soft blend at the illustrated starfield's outer edges. */
body{background-color:#03132b;background-image:url('assets/starfield-existing.svg');background-size:cover;background-position:center;background-attachment:fixed}
html:has(.lm-home),body.lm-home{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body.lm-home{display:block}.lm-home .home-art{width:min(100%,150dvh);margin:0 auto}.lm-home .approved-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 1.8%,#000 98.2%,transparent);mask-image:linear-gradient(to right,transparent,#000 1.8%,#000 98.2%,transparent)}
.pip-home-feature{display:flex;align-items:center;gap:18px;width:calc(100% - 40px);max-width:1100px;margin:4px auto 12px;padding:10px 18px 10px 10px;background:linear-gradient(120deg,#0d315b,#07536d);border:1px solid #76c7e9;border-radius:16px;text-decoration:none;color:#fff;font-family:Arial,sans-serif}.pip-home-feature>img{width:145px;height:82px;object-fit:cover;border-radius:10px}.pip-home-feature>span{display:grid;gap:5px;flex:1;min-width:0}.pip-home-feature small{font-size:11px;font-weight:bold;color:#ceff6d;letter-spacing:1px}.pip-home-feature strong{font-size:20px}.pip-home-feature span>span{font-size:14px;color:#d5eaff}.pip-home-feature>b{background:#c6f73b;color:#163a24;border-radius:24px;padding:12px 18px;white-space:nowrap}.pip-home-feature:hover{border-color:#e9ff9b}.pip-home-feature:focus-visible{outline:3px solid #ffcb35;outline-offset:3px}
.walkthrough-mode .topic-row{display:block}.walkthrough-mode .topic-identity{display:flex;align-items:center;gap:15px;margin-bottom:18px}.walkthrough-mode .topic-identity h2{margin:0}.walkthrough-mode .topic-icon{display:none}.walkthrough-mode .lesson-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.walkthrough-card{border:2px solid #a8cfe9;border-radius:16px;background:#f6fbff;overflow:hidden;display:flex;flex-direction:column}.walkthrough-thumb{display:block;aspect-ratio:16/9;background:#15395c;color:white;text-decoration:none}.walkthrough-thumb img{display:block;width:100%;height:100%;object-fit:cover}.walkthrough-placeholder{height:100%;min-height:125px;display:grid;place-items:center;font-weight:bold;text-align:center;padding:20px}.walkthrough-copy{padding:15px;flex:1;display:flex;flex-direction:column;gap:12px}.walkthrough-copy h3{font-size:18px;line-height:1.35;margin:0}.walkthrough-copy h3 a{color:#163e60;text-decoration:none}.walkthrough-copy p{font-size:13px;color:#527699;margin:0}.walkthrough-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.walkthrough-actions a{font-size:13px;padding:9px 12px;text-decoration:none;border:1px solid #91b9d5;border-radius:20px;background:#d8ecff;color:#14446a;font-weight:bold}.walkthrough-actions a:first-child{background:#cef36c;border-color:#91c339;color:#284500}
@media(min-width:1600px){.page-grid,.challenge-grid,.walkthrough-mode .lesson-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1250px){#topic-list:not(.walkthrough-mode) .lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}#topic-list:not(.walkthrough-mode) .lesson-title{font-size:19px}}
@media(max-width:1199px){.page-grid,.challenge-grid,.walkthrough-mode .lesson-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-row{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:899px){.page-grid,.challenge-grid,.walkthrough-mode .lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-shell,.library-shell{padding-left:16px;padding-right:16px}.page-main{padding:22px}}
@media(max-width:750px){.topic-row{grid-template-columns:1fr}.lm-footer{padding:20px 12px}.pip-home-feature{gap:10px;padding:10px;width:calc(100% - 22px)}.pip-home-feature>img{width:105px;height:65px}.pip-home-feature strong{font-size:16px}.pip-home-feature>b{font-size:13px;padding:10px}.pip-home-feature span>span{font-size:12px}}
@media(max-width:700px){.lm-home .mobile-home{min-height:0;background:transparent}.lm-home .m-content{margin-bottom:12px}.lm-home .home-art{display:none!important}.pip-home-feature small{font-size:9px;letter-spacing:.4px}}
@media(max-width:549px){.page-grid,.challenge-grid,.walkthrough-mode .lesson-list{grid-template-columns:1fr}.page-shell,.library-shell{padding-left:10px;padding-right:10px}.page-main{padding:18px}.pip-home-feature>b{display:none}.pip-home-feature strong{font-size:15px}}

@media(max-width:700px){.pip-home-feature{display:none}}

/* LampoFilm website: purple enamel with a thin metallic silver rim. */
.home-art>.community-row>.resource-lampofilm-site,.m-resources>.resource-lampofilm-site{
 color:#fff;background:linear-gradient(145deg,#f4f6ff 0%,#9ba6bd 20%,#fff 42%,#747f98 68%,#e5ebf8 100%);border:0;padding:2px;border-radius:12px;box-shadow:0 2px 5px #0006,inset 0 1px #fff;text-decoration:none;position:relative;isolation:isolate;font-weight:800;
}
.resource-lampofilm-site::before{content:"";position:absolute;inset:2px;border-radius:10px;background:linear-gradient(165deg,#a379d6 0%,#7043a6 35%,#4b287d 70%,#684293 100%);z-index:-1;box-shadow:inset 0 1px 0 #ffffff66}
.home-art>.community-row>.resource-lampofilm-site{padding:.6cqw .85cqw;border-radius:.9cqw;font-size:1.12cqw;gap:.4cqw;margin-left:auto}
.home-art>.community-row>.resource-lampofilm-site::before{border-radius:calc(.9cqw - 2px)}
.home-art>.community-row>:last-child{margin-left:0}
.resource-lampofilm-site:hover{filter:brightness(1.12)}
.resource-lampofilm-site:focus-visible{outline:3px solid #ffe16f;outline-offset:4px}
@media(max-width:700px){.m-resources>.resource-lampofilm-site{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;color:#fff}.m-resources>.resource-lampofilm-site:last-child{background:linear-gradient(145deg,#f4f6ff,#9ba6bd,#fff,#747f98,#e5ebf8)}}