@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0;overflow:hidden}body{color:#fff;background-image:url(/bg1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:"Press Start 2P",sans-serif;font-size:10px}img{-webkit-user-select:none;user-select:none;image-rendering:pixelated}button{color:#f3e7b3;cursor:pointer;background-color:#8b1e1e;border:2px solid #5a0f0f;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:10px;transition:all 50ms;box-shadow:0 2px #3a0909}button:hover{color:#fff5c4;background-color:#a81d1d;border-color:#7a1616}.connect{justify-content:center;align-items:center;min-height:100vh;display:flex}.connect-content{flex-direction:column;align-items:center;width:min(96%,660px);display:flex;transform:translateY(-10vh)}.connect-logo{object-fit:contain;width:105%;height:auto;display:block}.connect-line{background-color:#fff;width:105%;height:3px;margin-top:8px;margin-bottom:20px}.connect-button{padding:12px 18px;font-size:9px}.menu{background-color:#737373;background-image:url(/bg2.png);background-position:50%;background-size:cover;border:3px solid #545454;border-color:#999 #545454 #545454 #999;flex-direction:column;width:min(95%,1000px);height:88vh;margin:5vh auto;display:flex;box-shadow:inset 1px 1px #888,inset -1px -1px #6b6b6b,5px 5px 5px #0f0f0f}.menu-header{justify-content:center;align-items:center;padding:16px 16px 12px;display:flex}.menu-logo{cursor:pointer;width:min(88%,570px);height:auto;display:block}.menu-nav{border-bottom:2px solid #333;grid-template-columns:repeat(4,1fr);display:grid;box-shadow:0 1px #fff}.menu-tab{border:2px solid #3a0909;border-color:#c45a5a #3a0909 #3a0909 #c45a5a;border-radius:0;width:100%;padding:12px 4px;font-size:11px;box-shadow:inset 1px 1px #a83b3b,inset -1px -1px #5a0f0f}.menu-tab:hover{color:#fff5c4;background-color:#a81d1d}.menu-tab.active{background-color:#a81d1d;border-color:#3a0909 #c45a5a #c45a5a #3a0909;box-shadow:inset 1px 1px #5a0f0f,inset -1px -1px #a83b3b}.menu-tab:disabled{opacity:.5;cursor:not-allowed}.menu-content{border:2px solid #bababa;border-color:#333 #bababa #bababa #333;flex:1;min-width:0;min-height:0;margin:8px;padding:16px;overflow-y:auto;box-shadow:inset 1px 1px #555,inset -1px -1px #dbdbdb}.menu-loading{text-align:center;margin-top:30px;font-size:12px}.profile{color:#f3e7b3;width:100%;font-size:12px}.profile-hearts{gap:8px;display:flex}.profile-hearts img{object-fit:contain;width:36px;height:36px}.profile-level{align-items:center;gap:15px;display:flex}.profile-level span{white-space:nowrap}.profile-level-bar{background-color:#555;border:2px solid #999;border-color:#333 #999 #999 #333;width:334px;height:25px;overflow:hidden}.profile-level-fill{background-color:#2197ff;width:0;height:100%;display:block}.profile-upper,.profile-info{flex-direction:column;gap:14px;display:flex}.profile-resource{grid-template-columns:32px 1fr;align-items:center;column-gap:12px;min-height:32px;display:grid}.profile-resource img{object-fit:contain;width:32px;height:32px;display:block}.profile-resource span{white-space:nowrap;font-size:11px}.profile-skills{flex-direction:column;gap:18px;margin-top:35px;display:flex;transform:translateY(16%)}.profile-skill{align-items:center;gap:10px;display:flex}.profile-skill-icon{object-fit:contain;flex-shrink:0;width:44px;height:44px}.profile-skill-bar{background-color:#555;border:2px solid #333;grid-template-columns:repeat(10,1fr);width:70%;height:35px;display:grid}.profile-skill-segment{border-right:2.5px solid #333}.profile-skill-segment:last-child{border-right:none}.profile-skill-segment.filled{background-color:#30ba18}.profile-upgrade{border:2px solid #3a0909;border-color:#c45a5a #3a0909 #3a0909 #c45a5a;border-radius:0;flex-shrink:0;width:40px;height:40px;padding:0;font-size:20px;box-shadow:inset 1px 1px #a83b3b,inset -1px -1px #5a0f0f}.profile-upgrade:hover{background-color:#a81d1d}.profile-upgrade:disabled{opacity:.5;cursor:not-allowed}.profile-skill-tooltip{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.profile-tooltip-text{visibility:hidden;opacity:0;z-index:10;color:#f3e7b3;pointer-events:none;background-color:#333;border:2px solid #999;width:max-content;padding:8px 10px;font-size:9px;line-height:1.6;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.profile-skill-tooltip:hover .profile-tooltip-text{visibility:visible;opacity:1}.profile-skill-tooltip{order:2}.profile-skill-bar{order:1}.profile-upgrade{order:0}.items{flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.items-container{background-color:#c79a68;border:6px solid #74424b;border-radius:6px;width:min(100%,520px);padding:20px}.items-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.items-slot{aspect-ratio:auto;cursor:default;-webkit-user-select:none;user-select:none;background-color:#936c50;border:3px solid #d9ac7b;border-color:#63452f #d9ac7b #d9ac7b #63452f;border-radius:3px;justify-content:center;align-items:center;height:80px;display:flex;position:relative}.items-slot.occupied{cursor:pointer}.items-slot.selected{background-color:#b18a60;border-color:#fff0a0;box-shadow:0 0 0 2px #6b4728}.items-slot img{object-fit:contain;pointer-events:none;width:54%;height:54%}.items-amount{color:#fff8d9;text-shadow:1px 1px #4a3035;pointer-events:none;font-size:9.5px;position:absolute;bottom:3px;right:4px}.items-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,520px);margin-top:12px;display:grid}.items-actions button{width:100%;padding:15px;font-size:12px}.items-actions button:disabled{opacity:.5;cursor:not-allowed}.quest{justify-content:center;align-items:center;min-height:100%;display:flex}.quest-content{flex-direction:column;align-items:center;width:min(100%,578px);display:flex}.quest-timer{color:#f3e7b3;text-align:center;width:100%;margin-bottom:20px;font-size:12px;line-height:1.8}.quest-scene{aspect-ratio:13/6;background-image:url(/woods.png);background-position:140px -20px;background-repeat:repeat-x;background-size:auto 340px;border:3px solid #bababa;border-color:#333 #bababa #bababa #333;flex-shrink:0;width:120%;max-width:none;position:relative;overflow:hidden;box-shadow:inset 1px 1px #555,inset -1px -1px #dbdbdb}.quest-scene-moving{animation:5s linear infinite moveQuestBg}.quest-character{pointer-events:none;width:360px;height:360px;position:absolute;bottom:-150px;left:-140px}.quest-character-first{animation:10s linear forwards moveCharacterFirst}.quest-character-loop{animation:10s linear infinite moveCharacterLoop}.quest-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:120%;margin-top:22px;display:grid}.quest-actions button{width:100%;padding:16px 8px;font-size:12px}@keyframes moveQuestBg{0%{background-position-x:140px}to{background-position-x:-540px}}@keyframes moveCharacterFirst{0%{transform:translate(0)}to{transform:translate(710px)}}@keyframes moveCharacterLoop{0%{transform:translate(-240px)}to{transform:translate(710px)}}.quest-claim-ready{color:#fff5c4;background-color:#b8860b;border-color:#ffdf70;animation:1.5s ease-in-out infinite questClaimPulse}.quest-claim-ready:hover{background-color:#d4a017;border-color:#ffe699}.shop{justify-content:center;align-items:center;min-height:100%;display:flex}.shop-container{background-color:#c79a68;border:6px solid #74424b;border-radius:6px;width:min(100%,814px);padding:22px}.shop-title{color:#f3e7c3;text-align:center;background-color:#8f5a4d;border:3px solid #74424b;border-radius:3px;width:fit-content;margin:0 auto 22px;padding:12px 24px;font-size:18px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.shop-card{background-color:#a66b4f;border:3px solid #74424b;border-radius:5px;flex-direction:column;align-items:center;min-width:0;padding:12px;display:flex}.shop-icon-box{background-color:#936c50;border:3px solid #d9ac7b;border-color:#63452f #d9ac7b #d9ac7b #63452f;border-radius:3px;justify-content:center;align-items:center;width:100%;height:105px;display:flex}.shop-icon-box img{object-fit:contain;width:55px;height:65px}.shop-item-name{color:#f3e7c3;text-align:center;background-color:#8f5a4d;border:2px solid #74424b;border-radius:3px;justify-content:center;align-items:center;width:100%;min-height:45px;margin-top:12px;padding:8px 4px;font-size:11px;line-height:1.6;display:flex}.shop-description{color:#fff8d9;text-align:center;flex:1;justify-content:center;align-items:center;min-height:75px;padding:12px 0;font-size:9px;line-height:1.8;display:flex}.shop-price{color:#fff8d9;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.shop-price img{object-fit:contain;width:25px;height:25px}.shop-buy{width:100%;padding:13px 8px;font-size:11px}.modal-overlay{z-index:9999;background-color:#05080dc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{color:#e8e1cf;text-align:center;background-color:#202630;border:2px solid #778493;border-radius:2px;width:min(100%,440px);padding:34px 28px 26px;position:relative;box-shadow:inset 0 0 0 3px #202630,inset 0 0 0 4px #3c4653,7px 7px #080b10,0 18px 50px #00000073}.modal-title{color:#e8c78a;letter-spacing:.5px;text-transform:uppercase;text-align:center;background:0 0;border:none;border-bottom:1px solid #46515f;border-radius:0;margin:8px 0 20px;padding:0 0 18px;font-size:13px;font-weight:400;line-height:2}.modal-message{color:#c3c9d0;overflow-wrap:anywhere;text-align:center;margin:0 0 28px;font-size:10px;line-height:2.2}.modal-quantity{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.modal-quantity button{width:44px;height:44px;box-shadow:none;color:#e8c78a;background-color:#394656;border:2px solid #141a22;border-color:#788697 #141a22 #141a22 #788697;border-radius:2px;padding:0;font-size:16px}.modal-quantity button:hover{color:#ffe2a6;background-color:#4b5b6d;border-color:#a0adbc #141a22 #141a22 #a0adbc}.modal-quantity button:active{background-color:#293440;border-color:#141a22 #788697 #788697 #141a22}.modal-amount{color:#e8c78a;font-variant-numeric:tabular-nums;background-color:#10161d;border:2px solid #556171;border-color:#080c11 #556171 #556171 #080c11;border-radius:2px;justify-content:center;align-items:center;width:76px;height:44px;font-size:14px;display:flex}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-actions button{max-width:170px;min-height:46px;box-shadow:none;color:#e8e1cf;background-color:#394656;border:2px solid #141a22;border-color:#788697 #141a22 #141a22 #788697;border-radius:2px;flex:1;padding:12px 10px;font-size:10px;line-height:1.5}.modal-actions button:hover{color:#fff;background-color:#4b5b6d;border-color:#a0adbc #141a22 #141a22 #a0adbc}.modal-actions button:active{background-color:#293440;border-color:#141a22 #788697 #788697 #141a22}.modal-actions button:first-child{color:#161b21;background-color:#9c7946;border-color:#d8b681 #49351f #49351f #d8b681}.modal-actions button:first-child:hover{color:#10151b;background-color:#c09a60;border-color:#f0ce98 #49351f #49351f #f0ce98}.modal-actions button:first-child:active{background-color:#886638;border-color:#49351f #d8b681 #d8b681 #49351f}.modal-container:has(>.modal-message:first-child+.modal-actions:empty){flex-direction:column;justify-content:center;min-height:140px;padding:20px;display:flex}.modal-container>.modal-message:first-child:has(+.modal-actions:empty){margin:0}