.construction-game{background:#f2ead9;border:1px solid #b9c7c4;border-radius:22px;margin:45px auto;scroll-margin-top:20px;overflow:hidden}.construction-toolbar{color:#fff;background:#173f53;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 22px;display:flex}.construction-toolbar strong{flex:1}.construction-toolbar button{color:#173f53;cursor:pointer;background:#fff9e9;border:0;border-radius:20px;padding:10px 14px}.construction-instruction{padding:10px 24px;font-size:1.1rem}.construction-workshop{background:linear-gradient(#fff9edbb,#fff9edee),url(/azulejo/meio/urso-porto.jpg) 50%/cover;grid-template-columns:1.35fr 1fr;gap:20px;padding:20px;display:grid}.construction-blueprint{background:#102a41;border:6px solid #c8ac77;border-radius:8px;min-height:660px;position:relative;overflow:hidden;box-shadow:0 12px 30px #233c4320}.construction-plan-label,.construction-ground{color:#d5e6e5;letter-spacing:3px;text-align:center;font-size:.65rem;position:absolute;top:12px;left:10px;right:10px}.construction-ground{top:auto;bottom:10px}.construction-tower{width:62%;position:absolute;top:42px;bottom:36px;left:19%}.tower-part{opacity:.14;filter:grayscale();width:100%;transition:opacity .6s,filter .6s;position:absolute}.tower-part img{object-fit:fill;mix-blend-mode:screen;width:100%;height:100%}.tower-part.is-built{opacity:1;filter:none}.part-base{height:25%;top:75%}.part-corpo{height:24%;top:51%}.part-relogio-bloco{height:25%;top:26%}.part-topo{height:26%;top:0}.construction-target{color:#fff9da;cursor:pointer;z-index:3;background:#163d52b0;border:2px dashed #f9d991;border-radius:10px;min-height:36px;padding:5px;font-size:.8rem;position:absolute}.construction-target:hover{background:#765525}.construction-target.is-filled{opacity:0;pointer-events:none}.target-base{width:100%;height:23%;top:76%;left:0}.target-corpo{width:100%;height:22%;top:52%;left:0}.target-relogio-bloco{width:100%;height:23%;top:27%;left:0}.target-topo{width:100%;height:25%;top:0;left:0}.target-redonda{border-radius:50%;width:32%;height:8%;top:62%;left:34%}.target-arco{border-radius:50% 50% 5px 5px;width:32%;height:11%;top:30%;left:34%}.target-relogio-baixo{width:30%;top:83%;left:35%}.target-relogio-certo{width:30%;top:42%;left:35%}.target-relogio-alto{width:30%;top:12%;left:35%}.target-sino-grande{width:36%;height:10%;top:30%;left:32%}.target-sino-pequeno{width:30%;height:9%;top:11%;left:35%}.clock-cover{background:#9c8d71;border-radius:50%;width:34%;height:8%;position:absolute;top:41%;left:33%}.working-clock{color:#362f27;background:#ead9ad;border:2px solid #b99251;border-radius:50%;place-items:center;width:32%;height:8%;font:2.5rem Georgia;animation:12s linear infinite clock-turn;display:grid;position:absolute;top:41%;left:34%}.construction-tray h3{margin:0;font:1.6rem Georgia}.construction-tray>p{font-size:.9rem;line-height:1.5}.construction-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.construction-piece{touch-action:none;-webkit-user-select:none;user-select:none;color:#ffefcd;cursor:grab;background:#173347;border:3px solid #d0b27f;border-radius:15px;flex-direction:column;align-items:center;gap:8px;min-height:145px;padding:10px;display:flex}.construction-piece img{object-fit:contain;mix-blend-mode:screen;pointer-events:none;width:100%;height:108px}.construction-piece[aria-pressed=true]{outline-offset:2px;outline:4px solid #df983d}.construction-symbol{color:#e3bb64;place-items:center;height:100px;font:5rem Georgia;display:grid}.symbol-sino-grande,.symbol-sino-pequeno{font-size:0;position:relative}.symbol-sino-grande:after,.symbol-sino-pequeno:after{content:"🔔";font-size:4rem}.symbol-sino-pequeno:after{font-size:2.5rem}.construction-team{border-radius:12px;width:100%;margin-top:24px}.construction-feedback{background:#fffdf6;border-left:4px solid #b58238;min-height:90px;padding:18px;font:1.1rem/1.6 Georgia!important}.construction-drag{z-index:9999;pointer-events:none;background:#193c4de6;border:2px solid #efcd81;border-radius:12px;width:100px;height:110px;position:fixed;transform:translate(-50%,-50%)}.construction-drag img{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%}.construction-light{pointer-events:none;background:radial-gradient(#fff9b7bb,#0000 65%);width:120%;height:25%;animation:2.2s ease-in-out forwards tower-light;position:absolute;bottom:0;left:-10%}.is-awake .construction-tower{filter:drop-shadow(0 0 13px #ffcb57)}.construction-victory{text-align:center;background:#fff4cf;padding:35px}.construction-victory h2{font:2.4rem Georgia}.construction-victory p{line-height:1.8}.construction-footnote{text-align:center;padding:12px 22px;font-size:.85rem}.urso-story details{margin:20px 0}.urso-story summary{cursor:pointer;font-weight:700}.urso-fact{background:#eaf0e4;border-radius:14px;padding:20px;line-height:1.7}@keyframes tower-light{to{bottom:82%}}@keyframes clock-turn{to{transform:rotate(360deg)}}@media (max-width:650px){.construction-workshop{grid-template-columns:1.2fr 1fr;gap:8px;padding:8px}.construction-blueprint{border-width:3px;min-height:490px}.construction-tower{width:90%;left:5%}.construction-tray h3{font-size:1.1rem}.construction-pieces{grid-template-columns:1fr;gap:8px}.construction-piece{min-height:90px;padding:5px;font-size:.75rem}.construction-piece img{height:65px}.construction-symbol{height:55px;font-size:3rem}.construction-team{margin-top:10px}.construction-feedback{padding:10px;font-size:.85rem!important}.construction-target{padding:2px;font-size:.65rem}.construction-plan-label,.construction-ground{letter-spacing:1px;font-size:.5rem}.construction-tray>p{font-size:.75rem}.construction-toolbar{padding:12px}.construction-toolbar strong{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.construction-light,.working-clock{animation:none}.construction-light{bottom:80%}.tower-part{transition:none}}.construction-tower{width:140px;left:calc(50% - 70px)}.tower-part{mix-blend-mode:screen}.tower-part img{object-fit:contain}.working-clock{aspect-ratio:1;width:32%;height:auto;font-size:1.5rem;animation:none}.construction-target{min-width:40px}@media (max-width:650px){.construction-tower{width:100px;left:calc(50% - 50px)}}.is-awake .construction-blueprint{background:#18364a}.is-awake .tower-part{mix-blend-mode:screen}.is-awake .construction-plan-label,.is-awake .construction-ground{color:#ffe9a1}.construction-blueprint,.is-awake .construction-blueprint{background:#000}.working-clock{color:#0000;background:0 0;border:0}.working-clock:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:0 0 14px #f7df8b88}.free-tower{background:#fff7e8;border:2px solid #385f70;border-radius:20px;max-width:1100px;margin:35px auto;overflow:hidden}.free-tower header{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.free-tower p{padding:0 16px;line-height:1.6}.free-tower header button{color:#fff;background:#234f61;border-radius:20px;padding:12px 20px}.free-tower-scene{aspect-ratio:1.45;touch-action:none;background:url(/azulejo/meio/urso-porto.jpg) 50%/cover;position:relative;overflow:hidden}.free-tower-piece{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border:0;width:22%;height:32%;position:absolute;background:0 0!important;padding:0!important}.free-tower-piece:active{cursor:grabbing}.free-tower-piece img{object-fit:contain;pointer-events:none;width:100%;height:100%}.free-tower-piece:focus-visible{outline:3px solid #da9b22}.free-base img{clip-path:polygon(18% 7%,82% 7%,85% 10%,83% 75%,95% 93%,5% 93%,17% 75%,17% 10%)}.free-corpo img{clip-path:polygon(10% 3%,90% 3%,93% 7%,89% 80%,96% 94%,4% 94%,11% 80%,7% 7%)}.free-relogio img{clip-path:polygon(10% 2%,90% 2%,92% 7%,88% 83%,97% 98%,3% 98%,12% 83%,8% 7%)}.free-topo img{clip-path:polygon(49% 0,51% 0,52% 5%,59% 6%,52% 8%,55% 14%,57% 16%,58% 20%,70% 20%,73% 31%,78% 45%,88% 61%,85% 87%,91% 100%,9% 100%,15% 87%,12% 61%,22% 45%,27% 31%,30% 20%,42% 20%,43% 16%,45% 14%,48% 8%,41% 6%,48% 5%)}@media (max-width:600px){.free-tower-scene{aspect-ratio:.85}}.free-tower .free-tower-piece{box-shadow:none!important;border:0!important;border-radius:0!important}.free-tower-piece img{width:auto;max-width:100%;height:100%;margin:auto;display:block}.free-tower-piece[aria-pressed=true]{filter:drop-shadow(0 0 5px #c59838)}.free-tower-piece{height:23%}.free-tower-scene{aspect-ratio:1000/900!important}.free-tower-piece svg{pointer-events:none;width:100%;height:100%;display:block}.tower-snap-choice{align-items:center;gap:10px;padding:0 16px 16px;display:flex}.tower-snap-choice input{accent-color:#234f61;width:22px;height:22px}.free-tower-scene{width:min(100%,77.7778svh);margin-inline:auto}
