*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:"Press Start 2P",cursive;background-color:#1a1a2e;color:#fff}#root{width:100%;height:100%}.app{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-canvas{position:relative;width:1920px;height:1080px;max-width:100vw;max-height:100vh;aspect-ratio:16 / 9;overflow:hidden}.debug-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.debug-grid:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:#ff000080}.debug-grid:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#ff000080}.debug-line-h25{position:absolute;top:25%;left:0;width:100%;height:1px;background:#0f06}.debug-line-h75{position:absolute;top:75%;left:0;width:100%;height:1px;background:#0f06}.debug-line-grass{position:absolute;top:67%;left:0;width:100%;height:2px;background:#ffff00b3}.debug-line-v25{position:absolute;top:0;left:25%;width:1px;height:100%;background:#0f06}.debug-line-v75{position:absolute;top:0;left:75%;width:1px;height:100%;background:#0f06}@media(max-width:1920px)or (max-height:1080px){.game-canvas{width:100%;height:auto;max-height:100vh}}.background-layers{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex;flex-direction:column}.layer-sky{flex:1;background-image:url(/sky_background.jpeg);background-size:cover;background-position:center bottom;image-rendering:pixelated}.layer-ground{height:265px;background-image:url(/ground_section.png);background-repeat:repeat-x;background-size:auto 100%;image-rendering:pixelated}.header{position:absolute;top:0;left:0;right:0;padding:2%;display:flex;justify-content:space-between;align-items:center;z-index:100}.site-title{font-family:"Press Start 2P",cursive;font-size:16px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.mute-button{font-family:"Press Start 2P",cursive;font-size:10px;padding:10px 15px;background:#1a1a2e;border:3px solid #fff;color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase}.mute-button:hover{background:#fff;color:#1a1a2e}.main-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.characters-section{position:absolute;left:0;right:0;bottom:265px;display:flex;align-items:flex-end;justify-content:center;padding-right:18%}.dialogue-system{display:flex;gap:5%;align-items:flex-end}.character-container{position:relative;display:flex;flex-direction:column;align-items:center}.character{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.quest-section{position:absolute;right:18%;top:50%;transform:translateY(-50%);z-index:50}.quest-board-container{cursor:pointer;transition:transform .2s}.quest-board-container:hover{transform:scale(1.05)}.quest-board-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.4))}.quest-scroll-wrapper{position:relative;display:inline-block}.quest-scroll-desktop{display:block}.quest-scroll-desktop .quest-board-image{width:220px;height:auto}.quest-scroll-mobile{display:none}.quest-scroll-mobile .quest-board-image{width:280px;height:auto}.quest-exclamation-badge{position:absolute;top:-10px;right:-10px;width:36px;height:36px;background:linear-gradient(180deg,gold,#ff8c00);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:18px;color:#1a1a2e;box-shadow:0 0 12px #ffd700b3,3px 3px #0000004d;animation:exclamation-bounce .6s ease-in-out infinite}@keyframes exclamation-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}.footer{position:absolute;bottom:3%;left:0;right:0;z-index:50}.social-links{display:flex;flex-direction:column;align-items:center;gap:12px}.social-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-row-top{width:100%}.social-link{font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-decoration:none;padding:8px 12px;background:#654321cc;border:2px solid #8B4513;transition:all .2s}.social-link:hover{background:#8b4513;transform:translateY(-2px)}.discord-cta{background:linear-gradient(180deg,#5865f2,#4752c4);border:3px solid #7289DA;padding:12px 40px;font-size:11px;box-shadow:4px 4px #0006}.discord-cta:hover{background:linear-gradient(180deg,#7289da,#5865f2);transform:translateY(-3px);box-shadow:4px 6px #0006}.social-name{text-transform:uppercase}.quest-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.quest-modal{background-image:url(/quest_modal_bg.jpeg);background-size:100% 100%;background-repeat:no-repeat;padding:50px 40px;max-width:420px;width:90%;position:relative;box-shadow:10px 10px #00000080;animation:modal-pop-in .3s ease-out;image-rendering:pixelated}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:15px;right:15px;font-family:"Press Start 2P",cursive;font-size:14px;background:none;border:none;color:#c33;cursor:pointer;padding:5px 10px;transition:color .2s}.modal-close:hover{color:#f44}.quest-modal-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #8B7355}.quest-modal-header .quest-icon{width:50px;height:50px;background:linear-gradient(180deg,gold,#ff8c00);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:24px;color:#1a1a2e;animation:quest-bounce .6s ease-in-out infinite}.quest-modal-header .quest-icon.check{background:linear-gradient(180deg,#4ade80,#22c55e);animation:none}.quest-modal-header.quest-success{border-bottom-color:#4ade80}.quest-title{font-family:"Press Start 2P",cursive;font-size:16px;color:#5d3a1a;text-shadow:1px 1px 0 rgba(255,255,255,.3)}.quest-success .quest-title{color:#2e7d32}.quest-modal-body{text-align:center}.quest-description{font-family:"Press Start 2P",cursive;font-size:14px;color:#5d3a1a;line-height:1.8;margin-bottom:25px}.quest-description.success-text{color:#2e7d32}.quest-subtitle{font-size:10px;color:#8b7355;display:block;margin-top:10px}.quest-form{display:flex;flex-direction:column;gap:15px}.quest-input{font-family:"Press Start 2P",cursive;font-size:16px;padding:15px;background:linear-gradient(180deg,wheat,#deb887);border:3px solid #8B7355;border-radius:4px;color:#4a3520;outline:none;transition:border-color .2s,box-shadow .2s}.quest-input:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d}.quest-input::placeholder{color:#8b7355}.quest-input:disabled{opacity:.6}.quest-error{font-family:"Press Start 2P",cursive;font-size:8px;color:#ff6b6b;margin:-5px 0 5px}.quest-submit{font-family:"Press Start 2P",cursive;font-size:12px;padding:18px 25px;background:linear-gradient(180deg,gold,#ff8c00);border:3px solid #8B7355;border-radius:4px;color:#1a1a2e;cursor:pointer;transition:all .2s;text-transform:uppercase}.quest-submit:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}.quest-submit:active{transform:translateY(0)}.quest-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.quest-submit.discord-btn{background:linear-gradient(180deg,#5865f2,#4752c4);color:#fff}.quest-submit.discord-btn:hover{box-shadow:0 5px 20px #5865f266}.quest-skip{font-family:"Press Start 2P",cursive;font-size:8px;padding:10px;background:transparent;border:none;color:#8b7355;cursor:pointer;margin-top:10px;transition:color .2s}.quest-skip:hover{color:#5d3a1a}.modal-header{font-family:"Press Start 2P",cursive;font-size:16px;text-align:center;margin-bottom:20px;color:wheat}.modal-content{width:100%}.app.mobile{width:100vw;min-height:100vh;background:linear-gradient(180deg,#2c3e50,#1a1a2e);display:flex;flex-direction:column;align-items:center;padding:60px 20px 20px;overflow-y:auto}.app.mobile .mute-button{position:fixed;top:10px;left:10px;z-index:1000;font-size:8px;padding:8px 12px}.gameboy-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px}.gameboy-frame{background:linear-gradient(145deg,#8b8b8b,silver,#8b8b8b);border-radius:20px 20px 60px 60px;padding:20px;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #0000004d,5px 5px 15px #0006;width:100%;max-width:300px}.gameboy-speaker{display:flex;justify-content:flex-end;gap:3px;margin-bottom:10px;padding-right:20px}.speaker-line{width:20px;height:3px;background:#555;border-radius:2px}.gameboy-screen-border{background:#4a4a4a;padding:15px;border-radius:8px;margin-bottom:15px}.gameboy-screen{background:#9bbc0f;border:4px solid #2d2d2d;border-radius:4px;padding:10px;min-height:200px;display:flex;flex-direction:column;image-rendering:pixelated}.gameboy-characters{display:flex;justify-content:center;gap:10px;flex:1}.gameboy-character-wrapper{display:flex;align-items:center;justify-content:center}.gameboy-character-wrapper .character{filter:sepia(100%) hue-rotate(50deg) saturate(.5)}.gameboy-dialogue{background:#0f380f;border:2px solid #0f380f;padding:8px;min-height:60px}.gameboy-dialogue-box{font-family:"Press Start 2P",cursive;font-size:8px;color:#9bbc0f;line-height:1.4}.gameboy-speaker-name{color:#8bac0f;margin-right:5px}.gameboy-dialogue-text{color:#9bbc0f}.gameboy-brand{display:flex;align-items:baseline;gap:5px;margin:10px 0;padding-left:10px}.brand-text{font-family:"Press Start 2P",cursive;font-size:14px;font-weight:700;font-style:italic;color:#1a237e;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.brand-sub{font-family:"Press Start 2P",cursive;font-size:8px;color:#1a237e}.gameboy-controls{display:flex;justify-content:space-between;align-items:center;padding:20px}.dpad{position:relative;width:80px;height:80px}.dpad-vertical{position:absolute;left:50%;top:0;transform:translate(-50%);width:26px;height:80px;background:#2d2d2d;border-radius:4px}.dpad-horizontal{position:absolute;top:50%;left:0;transform:translateY(-50%);width:80px;height:26px;background:#2d2d2d;border-radius:4px}.dpad-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;background:#2d2d2d}.action-buttons{display:flex;gap:10px;transform:rotate(-25deg)}.btn-a,.btn-b{width:40px;height:40px;border-radius:50%;background:#9c1b5e;border:none;font-family:"Press Start 2P",cursive;font-size:12px;color:#00000080;cursor:pointer;box-shadow:inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000004d,2px 2px 5px #0000004d}.gameboy-start-select{display:flex;justify-content:center;gap:20px;transform:rotate(-25deg);margin-top:10px}.btn-select,.btn-start{width:40px;height:12px;background:#555;border:none;border-radius:6px;font-family:"Press Start 2P",cursive;font-size:5px;color:#888;cursor:pointer}.gameboy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.gameboy-link{font-family:"Press Start 2P",cursive;font-size:10px;padding:12px 16px;background:#1a1a2e;border:3px solid #fff;color:#fff;cursor:pointer;transition:all .2s}.gameboy-link:hover{background:#fff;color:#1a1a2e}.gameboy-socials{display:flex;gap:15px;margin-top:10px}.gameboy-socials a{font-family:"Press Start 2P",cursive;font-size:10px;color:#888;text-decoration:none;padding:8px;transition:color .2s}.gameboy-socials a:hover{color:#fff}.game-canvas .character{width:15vw!important;height:15vw!important;max-width:280px!important;max-height:280px!important;min-width:150px!important;min-height:150px!important}@media(max-width:1400px){.game-menu{min-width:220px;padding:15px}.menu-item{font-size:9px;padding:10px}.menu-title{font-size:14px}}@media(max-width:1100px){.game-menu{min-width:180px;padding:12px}.menu-item{font-size:8px;padding:8px}.menu-title,.site-title{font-size:12px}.mute-button{font-size:8px;padding:8px 12px}.social-link{font-size:8px;padding:6px 10px}}@media(max-width:768px){.app{height:100vh;height:100dvh;overflow:hidden}.game-canvas{width:100%;height:100vh;height:100dvh;aspect-ratio:auto}.background-layers{height:100%}.layer-sky{flex:1;min-height:0}.layer-ground{height:35vh;min-height:180px;max-height:280px;flex-shrink:0}.header{padding:10px 12px}.site-title{font-size:10px}.mute-button{font-size:7px;padding:6px 10px}.quest-section{position:absolute;inset:50px auto auto 50%;transform:translate(-50%);z-index:100}.quest-board-container:hover{transform:scale(1.02)}.quest-scroll-desktop{display:none}.quest-scroll-mobile{display:block}.quest-scroll-mobile .quest-board-image{width:280px;height:auto}.quest-scroll-mobile .quest-exclamation-badge{top:-8px;right:-8px;width:28px;height:28px;font-size:14px}.characters-section{bottom:35vh;min-height:0;padding-right:0;justify-content:center}.dialogue-system{gap:5px}.game-canvas .character{width:28vw!important;height:28vw!important;min-width:90px!important;min-height:90px!important;max-width:140px!important;max-height:140px!important}.dialogue-box{font-size:7px!important;min-width:100px!important;max-width:140px!important;padding:6px 10px!important;line-height:1.3!important}.footer{display:block;position:absolute;bottom:15px;left:0;right:0;z-index:50}.social-links{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 10px}.social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.social-link{font-size:9px;padding:12px 16px;background:#654321f2;border:3px solid #8B4513;box-shadow:3px 3px #0006}.discord-cta{padding:10px 30px;font-size:10px}.social-link.discord-cta{background:linear-gradient(180deg,#5865f2,#4752c4);border:3px solid #7289DA}.social-link:active{transform:translate(2px,2px);box-shadow:1px 1px #0006}}@media(max-width:375px){.menu-item{font-size:6px;padding:8px 10px}.social-link{font-size:8px;padding:10px 12px}.game-canvas .character{width:25vw!important;height:25vw!important;min-width:70px!important;min-height:70px!important}.dialogue-box{font-size:6px!important;min-width:80px!important;max-width:110px!important}}@media(max-height:500px){.app{height:100vh;height:100dvh;overflow:hidden}.game-canvas{width:100%;height:100vh;height:100dvh;aspect-ratio:auto}.background-layers{height:100%}.layer-sky{flex:1;min-height:0}.layer-ground{height:45%;min-height:80px;flex-shrink:0}.characters-section{bottom:45%;padding-right:0;justify-content:flex-start;padding-left:5%}.dialogue-system{gap:10px}.game-canvas .character{width:20vh!important;height:20vh!important;min-width:70px!important;min-height:70px!important;max-width:120px!important;max-height:120px!important}.dialogue-box{font-size:6px!important;min-width:70px!important;max-width:100px!important;padding:4px 8px!important}.menu-section{position:absolute;inset:10px 10px auto auto;transform:none;width:auto;max-width:200px}.game-menu{min-width:auto;padding:8px;background:#1a1a2ef2;border:2px solid #fff;box-shadow:3px 3px #0006}.menu-header{display:none}.menu-items{flex-direction:column;gap:4px}.menu-item{font-size:6px;padding:6px 10px;border:none;background:transparent;box-shadow:none}.menu-item:hover{background:#ffffff1a}.menu-arrow{display:inline;font-size:8px}.header{padding:5px 10px}.site-title{font-size:8px}.mute-button{font-size:6px;padding:4px 8px}.footer{display:block;position:absolute;bottom:5px;left:0;right:0}.social-links{gap:8px;padding:0 5px}.social-link{font-size:6px;padding:6px 10px}}