.overworld-page{margin:0;padding:0;overflow:hidden;background:#2a5a1e}.overworld{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#2a5a1e}.overworld__game-area{position:relative;width:100%;height:100%;max-width:calc(100vh * 1024 / 768);max-height:75vw}.overworld__canvas-wrapper{position:relative;width:100%;height:100%}.overworld__canvas{width:100%;height:100%;image-rendering:pixelated;display:block;object-fit:contain}.overworld__text-toggle{position:absolute;top:.5rem;left:.5rem;z-index:10;padding:.25rem .5rem;background:#1a1a2ed9;border:2px solid #e0c97f;border-radius:2px;color:#e0c97f;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer}.building-dialog{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:10;width:90%;max-width:480px;padding:1rem 1.25rem;background:#1a1a2e;border:3px solid #e0c97f;border-radius:4px;color:#f0f0f0;font-family:JetBrains Mono,monospace;image-rendering:auto}.building-dialog__name{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#e0c97f}.building-dialog__description{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:#d0d0d0}.building-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.building-dialog__btn{padding:.375rem 1rem;border:2px solid #e0c97f;border-radius:2px;font-family:inherit;font-size:.875rem;cursor:pointer;transition:background-color .15s}.building-dialog__btn--enter{background:#e0c97f;color:#1a1a2e}.building-dialog__btn--enter:hover,.building-dialog__btn--enter:focus-visible{background:#f0d98f}.building-dialog__btn--cancel{background:transparent;color:#e0c97f}.building-dialog__btn--cancel:hover,.building-dialog__btn--cancel:focus-visible{background:#e0c97f26}.overworld__building-sign{position:absolute;transform:translate(-50%);z-index:5;padding:.125rem .5rem;background:#1a1a2ebf;border:1px solid rgba(224,201,127,.5);border-radius:2px;color:#e0c97f;font-family:JetBrains Mono,monospace;font-size:.625rem;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.overworld__title-card{position:absolute;top:3%;left:50%;transform:translate(-50%);z-index:10;margin:0;padding:.375rem 1.5rem .5rem;background:#1a1a2ed9;border:2px solid #e0c97f;border-radius:2px;pointer-events:none}.overworld__title-text{display:block;font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700;color:#e0c97f;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.overworld__title-subtitle{display:block;font-family:JetBrains Mono,monospace;font-size:.625rem;font-weight:400;color:#b8a06a;letter-spacing:.15em;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-top:.125rem}@media (max-width: 600px){.overworld__title-card{padding:.25rem 1rem .375rem}.overworld__title-text{font-size:.875rem}.overworld__building-sign{font-size:.5rem;padding:.0625rem .375rem}.overworld__text-toggle{font-size:.625rem;padding:.125rem .375rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.overworld__audio-toggle,.overworld__contrast-toggle,.overworld__describe-btn{min-height:44px;min-width:44px}.building-dialog{width:95%;padding:.75rem 1rem;font-size:.8rem}.building-dialog__btn{min-height:44px;padding:.5rem 1.25rem}}.overworld__prompt{position:absolute;transform:translate(-50%);z-index:10;padding:.25rem .75rem;background:#1a1a2ee6;border:2px solid #e0c97f;border-radius:2px;color:#e0c97f;font-family:JetBrains Mono,monospace;font-size:.75rem;white-space:nowrap;pointer-events:none}.overworld__audio-toggle{position:absolute;top:.5rem;right:.5rem;z-index:10;width:2rem;height:2rem;padding:0;background:#1a1a2ed9;border:2px solid #e0c97f;border-radius:2px;color:#e0c97f;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.overworld__describe-btn{position:absolute;top:.5rem;right:5.5rem;z-index:10;width:2rem;height:2rem;padding:0;background:#1a1a2ed9;border:2px solid #e0c97f;border-radius:2px;color:#e0c97f;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.overworld__contrast-toggle{position:absolute;top:.5rem;right:3rem;z-index:10;width:2rem;height:2rem;padding:0;background:#1a1a2ed9;border:2px solid #e0c97f;border-radius:2px;color:#e0c97f;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.overworld__fade{position:absolute;inset:0;z-index:20;background:#000;opacity:0;pointer-events:none;transition:opacity .3s ease}.overworld__fade--active{opacity:1}.overworld__accessible-nav{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.overworld__accessible-nav:focus-within{position:static;width:auto;height:auto;padding:1rem;background:var(--bg-primary, #fff)}.overworld__text-fallback{padding:2rem;max-width:640px;margin:0 auto;color:#f0f0f0}.overworld__text-fallback h1{color:#e0c97f}.overworld__text-fallback p{color:#d0d0d0}.overworld__text-fallback__list{list-style:none;padding:0;display:grid;gap:1rem}.overworld__text-fallback__link{display:block;padding:1rem;border:2px solid #e0c97f;border-radius:4px;text-decoration:none;color:#f0f0f0;background:#1a1a2ed9}.overworld__text-fallback__link strong{color:#e0c97f}.overworld__text-fallback__link:hover{background:#e0c97f26}.virtual-dpad{display:none;position:absolute;bottom:1.5rem;left:1.5rem;z-index:15;width:9rem;height:9rem}.virtual-dpad__btn{position:absolute;width:3rem;height:3rem;background:#1a1a2eb3;border:2px solid rgba(224,201,127,.6);border-radius:4px;color:#e0c97f;font-size:1.25rem;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.virtual-dpad__btn:active{background:#e0c97f4d}.virtual-dpad__btn--up{top:0;left:3rem}.virtual-dpad__btn--left{top:3rem;left:0}.virtual-dpad__btn--right{top:3rem;left:6rem}.virtual-dpad__btn--down{top:6rem;left:3rem}.virtual-dpad__btn--interact{bottom:1.5rem;right:1.5rem;left:auto;top:auto;position:fixed;width:3.5rem;height:3.5rem;border-radius:50%;font-size:1rem;font-weight:700;font-family:JetBrains Mono,monospace}@media (pointer: coarse){.virtual-dpad{display:block}}.overworld__daynight{position:absolute;inset:0;z-index:4;pointer-events:none;animation:daynight-cycle 600s ease-in-out infinite}@keyframes daynight-cycle{0%{background:transparent}20%{background:transparent}35%{background:#ff8c321f}45%{background:#b4502833}55%{background:#0f0f3c59}65%{background:#05051e66}75%{background:#05051e66}85%{background:#50326433}95%{background:#ffc8641a}to{background:transparent}}@media (prefers-reduced-motion: reduce){.overworld__daynight{animation:none}}.confetti-piece{position:fixed;width:1.25rem;height:1.25rem;pointer-events:none;z-index:999}@media (prefers-reduced-motion: reduce){.overworld__fade{transition:none}}.welcome-modal__overlay{position:absolute;inset:0;z-index:100;background:#0f0f1ed9;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.welcome-modal{width:90%;max-width:500px;padding:1.5rem;background:#1a1a2e;border:4px solid #e0c97f;border-radius:4px;color:#f0f0f0;font-family:JetBrains Mono,monospace;box-shadow:0 10px 25px #00000080;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.welcome-modal__title{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:#e0c97f;text-align:center;text-transform:uppercase;letter-spacing:.05em}.welcome-modal__content{font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.welcome-modal__content p{margin:0 0 1rem}.welcome-modal__controls{background:#0000004d;padding:1rem;border-radius:4px;border:1px solid rgba(224,201,127,.3)}.welcome-modal__controls p{margin:0 0 .5rem;color:#e0c97f}.welcome-modal__controls ul{margin:0;padding-left:1.25rem}.welcome-modal__actions{display:flex;gap:1rem;justify-content:center}.welcome-modal__btn{padding:.625rem 1.25rem;border:2px solid #e0c97f;border-radius:2px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.welcome-modal__btn--play{background:#e0c97f;color:#1a1a2e}.welcome-modal__btn--play:hover,.welcome-modal__btn--play:focus-visible{background:#f0d98f;transform:translateY(-1px)}.welcome-modal__btn--skip{background:transparent;color:#e0c97f}.welcome-modal__btn--skip:hover,.welcome-modal__btn--skip:focus-visible{background:#e0c97f26}@media (max-width: 600px){.welcome-modal{padding:1rem}.welcome-modal__actions{flex-direction:column-reverse}}