.vx-game{--vx-ink:#f4f6e8;--vx-muted:#aebfb5;--vx-green:#d5e9a8;--vx-dark:#152b2b;position:fixed;inset:0;z-index:120;background:#163038;color:var(--vx-ink);overflow:hidden;font-family:Arial,"Segoe UI",sans-serif;font-weight:400;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}
.vx-game *{box-sizing:border-box}.vx-game [hidden]{display:none!important}.vx-game button{font:inherit;color:inherit;cursor:pointer;border:0;box-shadow:none;margin:0;min-width:0}.vx-game button:focus-visible{outline:3px solid #f7d997;outline-offset:4px}.vx-game button:disabled{cursor:default}.vx-game button:hover:not(:disabled){filter:brightness(1.1)}.vx-game p,.vx-game h1,.vx-game h2,.vx-game h3{margin:0}.vx-game .vx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;z-index:0;touch-action:none}.vx-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(#0c24284d,transparent 25%,transparent 70%,#09232680)}
.vx-top{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;gap:25px;padding:22px 28px;pointer-events:none}.vx-brand{display:flex;align-items:center;gap:11px;text-shadow:0 2px 10px #1b302988}.vx-brand-icon{font-size:34px;color:#e6efba;line-height:1}.vx-brand strong{display:block;font-size:19px;letter-spacing:-.35px}.vx-brand small{display:block;color:#daeadf;font-size:10px;letter-spacing:3px;margin-top:2px}.vx-time{display:flex;flex-direction:column;gap:5px;font-size:13px}.vx-time small{font-size:10px;color:#d3e1d2}.vx-top-actions{display:flex;gap:9px;margin-inline-start:auto;pointer-events:auto}.vx-top-actions button{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#1d343ab5;backdrop-filter:blur(12px);font-size:20px;color:#f3f6dd}.vx-top-actions .vx-on{color:#152b2b;background:#d5e9a8}
.vx-quest{position:absolute;z-index:3;top:112px;right:28px;width:245px;display:flex;flex-direction:column;gap:6px;padding:17px 18px;border-radius:17px;background:#112b31b0;backdrop-filter:blur(14px);pointer-events:none;box-shadow:0 12px 32px #14312c12}.vx-eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.4px;color:#c5d7a6}.vx-quest strong{font-size:17px;line-height:1.3}.vx-quest>span:not(.vx-eyebrow){font-size:12px;color:#d6e3d7;line-height:1.7}.vx-quest-track{height:3px;background:#ecf3d628;border-radius:5px;margin-top:7px;overflow:hidden}.vx-quest-track i{display:block;height:100%;width:0;background:#d5e9a8;border-radius:inherit;transition:width .4s}
.vx-target{position:absolute;top:50%;left:50%;width:62px;height:62px;transform:translate(-50%,-50%);z-index:3;pointer-events:none;direction:ltr}.vx-target>span{position:absolute;left:50%;top:-27px;transform:translateX(-50%);white-space:nowrap;background:#142c3570;color:#fffde4;border-radius:8px;padding:4px 8px;font-size:11px;text-shadow:0 1px 2px #25323f;direction:rtl}.vx-target>span:empty{display:none}.vx-crosshair{position:absolute;inset:0;display:grid;place-items:center;filter:drop-shadow(0 1px 1px #233a3e)}.vx-crosshair i,.vx-crosshair b{position:absolute;display:block;background:#fffde8;border-radius:1px}.vx-crosshair i{width:15px;height:2px}.vx-crosshair b{height:15px;width:2px}.vx-mine-progress{position:absolute;inset:5px;border-radius:50%;display:none;background:conic-gradient(#f4db99 var(--progress,0deg),#e3f1e524 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0)}.vx-mining{display:block}.vx-toast{position:absolute;z-index:15;top:30%;left:50%;transform:translate(-50%,-8px);opacity:0;transition:opacity .18s,transform .18s;max-width:min(420px,86vw);background:#112b35e8;backdrop-filter:blur(15px);padding:12px 19px;border-radius:14px;color:#f1f4dc;font-size:14px;text-align:center;line-height:1.6;pointer-events:none}.vx-toast.vx-visible{opacity:1;transform:translate(-50%,0)}
.vx-bottom{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:100%}.vx-vitals{display:flex;gap:14px;align-items:center;padding:6px 14px;border-radius:18px;background:#132b367d;backdrop-filter:blur(9px);font-size:12px}.vx-vital{display:flex;align-items:center;gap:6px}.vx-vital>span{font-size:19px;line-height:1;color:#f48c7c}.vx-vital small{font-size:10px;width:13px}.vx-hunger>span{color:#e5c78b;font-size:16px}.vx-vital meter{width:80px;height:8px;border-radius:5px;border:0;overflow:hidden;background:#e9f4df33}.vx-vital meter::-webkit-meter-bar{background:#e9f4df33;border:0;border-radius:5px}.vx-health meter::-webkit-meter-optimum-value{background:#ed8877}.vx-hunger meter::-webkit-meter-optimum-value{background:#dfc184}.vx-health meter::-moz-meter-bar{background:#ed8877}.vx-hunger meter::-moz-meter-bar{background:#dfc184}.vx-tool{font-size:11px;color:#d4e7d8}.vx-selected{font-size:12px;color:#fffbdc;text-shadow:0 1px 8px #102831}.vx-hotbar{display:flex;gap:4px;padding:6px;border-radius:16px;background:#132b37c4;backdrop-filter:blur(14px);box-shadow:0 12px 35px #0b2a2f26;pointer-events:auto}.vx-hotbar button{position:relative;width:51px;height:54px;background:#eff5dc0c;border-radius:9px;color:#e8efdd;display:grid;place-items:center;transition:background .14s,transform .14s}.vx-hotbar button small{position:absolute;top:4px;left:6px;font-size:9px;opacity:.55}.vx-hotbar button i{font-size:28px;line-height:1;font-style:normal;color:var(--item-color);text-shadow:0 2px #122630}.vx-hotbar button b{position:absolute;bottom:3px;right:5px;font-size:11px;font-weight:700;text-shadow:0 1px 3px #122630}.vx-hotbar button.vx-selected-slot{background:#dcefb632;box-shadow:inset 0 0 0 2px #d8edaa;transform:translateY(-2px)}.vx-hotbar button.vx-empty-slot i{opacity:.3}.vx-control-hint{display:flex;align-items:center;gap:12px;color:#e3efde;font-size:10px;text-shadow:0 1px 5px #102837;pointer-events:auto}.vx-control-hint button{background:transparent;font-size:10px;padding:0;color:#e3efde}.vx-game kbd{font:inherit;color:#fff8d4;border:0;padding:0}.vx-control-hint kbd{font-size:10px;font-weight:700;margin-inline-end:3px}.vx-hit-flash,.vx-underwater{position:absolute;inset:0;z-index:2;pointer-events:none}.vx-hit-flash{opacity:0;background:radial-gradient(ellipse at center,transparent 30%,#bb352c90)}.vx-flash{animation:vx-damage .65s ease-out}.vx-underwater{display:none;background:#26889c55;box-shadow:inset 0 0 120px #153f65aa}.vx-underwater.vx-active{display:block}.vx-low-health .vx-health{animation:vx-pulse 1.7s ease-in-out infinite}
.vx-overlay{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;background:#0b262b80;backdrop-filter:blur(8px);padding:30px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.vx-window{width:min(880px,100%);max-height:100%;overflow:auto;background:linear-gradient(135deg,#16353aed,#102b34f7);border-radius:26px;padding:38px;box-shadow:0 30px 100px #09212b4d;color:var(--vx-ink);scrollbar-width:thin;scrollbar-color:#759389 #123039}.vx-window h1{font-size:clamp(31px,4.4vw,52px);line-height:1.12;letter-spacing:-1.3px;font-weight:700;margin:15px 0}.vx-window h1 em{font-style:normal;color:#d5e9a8}.vx-window h2{font-size:30px;letter-spacing:-.8px;margin:12px 0}.vx-window>p{font-size:15px;line-height:1.8;color:#bed1c7;max-width:620px}.vx-onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:27px 0}.vx-onboarding article{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.vx-onboarding article>span{color:#d4e9a2;background:#ccdfac17;display:grid;place-items:center;width:31px;height:31px;font-size:11px;border-radius:10px;margin-bottom:3px}.vx-onboarding strong{font-size:15px}.vx-onboarding p{font-size:12px;color:#afc5bb;line-height:1.7}.vx-loading{height:3px;width:100%;background:#e6f3c91c;border-radius:4px;overflow:hidden}.vx-loading i{display:block;width:0;height:100%;background:#d3e6a5;transition:width .12s}.vx-window .vx-loading-label{font-size:11px;color:#b9cdb7;margin-top:9px}.vx-window-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.vx-game .vx-primary,.vx-game .vx-secondary{border-radius:12px;padding:13px 21px;min-height:46px;font-size:14px;line-height:1.4}.vx-game .vx-primary{background:#d5e9a8;color:#203736;font-weight:700;box-shadow:0 5px 20px #cce99714}.vx-game .vx-primary:disabled{opacity:.4}.vx-game .vx-secondary{color:#dde9d5;background:#d8e9d213}.vx-note{display:block;color:#95b0a8;font-size:11px;line-height:1.8;margin-top:16px}.vx-pause,.vx-death{max-width:510px;text-align:center}.vx-pause .vx-window-actions,.vx-death .vx-window-actions{flex-direction:column;align-items:stretch}.vx-pause>small{display:block;font-size:11px;color:#9eb7af;margin-top:20px}.vx-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0}.vx-help-grid h3{font-size:15px;color:#d8e9b5;margin:0 0 6px}.vx-help-grid p{font-size:12px;line-height:1.9;color:#bfd0c5}.vx-help-grid b{color:#edf2dd;font-weight:400}.vx-window-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.vx-game .vx-close{width:36px;height:36px;background:#d8e9d214;border-radius:12px;font-size:24px}.vx-inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0 25px}.vx-inventory-cell{border-radius:12px;background:#e1efcc0a;display:flex;align-items:center;flex-direction:column;padding:12px 4px;gap:6px}.vx-inventory-cell i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;line-height:1;color:#fff0ce;border-radius:5px;text-shadow:0 1px #24454033;font-size:17px}.vx-inventory-cell span{font-size:11px;color:#aebfb1}.vx-inventory-cell b{font-size:13px;color:#eef4df}.vx-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vx-game .vx-recipe{display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:17px;border-radius:15px;background:#d5e9a817;min-height:155px;gap:8px}.vx-recipe strong{font-size:16px}.vx-recipe span{font-size:11px;line-height:1.7;color:#b6cbc0}.vx-recipe small{font-size:11px;color:#e6dfae}.vx-recipe>b{font-size:12px;margin-top:auto;color:#d6edac;font-weight:400}.vx-recipe:disabled{opacity:.47}.vx-is-paused .vx-quest,.vx-is-paused .vx-bottom,.vx-is-paused .vx-target,.vx-is-paused .vx-mobile-controls{visibility:hidden}.vx-mobile-controls{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}.vx-stick{position:absolute;bottom:150px;left:25px;width:112px;height:112px;background:#e9f7d91a;border:1px solid #e9f7d936;border-radius:50%;pointer-events:auto;touch-action:none;display:grid;place-items:center}.vx-stick span{display:block;width:47px;height:47px;background:#e5f2d964;box-shadow:0 2px 15px #13333722;border-radius:50%;pointer-events:none}.vx-touch-actions{position:absolute;right:20px;bottom:145px;display:grid;grid-template-columns:repeat(2,57px);gap:8px;pointer-events:auto}.vx-touch-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:55px;border-radius:17px;font-size:22px;background:#183739a8;backdrop-filter:blur(10px);color:#f3f5dd;touch-action:none}.vx-touch-actions button small{font-size:9px}.vx-touch-actions button[data-action="mine"]{background:#d5e9a8b3;color:#153532}.vx-touch-actions button[data-action="eat"]{font-size:15px;color:#edab8d}.vx-touch .vx-mobile-controls{display:block}.vx-touch .vx-control-hint{display:none}.vx-touch .vx-top-actions button{width:36px;height:36px}
@keyframes vx-damage{0%{opacity:1}100%{opacity:0}}@keyframes vx-pulse{50%{opacity:.5}}
@media(max-width:800px){.vx-top{padding:17px 18px;gap:14px}.vx-brand strong{font-size:16px}.vx-brand small{font-size:8px;letter-spacing:2px}.vx-brand-icon{font-size:29px}.vx-time{font-size:11px}.vx-time small{font-size:9px}.vx-quest{top:93px;right:18px;width:210px;padding:12px 14px}.vx-quest strong{font-size:15px}.vx-quest>span:not(.vx-eyebrow){font-size:11px}.vx-top-actions{gap:6px}.vx-window{padding:28px}.vx-hotbar button{width:44px;height:49px}.vx-hotbar{gap:3px}.vx-control-hint{gap:8px}.vx-window h1{font-size:37px}.vx-onboarding{gap:15px}.vx-overlay{padding:22px}}
@media(max-width:540px){.vx-top{padding:12px;gap:10px}.vx-brand{gap:7px}.vx-brand strong{font-size:14px}.vx-brand-icon{font-size:25px}.vx-brand small{font-size:7px}.vx-time{font-size:10px}.vx-time small{font-size:8px;max-width:88px;line-height:1.35}.vx-top-actions{gap:5px}.vx-top-actions button,.vx-touch .vx-top-actions button{width:31px;height:33px;border-radius:10px;font-size:18px}.vx-quest{top:79px;right:12px;width:190px;padding:10px 12px;gap:4px}.vx-quest strong{font-size:14px}.vx-quest .vx-eyebrow{font-size:8px}.vx-quest>span:not(.vx-eyebrow){font-size:10px}.vx-bottom{bottom:12px;gap:7px}.vx-hotbar{gap:2px;padding:4px;border-radius:13px}.vx-hotbar button{width:calc((100vw - 41px)/9);max-width:44px;height:45px;border-radius:8px}.vx-hotbar button i{font-size:24px}.vx-hotbar button small{font-size:8px;left:4px;top:3px}.vx-hotbar button b{font-size:10px;right:4px}.vx-vitals{gap:10px;padding:5px 10px}.vx-vital meter{width:62px}.vx-tool{font-size:10px}.vx-selected{font-size:11px}.vx-overlay{padding:12px}.vx-window{padding:24px 20px;border-radius:22px}.vx-window h1{font-size:35px}.vx-window h2{font-size:27px}.vx-window>p{font-size:13px;line-height:1.7}.vx-onboarding{grid-template-columns:1fr;gap:13px;margin:20px 0}.vx-onboarding article{display:grid;grid-template-columns:31px 1fr;gap:4px 10px;align-items:center}.vx-onboarding article>span{grid-row:span 2;margin:0}.vx-onboarding strong{font-size:13px}.vx-onboarding p{font-size:11px;line-height:1.6}.vx-window-actions{margin-top:18px;gap:8px}.vx-game .vx-primary,.vx-game .vx-secondary{padding:12px 15px;font-size:13px}.vx-window-actions>.vx-primary{flex:1}.vx-note{font-size:10px}.vx-help-grid{grid-template-columns:1fr;gap:17px}.vx-help-grid p{font-size:12px}.vx-recipes{grid-template-columns:repeat(2,1fr);gap:8px}.vx-game .vx-recipe{padding:13px;min-height:149px}.vx-recipe strong{font-size:14px}.vx-inventory{gap:5px;margin-top:15px}.vx-inventory-cell{padding:9px 3px}.vx-inventory-cell span{font-size:9px}.vx-stick{left:17px;bottom:140px;width:99px;height:99px}.vx-touch-actions{right:14px;bottom:132px;grid-template-columns:repeat(2,49px);gap:6px}.vx-touch-actions button{height:50px;border-radius:15px}.vx-toast{top:35%;font-size:12px;padding:11px 15px}}
@media(max-height:560px) and (orientation:landscape){.vx-top{padding:9px 16px}.vx-brand strong{font-size:14px}.vx-brand-icon{font-size:23px}.vx-top-actions button{height:30px;width:33px;border-radius:10px;font-size:17px}.vx-quest{top:65px;right:15px;width:185px;padding:10px 12px}.vx-quest .vx-eyebrow{display:none}.vx-quest strong{font-size:13px}.vx-quest>span:not(.vx-eyebrow){font-size:10px}.vx-bottom{bottom:8px;gap:4px}.vx-hotbar button{width:39px;height:39px}.vx-hotbar button i{font-size:22px}.vx-hotbar button small{font-size:7px}.vx-vitals{padding:3px 10px}.vx-selected{font-size:10px}.vx-control-hint{display:none}.vx-stick{bottom:32px;left:23px;width:93px;height:93px}.vx-touch-actions{bottom:24px;right:20px;grid-template-columns:repeat(3,46px);gap:6px}.vx-touch-actions button{height:45px;border-radius:12px;font-size:18px}.vx-touch-actions button small{font-size:8px}.vx-window{padding:25px;max-width:790px}.vx-intro h1{font-size:29px}.vx-intro h1 br{display:none}.vx-onboarding{margin:18px 0;gap:15px}.vx-onboarding article>span{display:none}.vx-onboarding strong{font-size:13px}.vx-onboarding p{font-size:11px}.vx-window>p{font-size:13px}.vx-intro .vx-note{margin-top:10px}.vx-window-actions{margin-top:14px}.vx-game .vx-primary,.vx-game .vx-secondary{min-height:40px;padding:10px 18px}}
@media(prefers-reduced-motion:reduce){.vx-game *{animation:none!important;transition:none!important}}