@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font-family:"Press Start 2P",monospace}:root{--blue:#48afff}#hero{position:relative;height:min(94vw,1150px);min-height:760px;max-height:1150px;background:var(--blue);overflow:hidden}#brand{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:50;font-size:16px;letter-spacing:7px}#avatar{position:absolute;left:25px;top:18px;width:72px;height:72px;image-rendering:pixelated;z-index:50}#menuBtn{position:absolute;right:25px;top:23px;background:none;border:0;color:#fff;font-size:32px;z-index:70;cursor:pointer}#topMenu{position:absolute;right:22px;top:18px;z-index:80;display:none;min-width:240px;padding:48px 22px 20px;background:#050505;border:3px solid #fff}#topMenu.open{display:grid;gap:18px}#topMenu a{color:#fff;text-decoration:none;font-size:9px}#menuClose{position:absolute;right:10px;top:8px;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}#game{position:absolute;left:50%;top:68px;transform:translate(-50%);width:min(96vw,1120px);height:calc(100% - 88px);overflow:hidden;outline:0;z-index:5;padding-top:100px}#world{position:absolute;width:1626px;height:1255px;transform-origin:0 0;image-rendering:pixelated}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:1626px;height:1255px;image-rendering:pixelated;z-index:1;-webkit-user-select:none;user-select:none}.asset-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#backLayer{z-index:5}#player{position:absolute;width:100px;height:100px;transform:translate(-50%,-78%);image-rendering:pixelated;z-index:10;pointer-events:none}#frontLayer{z-index:15}.world-asset{position:absolute;transform:translate(-50%,-100%);image-rendering:pixelated;-webkit-user-select:none;user-select:none}@keyframes cloudA{0%,to{transform:translate(-50%,-100%) translate(0)}50%{transform:translate(-50%,-100%) translate(11px,-9px)}}@keyframes cloudB{0%,to{transform:translate(-50%,-100%) translateY(-2px)}50%{transform:translate(-50%,-100%) translate(-9px,8px)}}.cloud{animation:cloudA 7.5s ease-in-out infinite}.cloud.alt{animation-name:cloudB;animation-duration:9s;animation-delay:-2s}#rainFX{position:absolute;width:118px;height:150px;z-index:14;pointer-events:none;overflow:visible;animation:cloudB 9s ease-in-out infinite -2s}.rain-drop{position:absolute;width:5px;height:10px;background:#fff;opacity:.92;animation:rainFall .34s linear infinite}@keyframes rainFall{0%{transform:translate(0) rotate(-20deg)}to{transform:translate(-24px,112px) rotate(-20deg)}}.rain-splash{position:absolute;width:12px;height:4px;border-top:4px solid #fff;border-radius:50%;opacity:0;animation:splash .68s steps(3,end) infinite}@keyframes splash{0%,55%{opacity:0;transform:scaleX(.35)}65%{opacity:.95;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.5)}}#lightningFX{position:absolute;left:54px;top:12px;width:8px;height:42px;background:#fff;clip-path:polygon(45% 0,100% 0,62% 42%,100% 42%,12% 100%,38% 57%,0 57%);opacity:0}#lightningFX.flash{animation:bolt .3s steps(2,end)}@keyframes bolt{0%,35%,70%{opacity:1}18%,55%,to{opacity:0}}#bottomFade{position:absolute;left:0;right:0;bottom:0;height:105px;z-index:2;pointer-events:none;background:linear-gradient(180deg,#48afff00,#2d89d740 28%,#144f9194 56%,#072248e0 80%,#000)}#controls{position:absolute;left:12px;bottom:12px;z-index:40;background:#000b;padding:7px 9px;font-size:7px}#dialogue{position:absolute;left:50%;transform:translate(-50%);z-index:60;width:min(760px,78vw);display:none;align-items:center;gap:16px;background:#050505;border:3px solid #fff;padding:16px 20px}#dialogue.show{display:flex}#dialogue.top{top:105px}#dialogue.bottom{bottom:115px}#guideTalk{width:92px;height:82px;object-fit:contain;image-rendering:pixelated}.dialogueBody{min-width:0}#dialogueTitle{font-size:10px;margin-bottom:8px}#dialogueText{font-size:8px;line-height:1.75}.dialogueHint{font-size:6px;color:#888;margin-top:9px}footer{min-height:190px;background:#000;padding:28px 28px 18px}.footer-inner{max-width:1080px;margin:auto;display:flex;align-items:center;gap:30px}.footer-logo{width:62px;height:62px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:8px}.footer-nav{display:flex;gap:28px;flex-wrap:wrap}.footer-nav a{color:#aaa;text-decoration:none;font-size:8px}.footer-nav a.active{color:#fff}.fineprint{max-width:1080px;margin:26px auto 0;padding-top:14px;border-top:1px solid #333;color:#666;font-size:5px;line-height:1.7;letter-spacing:.4px}@media(prefers-reduced-motion:reduce){.cloud,#rainFX,.rain-drop,.rain-splash{animation:none}}@media(max-width:700px){#brand{font-size:12px;letter-spacing:4px}#dialogue{width:92vw;padding:12px;gap:10px}#guideTalk{width:68px;height:62px}.footer-nav{gap:15px}}#rainFX{width:88px!important;height:118px!important;z-index:13!important}.rain-drop{width:4px!important;height:7px!important;opacity:.9!important}.rain-splash{width:9px!important;border-top-width:3px!important}.world-asset[data-asset=darkCloud]{z-index:30!important}.world-asset[data-asset=shipwreck]{animation:shipFloat 2.6s ease-in-out infinite!important}@keyframes shipFloat{0%,to{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(8px)}}.world-asset[data-asset=crab]{animation:crabBeach 6.8s steps(12,end) infinite!important;transform-origin:center bottom}@keyframes crabBeach{0%{transform:translate(-50%,-100%) translate(-24px);opacity:1}28%{transform:translate(-50%,-100%) translate(24px);opacity:1}40%{transform:translate(-50%,-100%) translate(12px) translateY(3px) scaleY(.45);opacity:.15}52%{transform:translate(-50%,-100%) translate(12px) translateY(4px) scaleY(.2);opacity:0}64%{transform:translate(-50%,-100%) translate(12px) translateY(2px) scaleY(.6);opacity:.8}to{transform:translate(-50%,-100%) translate(-24px);opacity:1}}#lightningFX{width:10px!important;height:46px!important;background:#ffd62a!important;filter:drop-shadow(0 0 1px #fff)}.world-asset[data-asset=crab]{animation:crabQuick 4.2s steps(10,end) infinite!important}@keyframes crabQuick{0%{transform:translate(-50%,-100%) translate(-30px) translateY(0);opacity:1}30%{transform:translate(-50%,-100%) translate(30px) translateY(0);opacity:1}38%{transform:translate(-50%,-100%) translate(34px) translateY(4px);opacity:1}42%{transform:translate(-50%,-100%) translate(34px) translateY(9px);opacity:1}46%,58%{transform:translate(-50%,-100%) translate(34px) translateY(18px);opacity:0}62%{transform:translate(-50%,-100%) translate(34px) translateY(9px);opacity:1}66%{transform:translate(-50%,-100%) translate(34px) translateY(4px);opacity:1}72%{transform:translate(-50%,-100%) translate(30px) translateY(0);opacity:1}to{transform:translate(-50%,-100%) translate(-30px) translateY(0);opacity:1}}.world-asset[data-asset=shark]{animation:sharkBob 2.8s ease-in-out infinite!important}@keyframes sharkBob{0%,to{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(7px)}}.rain-drop{width:4px!important;height:8px!important;animation:rainStraight .38s linear infinite!important}@keyframes rainStraight{0%{transform:translateY(0)}to{transform:translateY(105px)}}.world-asset[data-asset=crab]{animation:crabLongWalk 7s steps(14,end) infinite!important;opacity:1!important}@keyframes crabLongWalk{0%{transform:translate(-50%,-100%) translate(-38px) translateY(0)}12%{transform:translate(-50%,-100%) translate(-10px) translateY(0)}28%{transform:translate(-50%,-100%) translate(32px) translateY(0)}44%{transform:translate(-50%,-100%) translate(72px) translateY(0)}54%{transform:translate(-50%,-100%) translate(72px) translateY(0)}57%{transform:translate(-50%,-100%) translate(72px) translateY(4px)}60%{transform:translate(-50%,-100%) translate(72px) translateY(9px)}63%,70%{transform:translate(-50%,-100%) translate(72px) translateY(18px);visibility:hidden}73%{transform:translate(-50%,-100%) translate(72px) translateY(9px);visibility:visible}76%{transform:translate(-50%,-100%) translate(72px) translateY(4px)}79%{transform:translate(-50%,-100%) translate(72px) translateY(0)}88%{transform:translate(-50%,-100%) translate(25px) translateY(0)}to{transform:translate(-50%,-100%) translate(-38px) translateY(0)}}#rainFX{animation:none!important;transform:none!important;transform-origin:top left!important}.world-asset[data-asset=shark],.world-asset[data-asset=shark1],.world-asset[data-asset=shark2]{animation:sharkOceanFloat 2.6s ease-in-out infinite!important}@keyframes sharkOceanFloat{0%,to{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(8px)}}.world-asset[data-asset=acol]{animation:acolOceanFloat 2.6s ease-in-out infinite!important}@keyframes acolOceanFloat{0%,to{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(8px)}}.collections-toggle{background:none;border:0;color:#fff;text-align:left;padding:0;font:inherit;font-size:7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%}.collections-submenu{display:none;padding:4px 0 2px 12px;border-left:1px solid #444;gap:12px}.collections-submenu.open{display:grid}.collections-submenu a{color:#888!important;font-size:6px!important}.collections-submenu a:hover{color:#fff!important}.collections-submenu a{font-size:7px!important;color:#fff!important;line-height:1.5!important}.footer-collections{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.footer-collections>span,.footer-submenu a{font-size:6px;color:#aaa;text-decoration:none}.footer-submenu{display:flex;gap:22px;flex-wrap:wrap}#dialogue.center{top:50%;bottom:auto;transform:translate(-50%,-50%)}#topMenu>a,#topMenu>.collections-toggle,#topMenu .collections-submenu>a{font-family:"Press Start 2P",monospace!important;font-size:7px!important;line-height:1.5!important;color:#fff!important;text-decoration:none!important}#topMenu .collections-toggle{min-height:28px;cursor:pointer!important;pointer-events:auto!important}#topMenu .collections-submenu{display:none!important}.footer-nav>a,.footer-nav .footer-collections-toggle,.footer-nav .footer-submenu>a{font-family:"Press Start 2P",monospace!important;font-size:6px!important;line-height:1.5!important;color:#aaa!important;text-decoration:none!important}.footer-nav .footer-collections-toggle{background:none;border:0;padding:0;cursor:pointer;pointer-events:auto}.footer-nav .footer-submenu{display:none!important}.footer-nav .footer-submenu.open{display:flex!important}#topMenu .collections-submenu{display:none!important;grid-template-columns:1fr;gap:12px;padding:8px 0 2px 12px;border-left:1px solid #444}#topMenu .collections-submenu.open{display:grid!important}#topMenu .collections-toggle{display:flex!important;width:100%!important;align-items:center;justify-content:space-between}footer,.page-footer{background:#000;color:#fff;padding:34px 28px 20px}.footer-main{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-brand{font-size:9px;letter-spacing:2px;margin-right:auto}.footer-primary,.footer-social{display:flex;gap:22px;flex-wrap:wrap}.footer-main a,.footer-utility a{font-family:"Press Start 2P",monospace;color:#aaa;text-decoration:none;font-size:6px;line-height:1.6}.footer-main a:hover,.footer-utility a:hover{color:#fff}.footer-social{padding-left:22px;border-left:1px solid #333}.footer-utility{max-width:1120px;margin:24px auto 0;padding-top:14px;border-top:1px solid #292929;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-utility a,.footer-utility span{font-size:5px;color:#666}@media(max-width:700px){.footer-main{gap:20px}.footer-brand{width:100%}.footer-social{padding-left:0;border-left:0}.footer-utility{gap:13px}}footer,.page-footer{background:#000!important;color:#fff!important;padding:46px 20px 28px!important}.odd-footer{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.odd-footer-logo{display:block;margin-bottom:24px}.odd-footer-logo img{display:block;max-width:180px;max-height:55px;width:auto;height:auto;image-rendering:auto}.odd-footer-links{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:26px}.odd-footer-links a{font-family:"Press Start 2P",monospace;font-size:6px;line-height:1.6;color:#fff;text-decoration:none}.odd-footer-social{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:27px}.odd-footer-social a{display:flex;width:34px;height:34px;align-items:center;justify-content:center}.odd-footer-social img{display:block;max-width:30px;max-height:30px;width:auto;height:auto;object-fit:contain}.odd-footer-copy{font-family:"Press Start 2P",monospace;font-size:5px;color:#666;line-height:1.6}@media(max-width:600px){.odd-footer-social{gap:20px}.odd-footer-links{gap:16px}.odd-footer-logo img{max-width:150px}}.commerce-icons{position:absolute;right:72px;top:25px;z-index:112;display:flex;align-items:center;gap:13px}.commerce-icon{position:relative;width:27px;height:27px;padding:0;background:transparent;border:0;color:#fff;cursor:pointer}.commerce-icon:focus-visible{outline:2px solid #fff;outline-offset:2px}.search-icon span{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:50%;left:5px;top:4px}.search-icon span:after{content:"";position:absolute;width:7px;height:2px;background:#fff;transform:rotate(45deg);right:-6px;bottom:-4px;transform-origin:left center}.account-icon span{position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;left:9px;top:3px}.account-icon span:after{content:"";position:absolute;width:14px;height:8px;border:2px solid #fff;border-bottom:0;border-radius:9px 9px 0 0;left:-5px;top:11px}.cart-icon span{position:absolute;width:15px;height:13px;border:2px solid #fff;border-top:0;left:6px;top:7px}.cart-icon span:before{content:"";position:absolute;width:9px;height:5px;border:2px solid #fff;border-bottom:0;border-radius:7px 7px 0 0;left:1px;top:-6px}.cart-count{position:absolute;right:-4px;top:-4px;min-width:13px;height:13px;padding:0 2px;border-radius:7px;background:#fff;color:#000;font:7px Arial,sans-serif;line-height:13px;text-align:center}@media(max-width:700px){.commerce-icons{right:61px;top:24px;gap:7px}.commerce-icon{width:24px;height:24px}}#topMenu>a,#topMenu>.collections-toggle,#topMenu .collections-submenu>a,.page-menu>a,.page-menu>.collections-toggle,.page-menu .collections-submenu>a{font-size:9px!important;line-height:1.65!important}#topMenu,.page-menu{gap:18px!important}.collections-submenu{gap:15px!important;padding-top:10px!important}.odd-footer-logo img{max-width:210px!important;max-height:68px!important}.odd-footer-links{gap:27px!important;margin-bottom:30px!important}.odd-footer-links a{font-size:8px!important;line-height:1.7!important}.odd-footer-social{gap:30px!important;margin-bottom:30px!important}.odd-footer-social a{width:42px!important;height:42px!important}.odd-footer-social img{max-width:36px!important;max-height:36px!important}.odd-footer-copy{font-size:7px!important}@media(max-width:600px){#topMenu>a,#topMenu>.collections-toggle,#topMenu .collections-submenu>a,.page-menu>a,.page-menu>.collections-toggle,.page-menu .collections-submenu>a{font-size:8px!important}.odd-footer-links a{font-size:7px!important}.odd-footer-social{gap:22px!important}}.dialogueHint{font-size:14px!important;color:#fff!important;margin-top:10px!important;line-height:1!important;letter-spacing:0!important}#controlsHelp{position:absolute;right:18px;bottom:18px;z-index:55;width:38px;height:38px;background:#050505;color:#fff;border:3px solid #fff;font:15px "Press Start 2P",monospace;cursor:pointer;display:grid;place-items:center}#controlsPopup{display:none;position:absolute;right:18px;bottom:65px;z-index:70;width:300px;background:#050505;color:#fff;border:3px solid #fff;padding:20px 18px 16px}#controlsPopup.show{display:block}#controlsClose{position:absolute;right:8px;top:6px;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.controls-title{font-size:9px;margin-bottom:18px}.controls-grid{display:grid;gap:12px}.control-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;font-size:7px;line-height:1.5}.control-keys{color:#aaa}#dialogueText.typing:after{content:"";display:inline-block;width:5px;height:8px;background:#fff;margin-left:4px;animation:typeCursor .35s steps(1,end) infinite}@keyframes typeCursor{50%{opacity:0}}#avatarLink{position:absolute;left:25px;top:18px;width:72px;height:72px;z-index:50;display:block}#avatarLink #avatar{position:static!important;left:auto!important;top:auto!important;width:72px;height:72px;display:block;image-rendering:pixelated}footer,.page-footer{background:#000!important;color:#fff!important;padding:18px 28px 20px!important;border-top:1px solid #292929!important}.odd-footer{max-width:none!important;width:100%!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:40px!important;row-gap:16px!important;text-align:left!important}.odd-footer-logo{grid-column:1;grid-row:1;display:inline-flex!important;align-items:center!important;margin:0!important}.odd-footer-logo img{width:auto!important;height:48px!important;max-width:90px!important;object-fit:contain!important}.odd-footer-links{grid-column:1;grid-row:1;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:34px!important;flex-wrap:wrap!important;margin:0 0 0 110px!important}.odd-footer-links a{font-size:7px!important;color:#aaa!important}.odd-footer-social{grid-column:2;grid-row:1;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:34px!important;margin:0!important}.odd-footer-social a{width:40px!important;height:40px!important}.odd-footer-social img{max-width:34px!important;max-height:34px!important}.odd-footer-copy{grid-column:1;grid-row:2;font-size:6px!important;color:#666!important;margin:0!important}@media(max-width:760px){footer,.page-footer{padding:20px!important}.odd-footer{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:20px!important;text-align:center!important;justify-items:center!important}.odd-footer-logo,.odd-footer-links,.odd-footer-social,.odd-footer-copy{grid-column:1!important;grid-row:auto!important}.odd-footer-links{margin:0!important;justify-content:center!important;gap:18px!important}.odd-footer-social{justify-content:center!important;gap:22px!important}}.odd-footer-links a{font-size:9px!important;line-height:1.6!important}footer,.page-footer{margin-top:25px!important}footer,.page-footer{background:#000!important;color:#fff!important;padding:18px 28px 20px!important;border-top:1px solid #292929!important;margin-top:25px!important;min-height:0!important}.odd-footer{max-width:none!important;width:100%!important;margin:0!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:40px!important;row-gap:16px!important;text-align:left!important}.odd-footer-logo{grid-column:1!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;margin:0!important;width:max-content!important}.odd-footer-logo img{display:block!important;width:auto!important;height:48px!important;max-width:90px!important;max-height:48px!important;object-fit:contain!important}.odd-footer-links{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:34px!important;flex-wrap:wrap!important;margin:0 0 0 110px!important}.odd-footer-links a{font-family:"Press Start 2P",monospace!important;font-size:9px!important;line-height:1.6!important;color:#aaa!important;text-decoration:none!important}.odd-footer-social{grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:34px!important;margin:0!important}.odd-footer-social a{display:flex!important;width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important}.odd-footer-social img{display:block!important;max-width:34px!important;max-height:34px!important;width:auto!important;height:auto!important;object-fit:contain!important}.odd-footer-copy{grid-column:1!important;grid-row:2!important;font-family:"Press Start 2P",monospace!important;font-size:7px!important;line-height:1.5!important;color:#666!important;margin:0!important}@media(max-width:760px){footer,.page-footer{padding:20px!important}.odd-footer{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:20px!important;text-align:center!important;justify-items:center!important}.odd-footer-logo,.odd-footer-links,.odd-footer-social,.odd-footer-copy{grid-column:1!important;grid-row:auto!important}.odd-footer-links{margin:0!important;justify-content:center!important;gap:18px!important}.odd-footer-links a{font-size:8px!important}.odd-footer-social{justify-content:center!important;gap:22px!important}}.dialogueHint{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;min-height:24px!important;margin-top:10px!important;color:#fff!important}.dialogueHint .ui-a{width:22px;height:22px;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font:8px "Press Start 2P",monospace;letter-spacing:0}.dialogueHint .ui-dir{display:inline-block;font-size:11px;line-height:1;color:#fff}#hero{position:relative!important}#hero #bottomFade{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:105px!important;z-index:30!important;pointer-events:none!important;background:linear-gradient(180deg,#48afff00,#2d89d740,#144f9194 56%,#072248e0 80%,#000)!important}html,body,#MainContent,.content-for-layout,.shopify-section{background:#000!important}#MainContent{margin:0!important;padding:0!important}.map-commerce-icons{position:absolute;right:72px;top:25px;z-index:72;display:flex;align-items:center;gap:13px}.map-commerce-icon{position:relative;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.map-search-icon span{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;left:4px;top:3px}.map-search-icon span:after{content:"";position:absolute;width:8px;height:2px;background:#fff;right:-7px;bottom:-4px;transform:rotate(45deg)}.map-account-icon span{position:absolute;width:9px;height:9px;border:2px solid #fff;border-radius:50%;left:9px;top:2px}.map-account-icon span:after{content:"";position:absolute;width:15px;height:8px;border:2px solid #fff;border-bottom:0;border-radius:10px 10px 0 0;left:-5px;top:11px}.map-cart-icon span{position:absolute;width:16px;height:12px;border:2px solid #fff;left:6px;top:7px}.map-cart-icon span:before{content:"";position:absolute;width:7px;height:4px;background:#fff;left:-6px;top:-4px}.map-cart-count{position:absolute;right:-4px;top:-4px;min-width:13px;height:13px;padding:0 2px;border-radius:7px;background:#fff;color:#000;font:7px Arial,sans-serif;line-height:13px;text-align:center}@media(max-width:700px){.map-commerce-icons{right:62px;top:24px;gap:7px}}.mobile-controls{display:none}@media(max-width:760px),(pointer:coarse){.mobile-controls{position:fixed;z-index:95;left:14px;bottom:18px;display:grid;grid-template-columns:52px 52px 52px;grid-template-rows:48px 48px 48px;gap:5px;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-controls button{background:#000000b8;color:#fff;border:2px solid #fff;border-radius:8px;font:700 14px Arial,sans-serif;padding:0;touch-action:manipulation}.mobile-controls [data-dir=ArrowUp]{grid-column:2;grid-row:1}.mobile-controls [data-dir=ArrowLeft]{grid-column:1;grid-row:2}.mobile-controls [data-action]{grid-column:2;grid-row:2;border-radius:50%;font-family:"Press Start 2P",monospace;font-size:10px}.mobile-controls [data-dir=ArrowRight]{grid-column:3;grid-row:2}.mobile-controls [data-dir=ArrowDown]{grid-column:2;grid-row:3}#controlsHelp{bottom:18px!important;right:16px!important}#dialogue{max-width:calc(100vw - 24px)!important}}@media(max-width:700px){#game{left:0!important;top:62px!important;transform:none!important;width:100vw!important;height:calc(100% - 72px)!important;padding-top:0!important}#player{width:112px!important;height:112px!important}.mobile-controls{position:absolute!important;left:50%!important;bottom:210px!important;transform:translate(-50%)!important;z-index:58!important;display:grid!important;grid-template-columns:44px 44px 44px!important;grid-template-rows:44px 44px 44px!important;gap:5px!important;width:max-content!important}.mobile-controls button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.mobile-controls [data-dir=ArrowUp]{grid-column:2;grid-row:1}.mobile-controls [data-dir=ArrowLeft]{grid-column:1;grid-row:2}.mobile-controls [data-action=interact]{grid-column:2;grid-row:2}.mobile-controls [data-dir=ArrowRight]{grid-column:3;grid-row:2}.mobile-controls [data-dir=ArrowDown]{grid-column:2;grid-row:3}#dialogue{left:12px!important;right:12px!important;width:auto!important;transform:none!important;bottom:18px!important;top:auto!important;min-height:132px!important;padding:13px 14px!important;gap:10px!important}#guideTalk{width:68px!important;height:62px!important}#dialogueTitle{font-size:8px!important}#dialogueText{font-size:7px!important;line-height:1.65!important}}@media(pointer:coarse){body:has(#game) #hero{min-height:0!important;height:100svh!important;max-height:none!important}body:has(#game) #game{top:58px!important;height:calc(100% - 58px)!important}body:has(#game) #avatar{width:54px!important;height:54px!important;left:14px!important;top:10px!important}body:has(#game) #brand{top:20px!important;font-size:12px!important;letter-spacing:5px!important}body:has(#game) #menuBtn{right:12px!important;top:13px!important;font-size:29px!important}body:has(#game) .map-commerce-icons{right:52px!important;top:14px!important;gap:4px!important;transform:scale(.88);transform-origin:right top}body:has(#game) .mobile-controls{position:fixed!important;left:50%!important;top:auto;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:58!important;width:max-content!important;grid-template-columns:42px 42px 42px!important;grid-template-rows:42px 42px 42px!important;gap:4px!important;transition:left .12s ease,top .12s ease}body:has(#game) .mobile-controls button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}}@media(pointer:coarse)and (orientation:landscape){body:has(#game) #game{top:48px!important;height:calc(100% - 48px)!important}body:has(#game) #avatar{width:42px!important;height:42px!important;left:12px!important;top:5px!important}body:has(#game) #brand{top:14px!important;font-size:10px!important;letter-spacing:4px!important}body:has(#game) #menuBtn{top:7px!important;font-size:25px!important}body:has(#game) .map-commerce-icons{top:7px!important;right:47px!important;transform:scale(.76)}body:has(#game) .mobile-controls{grid-template-columns:36px 36px 36px!important;grid-template-rows:36px 36px 36px!important;gap:3px!important}body:has(#game) .mobile-controls button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:11px!important}body:has(#game) .mobile-controls [data-action=interact]{font-size:8px!important}body:has(#game) #dialogue{min-height:96px!important;padding:9px 11px!important}body:has(#game) #guideTalk{width:52px!important;height:48px!important}}@media(pointer:coarse){body:has(#game) .mobile-controls{position:fixed!important;z-index:95!important;left:auto!important;right:16px!important;top:88px!important;bottom:auto!important;transform:none!important;grid-template-columns:42px 42px 42px!important;grid-template-rows:42px 42px 42px!important;gap:4px!important;width:max-content!important}body:has(#game) .mobile-controls button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}}@media(pointer:coarse)and (orientation:landscape){body:has(#game) .mobile-controls{right:14px!important;top:58px!important;grid-template-columns:36px 36px 36px!important;grid-template-rows:36px 36px 36px!important;gap:3px!important}body:has(#game) .mobile-controls button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}@media(pointer:coarse){.mobile-controls [data-dir]{font-size:0!important;position:relative!important}.mobile-controls [data-dir]:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);border-style:solid}.mobile-controls [data-dir=ArrowUp]:after{border-width:0 8px 11px 8px;border-color:transparent transparent #fff transparent}.mobile-controls [data-dir=ArrowDown]:after{border-width:11px 8px 0 8px;border-color:#fff transparent transparent transparent}.mobile-controls [data-dir=ArrowLeft]:after{border-width:8px 11px 8px 0;border-color:transparent #fff transparent transparent}.mobile-controls [data-dir=ArrowRight]:after{border-width:8px 0 8px 11px;border-color:transparent transparent transparent #fff}}@media(max-width:760px),(pointer:coarse){body:has(#game) #topMenu{position:fixed!important;z-index:2147483000!important;top:10px!important;right:10px!important;max-height:calc(100svh - 20px)!important;overflow:auto!important}body:has(#game) #topMenu.open{display:grid!important}body:has(#game) .mobile-controls{z-index:95!important}body:has(#game) #controlsHelp{z-index:94!important}}@media(max-width:760px),(pointer:coarse){body:has(#game) #dialogue.center{top:50%!important;bottom:auto!important;left:12px!important;right:12px!important;width:auto!important;transform:translateY(-50%)!important}body:has(#game) #dialogue.top{top:76px!important;bottom:auto!important;left:12px!important;right:12px!important;width:auto!important;transform:none!important}body:has(#game) #dialogue.bottom{top:auto!important;bottom:18px!important;left:12px!important;right:12px!important;width:auto!important;transform:none!important}}@media(max-width:760px){body:has(#game) .mobile-controls{position:fixed!important;left:auto!important;right:16px!important;top:50%!important;bottom:auto!important;transform:translateY(-42%)!important;z-index:95!important}body:has(#game) #topMenu.open{z-index:99999!important}}@media(max-width:760px)and (orientation:landscape){body:has(#game) .mobile-controls{right:14px!important;top:52%!important;transform:translateY(-50%)!important}}#waterWaveOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:1626px;height:1255px;z-index:2;pointer-events:none;image-rendering:pixelated;opacity:.72}#waterWaveOverlay{opacity:1!important;filter:brightness(1.45)!important;animation:oddWaterDrift 5.5s steps(18,end) infinite!important}@keyframes oddWaterDrift{0%{transform:translate(0)}to{transform:translate(18px)}}#waterWaveOverlay{transform-origin:0 0!important;filter:brightness(1.55)!important}#waterWaveOverlay{z-index:2!important;pointer-events:none!important;image-rendering:pixelated!important;opacity:.9!important;animation:oddWaterDrift 6s steps(18,end) infinite!important}@media(prefers-reduced-motion:reduce){#waterWaveOverlay{animation:none!important}}#waterWaveOverlay{z-index:2!important;opacity:.82!important}#hero,#world,#world img,#player,#world *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#world img,#player{-webkit-user-drag:none;user-drag:none;pointer-events:none}#hero{-webkit-tap-highlight-color:transparent}.commerce-icons,.map-commerce-icons{top:23px!important;height:32px;align-items:center!important}#menuBtn{top:18px!important;width:38px;height:38px;line-height:38px;padding:0;display:grid!important;place-items:center}.commerce-icon,.map-commerce-icon{width:28px!important;height:28px!important}.cart-icon span,.map-cart-icon span{position:absolute!important;left:5px!important;top:8px!important;width:17px!important;height:15px!important;box-sizing:border-box!important;border:2.4px solid #fff!important;border-radius:3px 3px 5px 5px!important;background:transparent!important}.cart-icon span:before,.map-cart-icon span:before{content:""!important;position:absolute!important;left:3px!important;top:-8px!important;width:7px!important;height:8px!important;box-sizing:border-box!important;border:2.4px solid #fff!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;background:transparent!important}.cart-icon span:after,.map-cart-icon span:after{content:none!important}@media(max-width:700px){.commerce-icons,.map-commerce-icons{top:20px!important}#menuBtn{top:15px!important}.commerce-icon,.map-commerce-icon{width:26px!important;height:26px!important}}#game,#world,#world *,#map,#player,#treeGame,#treeScene,#treeScene *,#vaultGame,#vaultScene,#vaultScene *,#supremes-game-shopify,#supremes-game-shopify #game,#supremes-game-shopify canvas{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}#game img,#world img,#treeGame img,#vaultGame img,#supremes-game-shopify img,#supremes-game-shopify canvas{-webkit-user-drag:none!important;user-drag:none!important}@media(max-width:760px),(pointer:coarse){body:has(#game) #odd-sound-toggle{position:fixed!important;left:12px!important;bottom:18px!important;top:auto!important;z-index:999!important;display:grid!important;visibility:visible!important;opacity:1!important}body:has(#game) #odd-map-volume{position:fixed!important;left:33px!important;bottom:70px!important;top:auto!important;z-index:999!important;display:block!important;visibility:visible!important;opacity:1!important;width:8px!important;height:68px!important;transform:translate(-50%)!important}}@media(max-width:760px),(pointer:coarse){#odd-sound-toggle,.odd-exp-sound,#sup-sound-toggle{visibility:visible!important;opacity:1!important;display:grid!important;width:42px!important;height:42px!important;padding:5px!important;border:0!important;background:transparent!important;color:#fff!important;overflow:visible!important;pointer-events:auto!important}#odd-sound-toggle svg,.odd-exp-sound svg,#sup-sound-toggle svg{display:block!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;overflow:visible!important;color:#fff!important}#odd-sound-toggle svg path:first-child,.odd-exp-sound svg path:first-child,#sup-sound-toggle svg path:first-child{fill:#fff!important}#odd-sound-toggle svg path:nth-child(2),.odd-exp-sound svg path:nth-child(2),#sup-sound-toggle svg path:nth-child(2){stroke:#fff!important}#odd-map-volume,.odd-exp-volume,#sup-volume{visibility:visible!important;opacity:1!important;display:block!important}body:has(#game) #odd-sound-toggle{position:fixed!important;left:12px!important;bottom:18px!important;top:auto!important;z-index:5000!important}body:has(#game) #odd-map-volume{position:fixed!important;left:33px!important;bottom:70px!important;top:auto!important;z-index:5000!important}.treehouse-hero .odd-exp-sound,.vault-hero .odd-exp-sound{position:fixed!important;left:12px!important;bottom:18px!important;top:auto!important;z-index:5000!important}.treehouse-hero .odd-exp-volume,.vault-hero .odd-exp-volume{position:fixed!important;left:33px!important;bottom:70px!important;top:auto!important;z-index:5000!important}#supremes-game-shopify #sup-audio-controls{z-index:5000!important}}#game,#world,#map,#hero{outline:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}#game:focus,#game:focus-visible,#world:focus,#world:focus-visible,#map:focus,#map:focus-visible,#hero:focus,#hero:focus-visible{outline:none!important;box-shadow:none!important}#game img,#world img,#map{-webkit-user-drag:none!important;user-drag:none!important}@media screen and (orientation:landscape)and (max-height:650px){body:has(#game) #hero{position:relative!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;background:var(--blue)!important}body:has(#game) #hero:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:30px!important;background:#000!important;z-index:450!important;pointer-events:none!important}body:has(#game) #avatar{position:absolute!important;left:7px!important;top:2px!important;width:27px!important;height:27px!important;z-index:500!important}body:has(#game) #brand{position:absolute!important;left:50%!important;top:7px!important;transform:translate(-50%)!important;font-size:7px!important;letter-spacing:3px!important;line-height:16px!important;z-index:500!important}body:has(#game) .map-commerce-icons{position:absolute!important;right:35px!important;top:2px!important;height:26px!important;gap:0!important;transform:scale(.6)!important;transform-origin:right top!important;display:flex!important;align-items:center!important;z-index:500!important}body:has(#game) #menuBtn{position:absolute!important;right:4px!important;top:0!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;font-size:20px!important;line-height:28px!important;display:grid!important;place-items:center!important;z-index:510!important}body:has(#game) #game{position:absolute!important;left:0!important;right:0!important;top:30px!important;bottom:0!important;width:100vw!important;height:auto!important;max-width:none!important;padding:0!important;margin:0!important;transform:none!important;overflow:hidden!important;z-index:5!important}body:has(#game) #bottomFade{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;background:none!important}body:has(#game) #dialogue,body:has(#game) #dialogue.show,body:has(#game) #dialogue.top,body:has(#game) #dialogue.bottom,body:has(#game) #dialogue.center{position:fixed!important;display:flex!important;left:72px!important;right:72px!important;top:auto!important;bottom:5px!important;width:auto!important;height:76px!important;min-height:76px!important;max-height:76px!important;margin:0!important;padding:7px 52px 7px 62px!important;transform:none!important;box-sizing:border-box!important;z-index:10000!important}body:has(#game) #dialogue #guideTalk{position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important}body:has(#game) #dialogueTitle{font-size:8px!important;margin:0 0 3px!important}body:has(#game) #dialogueText{font-size:6px!important;line-height:1.3!important}body:has(#game) #odd-sound-toggle{position:fixed!important;left:8px!important;bottom:7px!important;z-index:10010!important}body:has(#game) #odd-map-volume{position:fixed!important;left:29px!important;bottom:54px!important;height:42px!important;z-index:10010!important}body:has(#game) #controlsHelp{display:grid!important;position:fixed!important;right:10px!important;bottom:8px!important;z-index:10010!important}body:has(#game) .mobile-controls{display:grid!important;position:fixed!important;right:10px!important;left:auto!important;top:45%!important;bottom:auto!important;transform:translateY(-50%)!important;grid-template-columns:34px 34px 34px!important;grid-template-rows:34px 34px 34px!important;gap:3px!important;z-index:10020!important}body:has(#game) .mobile-controls button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;background:#000000b8!important;border:2px solid #fff!important;border-radius:7px!important}body:has(#game) .mobile-controls [data-dir]{font-size:0!important;position:relative!important}body:has(#game) .mobile-controls [data-dir]:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:0!important;height:0!important;transform:translate(-50%,-50%)!important;border-style:solid!important}body:has(#game) .mobile-controls [data-dir=ArrowUp]:after{border-width:0 8px 11px 8px!important;border-color:transparent transparent #fff transparent!important}body:has(#game) .mobile-controls [data-dir=ArrowDown]:after{border-width:11px 8px 0 8px!important;border-color:#fff transparent transparent transparent!important}body:has(#game) .mobile-controls [data-dir=ArrowLeft]:after{border-width:8px 11px 8px 0!important;border-color:transparent #fff transparent transparent!important}body:has(#game) .mobile-controls [data-dir=ArrowRight]:after{border-width:8px 0 8px 11px!important;border-color:transparent transparent transparent #fff!important}body:has(#game) .mobile-controls [data-action=interact]{border-radius:50%!important;font:8px "Press Start 2P",monospace!important;color:#fff!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/odd-styles.css.map */