.transform-gallery{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:2px solid #789487;border-radius:1.5rem;background:linear-gradient(135deg,#fffaf0,#edf6f1,#f5effa);box-shadow:0 24px 70px #16372b24;color:#173d31}
.transform-gallery h3{font:700 clamp(1.8rem,4vw,3rem)/1.05 Georgia,serif;margin:.25rem 0}.transform-gallery p{max-width:80ch}.transform-mode-tabs,.transform-toolbar,.transform-actions,.transform-palette,.transform-zoom-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.8rem 0}.transform-gallery button,.transform-gallery select,.transform-gallery input{font:inherit}.transform-gallery button,.transform-gallery select{border:2px solid #557866;border-radius:999px;background:#fff;color:#173d31;padding:.65rem .85rem;font-weight:850;cursor:pointer}.transform-gallery button.selected,.transform-gallery button[aria-pressed=true]{background:#173d31;color:#fff}.transform-palette button{width:42px;height:42px;padding:0;background:var(--paint);box-shadow:0 0 0 2px #fff,0 0 0 4px #557866}.transform-stage-wrap{position:relative;overflow:auto;max-height:78vh;border:3px solid #29463a;border-radius:1rem;background:#fff;overscroll-behavior:contain}.transform-stage{position:relative;width:min(100%,920px);margin:auto;aspect-ratio:2/3;background:#fff;transform-origin:top left}.transform-stage img,.transform-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.transform-stage canvas{touch-action:none}.transform-stage.paused canvas{pointer-events:none}.discovery-lens{position:absolute;width:220px;height:220px;border:7px solid #f2c94c;border-radius:50%;box-shadow:0 8px 30px #0005,inset 0 0 0 3px #173d31;background:#fff;pointer-events:none;display:none;overflow:hidden;z-index:5}.discovery-lens img{position:absolute;max-width:none;object-fit:initial}.lens-message{position:absolute;inset:auto 8px 8px;padding:.5rem;border-radius:.6rem;background:#173d31e8;color:#fff;font-weight:900;text-align:center;font-size:.78rem}.transform-discovery-on .discovery-lens{display:block}.hidden-object-board{position:absolute;inset:0;z-index:4}.hidden-token{position:absolute;width:34px;height:34px;padding:0!important;border:0!important;background:transparent!important;color:#173d31!important;font-size:24px!important;opacity:.18;filter:grayscale(1);transform:translate(-50%,-50%);box-shadow:none!important}.hidden-token:hover,.hidden-token:focus,.hidden-token.found{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1.25)}.quest-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:1rem 0}.quest-panel article{padding:1rem;border:1px solid #b7c8bd;border-radius:1rem;background:#ffffffd9}.quest-panel strong{display:block;margin-bottom:.35rem}.quest-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.quest-list li{padding:.45rem .65rem;border-radius:999px;background:#fff;border:1px solid #789487}.quest-list li.found{text-decoration:line-through;background:#dff2df}.transform-reflection{display:grid;gap:.45rem;margin-top:1rem}.transform-reflection textarea{min-height:90px;padding:.8rem;border:2px solid #789487;border-radius:.8rem;font:inherit}.transform-status{padding:.7rem;border-radius:.7rem;background:#173d31;color:#fff;font-weight:800}.transform-gallery [hidden]{display:none!important}@media(max-width:600px){.transform-gallery{padding:.8rem}.transform-stage-wrap{max-height:65vh}.discovery-lens{width:150px;height:150px}.transform-gallery button,.transform-gallery select{min-height:44px}.transform-toolbar>*{flex:1 1 44%}}
@media(max-width:600px){html,body{overflow-x:hidden}.mission-inner{width:100%!important;max-width:100%!important}.living-window-ripple{max-width:100vw!important}}
@media print{.transform-gallery>*:not(.transform-stage-wrap){display:none!important}.transform-stage-wrap{max-height:none;border:0;overflow:visible}.transform-stage canvas,.hidden-object-board,.discovery-lens{display:none!important}.transform-stage{width:100%;height:auto;aspect-ratio:2/3}.transform-stage img{position:static;width:100%}}