@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--grass-top:#5d9e2f;--dirt:#8b5e3c;--stone:#8a8a8a;--sky:#87ceeb;--creeper-green:#3d9144;--gold:#f0c040}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{background:var(--sky);font-family:"Press Start 2P",monospace;overflow-x:hidden}.loading-screen{z-index:9999;background:#1a0f0a;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-title{color:#fff;text-shadow:4px 4px #3d8c2f,8px 8px #000;letter-spacing:4px;font-size:clamp(16px,4vw,34px)}@keyframes titlePulse{0%{text-shadow:4px 4px #3d8c2f,8px 8px #000}to{text-shadow:4px 4px #5aba42,8px 8px #000,0 0 30px #3d8c2f}}.loading-bar-wrap{background:#111;border:4px solid #555;width:min(380px,80vw);padding:4px}.loading-bar-inner{background:linear-gradient(90deg,#3d9144 0%,#5aba42 50%,#3d9144 100%) 0 0/200% 100%;width:0%;height:20px;animation:2.8s ease-out forwards loadFill,1s linear infinite shimmer;box-shadow:inset 0 4px #ffffff4d}@keyframes loadFill{0%{width:0%}20%{width:25%}50%{width:60%}80%{width:85%}to{width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-tip{color:#888;text-align:center;max-width:320px;font-size:8px;line-height:2}.loading-status{color:#aaa;font-size:9px;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.scene{background:linear-gradient(#c9ecff 0%,#87ceeb 40%,#5b9bd5 100%);flex-direction:column;min-height:100vh;padding-bottom:112px;display:flex;position:relative;overflow:hidden}.main-content{z-index:10;flex-direction:column;align-items:center;gap:36px;padding:50px 20px 0;display:flex;position:relative}.logo-container{flex-direction:column;align-items:center;gap:12px;animation:.7s cubic-bezier(.34,1.56,.64,1) both dropIn;display:flex}@keyframes dropIn{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.logo-main{color:#fff;letter-spacing:4px;text-shadow:4px 4px #3d8c2f,8px 8px #000;font-size:clamp(26px,6vw,64px);animation:1s infinite alternate titlePulse}.logo-sub{color:#ddd;letter-spacing:3px;text-shadow:2px 2px #000;opacity:.8;font-size:clamp(6px,1.5vw,9px)}.stream-section{flex-direction:column;align-items:center;gap:0;width:100%;max-width:880px;animation:.7s cubic-bezier(.34,1.56,.64,1) .25s both dropIn;display:flex;position:relative}.stream-label{color:#f0a000;letter-spacing:2px;background:#3d1a00;border:3px solid #7a3500;border-bottom:none;align-self:flex-start;align-items:center;gap:8px;margin-left:12px;padding:7px 20px;font-size:9px;display:flex}.live-dot{background:#f33;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s infinite livePulse}@keyframes livePulse{0%,to{background:#f33;box-shadow:0 0 6px red}50%{background:#f88;box-shadow:0 0 14px red}}.stream-border{background:#8b8b8b;border:6px solid #3a3a3a;border-color:#e0e0e0 #3a3a3a #3a3a3a #e0e0e0;width:100%;padding:14px;position:relative;box-shadow:inset 0 0 0 3px #555,0 8px 30px #00000080,4px 4px #000}.stream-border:before{content:"";pointer-events:none;z-index:1;border:3px solid #777;border-color:#fff #777 #777 #fff;position:absolute;inset:6px}.corner{z-index:2;width:24px;height:24px;image-rendering:pixelated;background:url(https://assets.mcasset.cloud/1.21.4/assets/minecraft/textures/block/cobblestone.png) 50%/cover;outline:2px solid #00000080;position:absolute}.corner.tl{top:-12px;left:-12px}.corner.tr{top:-12px;right:-12px}.corner.bl{bottom:-12px;left:-12px}.corner.br{bottom:-12px;right:-12px}.stream-video-wrap{background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.stream-video-wrap iframe{z-index:0;border:none;width:100%;height:100%;position:absolute;inset:0}.stream-sprite{image-rendering:pixelated;pointer-events:none;z-index:2;filter:drop-shadow(3px 3px #00000073);position:absolute}.stream-sprite.creeper{opacity:.9;z-index:130;width:min(92px,17vw);animation:5s ease-in-out infinite levitate;bottom:8%;right:-6%}.stream-offline{z-index:1;background:#0d0d0d;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.offline-text{color:#666;text-align:center;font-size:9px;line-height:2}.ground-strip{z-index:4;pointer-events:none;width:100vw;height:auto;image-rendering:pixelated;display:block;position:fixed;bottom:0;left:0}.xp{background:#3ade6e;border-radius:50%;width:8px;height:8px;animation:linear infinite xpFloat;position:absolute;box-shadow:0 0 8px #3ade6e}@keyframes xpFloat{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx,20px),var(--dy,-120px)) scale(0);opacity:0}}.hotbar-ui{z-index:120;pointer-events:auto;width:min(560px,90vw);transition:transform .2s,filter .2s;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.hotbar-ui:hover{filter:brightness(1.2);transform:translate(-50%)scale(1.05)}.hotbar-slot-btn{cursor:pointer;background:0 0;width:10.5%;display:block;position:absolute;top:44%;bottom:0}.hotbar-slot-btn:hover{background:0 0}.slot-x{left:33.8%}.slot-dex{left:44.4%}.slot-pump{left:55%}.hole-decal{z-index:2;width:min(190px,34vw);height:auto;image-rendering:pixelated;pointer-events:none;position:absolute;top:30%;left:4vw;transform:translateY(-50%)}.scene-sprite{image-rendering:pixelated;pointer-events:none;z-index:6;filter:drop-shadow(3px 3px #00000073);position:absolute}.scene-sprite.phantom{pointer-events:auto;z-index:100;width:min(300px,45vw);height:auto;transition:transform .3s;animation:6s ease-in-out infinite floatPhantom;top:10vh;right:5vw}.scene-sprite.phantom:hover{transform:scale(1.05)}@keyframes floatPhantom{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.clouds-bg{opacity:.6;z-index:1;pointer-events:none;width:200%;height:200px;image-rendering:pixelated;background:url(/cloud.png) 0 0/contain repeat-x;animation:120s linear infinite cloudScroll;position:absolute;top:10%;left:-20%}@keyframes cloudScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes letterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.letter{animation:1.5s ease-in-out infinite letterFloat;display:inline-block}.custom-tooltip{color:#fff;text-transform:uppercase;pointer-events:none;z-index:9999;letter-spacing:.5px;background:#141414f2;border:2px solid #5a5a5a;padding:6px 12px;font-size:12px;position:fixed;box-shadow:inset 0 0 0 2px #111,4px 4px #00000080}@media (max-width:600px){.logo-main{font-size:22px}.hotbar-ui{width:min(420px,92vw)}}