.earth-wrap{position:relative;display:grid;width:min(620px,100%);aspect-ratio:1;place-items:center;overflow:hidden;background:var(--ink);cursor:grab;touch-action:none}.earth-wrap:active{cursor:grabbing}#bird-earth{display:block;width:100%;height:100%}.earth-help,.earth-status{position:absolute;margin:0;padding:8px 10px;color:#dce8e5;background:rgba(7,28,38,.82);font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.earth-help{bottom:14px;left:14px}.earth-status{top:14px;right:14px;color:var(--lime);text-align:right}.region-controls{display:grid;margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.region-controls button{display:flex;min-height:190px;padding:30px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);background:transparent;flex-direction:column;text-align:left;cursor:pointer}.region-controls button:hover,.region-controls button.active{background:var(--paper)}.region-controls button:focus-visible{position:relative;z-index:1;outline:3px solid var(--ocean);outline-offset:-3px}.region-controls span{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em}.region-controls strong{margin:24px 0 12px;font-family:var(--serif);font-size:1.75rem;font-weight:400;line-height:1}.region-controls small{margin-top:auto;color:#36545b;font-size:.72rem}.region-controls button.active span{color:#bd4e38}.region-controls button.active:after{content:"REGION ACTIVE";margin-top:14px;color:#bd4e38;font-family:var(--mono);font-size:.5rem}@media(max-width:720px){.region-controls{grid-template-columns:1fr}.region-controls button{min-height:150px}.earth-help{display:none}}@media(prefers-reduced-motion:reduce){.earth-wrap{cursor:default}}