body{background:#123d3a;color:#254640}.primary,.active{background:#21594f!important;border-color:#21594f!important}button{min-height:44px}#sceneTitle{border-color:#bda05a;color:#254c43;background:#fff9e7ef}.hero{color:#294b40!important}.hero button{margin:4px}.pano-controls{background:#fff8e8ee}dialog{width:min(1380px,96vw);padding:22px 28px;border-color:#b59a5b;background:#fffcf2}.dialoghead{position:sticky;top:-22px;z-index:3;background:#fffcf2;padding-top:10px}#taskFoot{position:sticky;bottom:-22px;z-index:3;background:#fffcf2;padding:14px 0 8px;box-shadow:0 -8px 16px #fffcf2}#taskBody{font-size:19px}.cards{gap:12px}.card img{height:clamp(180px,24vh,260px)}.card-tools{display:flex;gap:5px}.card-tools button{font-size:14px}.card .status{font-size:15px}.caption{font-size:18px;min-height:60px;display:flex;justify-content:center;align-items:center}.theme-row{display:flex;gap:15px;align-items:end;margin:18px 0}.theme-row label{flex:1}.theme-row button{flex:0}.key-strip{display:flex;flex-wrap:wrap;gap:8px}.key-strip span{border:1px solid #d8c79d;border-radius:22px;padding:5px 12px;font-size:15px;color:#a39578}.key-strip .earned{background:#f3e3b6;color:#6e5017}.keys-large{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.key-tile{text-align:center;padding:25px 10px;border:1px solid #d4c398;background:#efebdf;border-radius:14px}.key-tile span{display:block;font-size:50px;color:#b6a479}.key-tile strong{display:block;font-size:21px;min-height:62px}.key-tile small{display:block;font-size:16px}.key-tile.lit{background:linear-gradient(135deg,#fff4c9,#ead194);border-color:#b18c3d}.key-tile.lit span{color:#a87813}.division-wrap{display:flex;gap:26px;align-items:center;margin:18px 0}.division{font:30px/1.2 Georgia,serif;display:grid;grid-template-columns:32px 64px;grid-template-rows:38px 42px 40px 42px;text-align:right;min-width:100px}.quotient{grid-area:1/2;padding-right:8px}.divisor{grid-area:2/1;padding:5px 5px 0 0}.dividend{grid-area:2/2;border-top:2px solid #36594d;border-left:2px solid #36594d;border-radius:6px 0 0 0;padding:5px 8px 0 0}.product{grid-area:3/2;border-bottom:2px solid #36594d;padding-right:8px}.remainder{grid-area:4/2;padding:5px 8px 0 0}.cat-display{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center}.cat-display>img{width:100%;height:min(35vh,330px);object-fit:contain;background:white}.thumbs{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}.thumbs button{padding:8px 16px}.create-layout{display:grid;grid-template-columns:290px 1fr;gap:25px}.create-layout aside{padding:18px;background:#edf0df;border-radius:12px}.create-layout aside p,.create-layout aside li{font-size:17px}.create-layout section{min-width:0}.create-layout label,#homeForm label{display:block;font-size:17px;margin:10px 0}.create-layout .formgrid{grid-template-columns:1fr 1fr}.create-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.foursteps{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.foursteps span{padding:12px 20px;background:#e7edde;border-radius:20px}.timer{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:18px 0}.timer output{font-size:30px;font-variant-numeric:tabular-nums;padding:0 12px}.timer button{font-size:14px;padding:6px 12px}.asset-crop{position:relative;overflow:hidden;background:#fff;width:100%}.asset-crop img{position:absolute;max-width:none;height:auto!important;display:block;user-select:none}.life-slide{max-width:850px;margin:auto;text-align:center}.life-slide .asset-crop{max-width:780px;margin:auto}.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.life-grid>div{min-width:0}.home-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px}.home-choices button{text-align:left;padding:20px;border-radius:10px}.home-choices strong,.home-choices span{display:block}.home-choices span{font-size:16px;margin-top:8px}#homeForm{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}#homeForm h3{grid-column:1/-1}.parent-rating button{display:block;margin:10px 0}.certificate{display:block;width:100%;max-height:60vh;object-fit:contain}.award-bottom{display:flex;align-items:center;justify-content:center;gap:28px}.medal{width:140px;flex-shrink:0}.award{text-align:center}.award-ready{text-align:center;padding:20px}.award-ready img{height:160px;object-fit:contain}.reveal-award{animation:award-in .7s ease-out}@keyframes award-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#zoomDialog{width:96vw;max-width:1500px;max-height:96vh;padding:12px;background:#122e2c;color:#fff;border-color:#c2a25a;overflow:hidden}#zoomDialog .zoom-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}#zoomViewport{height:72vh;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;margin:10px 0}#zoomContent{width:90%;max-width:1100px;transform-origin:center;user-select:none}#zoomContent>img{display:block;width:100%;height:68vh;object-fit:contain;pointer-events:none}#zoomContent>.asset-crop{max-height:none}.zoom-tip{text-align:center;font-size:14px;color:#d4dfd7}.reduce .reveal-award{animation:none}
@media(max-width:850px){.keys-large{grid-template-columns:repeat(2,1fr)}.key-tile:last-child{grid-column:1/-1}.key-tile strong{min-height:0}.create-layout{grid-template-columns:1fr}.cat-display{grid-template-columns:1fr}.cat-display>img{height:28vh}.cat-display>div{text-align:center}.thumbs{justify-content:center}.create-choices{grid-template-columns:1fr}.life-grid{grid-template-columns:1fr 1fr}.theme-row{align-items:stretch;flex-direction:column}.division-wrap{gap:20px}.hero button{font-size:12px}#taskBody{font-size:18px}}
@media(max-width:500px){dialog{padding:14px}.dialoghead{top:-14px}#taskFoot{bottom:-14px}.home-choices,#homeForm,.life-grid{grid-template-columns:1fr}.keys-large{grid-template-columns:1fr}.key-tile:last-child{grid-column:auto}.key-tile{padding:10px}.key-tile span{font-size:32px}.card-tools{flex-direction:column}.caption{font-size:16px}.card img{height:140px}.create-layout .formgrid{grid-template-columns:1fr}.award-bottom{gap:10px}.medal{width:80px}.award-bottom h3{font-size:20px}.division-wrap p{font-size:16px}#zoomViewport{height:62vh}#zoomContent>img{height:60vh}.hero small{font-size:12px}.hero h1{font-size:25px}}
.theme-row button{flex:0 0 auto;white-space:nowrap}.theme-row label{display:block;min-width:0}.theme-row input{display:block;width:100%;margin-top:8px}
.life-grid{max-width:720px;margin:auto;gap:10px 20px}.life-grid h3{font-size:20px;margin:8px 0}.life-grid button{font-size:15px;padding:6px 15px;margin-top:4px}.certificate{max-height:55vh}.award-bottom .medal{display:none}.award-bottom h3{font-size:21px;margin:8px 0}.award-bottom p{margin:4px 0}.award-bottom{gap:0}

.blocks-comic{display:block;max-width:100%;width:900px;max-height:58vh;object-fit:contain;margin:0 auto 12px}#blocksForm{max-width:900px;margin:15px auto}#blocksForm label{display:block;margin:8px 0}#blocksFormula{width:100%}