@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rubik:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111710;--panel:#1b241a;--panel2:#222e20;--line:#34432e;--text:#f0f4e9;--muted:#a1ad97;--green:#8fd34f;--green-dark:#507d2d;--gold:#f4c75b;--blue:#6eb7ed;--red:#ef7676;--pixel:'Press Start 2P',monospace;--body:'Rubik',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.55;min-height:100vh;image-rendering:pixelated}.pixel-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:13px clamp(16px,4vw,58px);background:#111710ed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0;font-weight:900;letter-spacing:2px;font-size:16px}.logo small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.5px;margin-top:2px}.logo-cube{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#172313;border:3px solid #c6f59b;box-shadow:inset -5px -5px #4c8131;font-family:var(--pixel);font-size:14px}.topnav{display:flex;align-items:center;gap:5px;flex:1}.topnav button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:4px;font-weight:600;font-size:12px}.topnav button:hover,.topnav button.active{background:#8fd34f19;color:var(--green)}.account-actions{display:flex;align-items:center;gap:10px}.coin-pill,.shop-wallet{display:flex;align-items:center;gap:7px;border:1px solid #63552b;background:#30291a;color:var(--gold);padding:8px 12px;border-radius:4px;white-space:nowrap}.btn{border:0;border-radius:3px;padding:11px 16px;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-green{background:var(--green);color:#172313;box-shadow:inset -3px -3px #5e9635}.btn-outline{background:#202a1e;border:1px solid #4b6041;color:var(--text)}.btn-small{padding:8px 12px;font-size:12px}.full{width:100%}.user-chip{background:#263a20;color:var(--green);border:1px solid #507d2d;padding:8px 12px;border-radius:4px;font-weight:800}.mobile-menu{display:none;background:#202a1e;border:1px solid var(--line);color:white;padding:8px;border-radius:4px}.container{width:min(1240px,100%);margin:0 auto;padding:34px clamp(16px,4vw,52px) 70px}.page{display:none;animation:appear .2s ease}.page.active{display:block}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:390px;overflow:hidden;border:2px solid #43583a;background:linear-gradient(115deg,#263822,#182519 70%);box-shadow:7px 7px #0a0e09;border-radius:3px}.hero-copy{padding:clamp(26px,4vw,52px);align-self:center;z-index:1}.eyebrow{font-family:var(--pixel);font-size:9px;line-height:1.8;color:var(--green);letter-spacing:.3px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:6px}.hero h1{font-size:clamp(30px,4vw,51px);line-height:1.25;letter-spacing:-1.5px;margin:19px 0}.hero h1 span{color:var(--green)}.hero p,.page-heading p{max-width:490px;color:#b6c4ad;font-size:15px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-proof{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;color:#b6c4ad;font-size:11px}.voxel-scene{position:relative;overflow:hidden;min-height:340px;background:linear-gradient(#8bbd8b 0%,#c7d98d 50%,#789653 50%,#3c6634 100%);isolation:isolate}.sun{position:absolute;right:17%;top:12%;width:54px;height:54px;background:#f7e88a;box-shadow:0 0 0 9px #f7e88a22,0 0 50px #fff6a966}.cloud{position:absolute;width:80px;height:18px;background:#ecf0c7;box-shadow:15px -12px #ecf0c7,30px 0 #ecf0c7,45px -8px #ecf0c7}.cloud-a{left:13%;top:18%}.cloud-b{right:8%;top:35%;transform:scale(.7)}.mountain{position:absolute;bottom:24%;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:190px solid #658d58}.mountain-back{left:3%;border-bottom-color:#729d65}.mountain-front{right:-4%;bottom:21%;border-left-width:180px;border-right-width:180px;border-bottom-width:220px;border-bottom-color:#477744}.block-stack{position:absolute;bottom:18%;left:35%;width:110px;height:120px;filter:drop-shadow(8px 9px #233e2670)}.cube{position:absolute;width:72px;height:72px;transform:rotate(30deg) skew(-7deg,-7deg);border:4px solid #273b24;box-shadow:inset -12px -10px #0002,inset 7px 7px #ffffff20}.cube.grass{background:#68b64b;left:12px;top:0}.cube.dirt{background:#8a603b;left:12px;top:48px}.cube.stone{background:#8a9680;left:12px;top:95px}.cube i{position:absolute;left:12px;top:12px;width:12px;height:12px;background:#d7e7a0;box-shadow:20px 0 #d7e7a0,0 20px #d7e7a0}.pixel-tree{position:absolute;right:19%;bottom:20%;width:70px;height:120px}.trunk{position:absolute;bottom:0;left:28px;width:20px;height:55px;background:#805535;box-shadow:inset -7px 0 #533c27}.leaves{position:absolute;bottom:42px;left:0;width:75px;height:64px;background:#3b783d;box-shadow:inset -10px -10px #275d2e,0 -15px #4d9044,-15px 0 #4d9044,15px 0 #4d9044}.scene-label{position:absolute;bottom:10px;right:12px;font:7px var(--pixel);color:#e8f2d5;text-shadow:1px 2px #172313}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:37px 0 17px}.section-heading h2{font-size:23px;margin:7px 0 0}.section-heading p{margin:4px 0}.muted{color:var(--muted)}.text-btn,.back-link{border:0;background:transparent;color:var(--green);font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{display:flex;align-items:center;text-align:left;gap:13px;padding:17px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:3px;min-width:0}.feature-card:hover{border-color:var(--green);transform:translateY(-2px)}.feature-card>span:nth-child(2){flex:1}.feature-card b,.feature-card small{display:block}.feature-card small{font-size:11px;color:var(--muted);margin-top:4px}.feature-icon{width:43px;height:43px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.feature-icon.green{background:#294126;color:var(--green)}.feature-icon.blue{background:#24374a;color:var(--blue)}.feature-icon.gold{background:#3e3520;color:var(--gold)}.arrow{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:3px 3px #090d08;min-width:0}.game-art{height:145px;display:grid;place-items:center;position:relative;overflow:hidden;background:#314a2b}.game-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:20px 20px}.game-art .emoji{font-size:58px;z-index:1;filter:drop-shadow(4px 5px #0006)}.game-art .category{position:absolute;left:10px;top:10px;z-index:2;font-size:9px;font-weight:900;letter-spacing:1px;background:#111710d9;padding:5px 7px;color:var(--green)}.game-card-body{padding:16px}.game-card h3{font-size:16px;margin:0 0 6px}.game-card p{font-size:12px;color:var(--muted);min-height:38px;margin:0 0 15px}.game-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.pixel-tag{font:8px var(--pixel);color:var(--green);background:#283c22;padding:7px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 25px}.page-heading h1{font-size:clamp(28px,4vw,40px);margin:10px 0 3px;letter-spacing:-1px}.page-heading p{margin:5px 0}.heading-art{font-size:58px;filter:drop-shadow(4px 5px #0006)}.filter-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.filter-row input,.field input,.inline-form input,.inline-form select{background:#141c12;color:var(--text);border:1px solid var(--line);padding:12px;border-radius:3px;outline:none;min-width:0}.filter-row input{width:min(340px,100%)}input:focus,select:focus{border-color:var(--green)!important}.panel,.side-panel{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:3px}.room-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.room-actions h3{margin:0 0 3px}.room-actions p{margin:0;font-size:12px}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form input{width:180px}.inline-form select{max-width:185px}.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.room-card{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);padding:17px}.room-icon{display:grid;place-items:center;width:46px;height:46px;background:#2c4226;font-size:24px}.room-info{flex:1;min-width:0}.room-info b,.room-info small{display:block}.room-info small{color:var(--muted);margin-top:3px}.room-code{font:10px var(--pixel);color:var(--gold);margin-top:5px}.lobby{margin-top:20px;border:2px solid var(--green-dark);background:#1b2918;display:grid;grid-template-columns:1fr minmax(260px,.7fr);min-height:370px}.lobby-main{padding:22px}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-header h2{margin:0}.lobby-code{font:10px var(--pixel);color:var(--gold)}.player-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.player-chip{padding:8px 10px;background:#263923;border:1px solid #405839;font-weight:700}.lobby-chat{display:flex;flex-direction:column;border-left:1px solid var(--line);min-height:370px}.chat-head{padding:16px;border-bottom:1px solid var(--line);font-weight:800}.chat-messages{padding:13px;display:flex;flex-direction:column;gap:10px;flex:1;max-height:300px;overflow:auto}.chat-message{font-size:12px;overflow-wrap:anywhere}.chat-message b{color:var(--green);display:block}.chat-message.system{color:var(--gold)}.chat-form{display:flex;padding:10px;gap:6px;border-top:1px solid var(--line)}.chat-form input{flex:1;width:50px;min-width:0;background:#10160f;border:1px solid var(--line);padding:10px;color:white}.shop-wallet{display:grid;grid-template-columns:auto auto;gap:0 8px;font-size:20px}.shop-wallet small{grid-column:1/-1;font-size:8px;font-family:var(--pixel);color:#c7b777;margin-top:4px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shop-card{background:var(--panel);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;min-height:250px}.shop-item-icon{width:66px;height:66px;display:grid;place-items:center;background:#283b24;font-size:34px;border:1px solid #405839;margin-bottom:15px}.shop-card h3{margin:0 0 5px}.shop-card p{color:var(--muted);font-size:12px;flex:1}.shop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.price{color:var(--gold);font-weight:900}.inventory-summary{display:flex;align-items:center;gap:16px;margin-bottom:17px}.inventory-summary b{font-size:22px;color:var(--green)}.inventory-summary .btn{margin-left:auto}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.inventory-item{border:1px solid var(--line);background:var(--panel);padding:16px;text-align:center}.inventory-item .item-icon{font-size:36px;margin:5px 0 12px}.inventory-item h3{font-size:13px;margin:0 0 5px}.inventory-item p{font-size:11px;color:var(--muted)}.leaderboard{padding:0;overflow:hidden}.leader-head,.leader-row{display:grid;grid-template-columns:.55fr 2fr 1fr 1fr;align-items:center;gap:10px;padding:14px 18px}.leader-head{font:8px var(--pixel);color:var(--muted);background:#151c13;border-bottom:1px solid var(--line)}.leader-row{border-bottom:1px solid var(--line)}.leader-row:last-child{border:0}.leader-rank{font:12px var(--pixel);color:var(--gold)}.leader-name{font-weight:800}.leader-xp{color:var(--green);font-weight:800}.profile-card{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.profile-identity{display:flex;gap:15px;align-items:center}.profile-avatar{width:72px;height:72px;background:var(--green);color:#1a2715;display:grid;place-items:center;font-size:32px;border:4px solid #c3ee8f}.profile-identity h2{margin:0}.profile-identity p{margin:3px 0;color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#141c12;padding:13px}.metric small{display:block;color:var(--muted);font-size:10px}.metric b{display:block;font-size:22px;margin-top:6px}.play-layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.back-link{margin-bottom:20px}.game-stage{min-height:340px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#243921,#131b12);border:2px solid #415c35;padding:25px}.stage-inner{max-width:470px}.stage-emoji{font-size:66px;filter:drop-shadow(5px 5px #0006)}.stage-inner h2{font-size:24px;margin:12px 0 4px}.stage-inner p{color:#b5c5aa}.stage-score{font-size:24px;color:var(--green);font-weight:900;margin:15px}.stage-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.notice{font-size:11px;color:var(--muted);margin-top:12px}.play-aside{display:flex;flex-direction:column;gap:12px}.side-panel h3{margin:12px 0 6px}.side-panel p{font-size:12px;color:var(--muted)}.mini-stat{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.mini-stat b{color:var(--green)}.side-panel .full{margin-top:15px}.bottom-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;margin-top:36px;border:1px solid #4b613c;background:linear-gradient(100deg,#263a20,#1b2718)}.bottom-banner h2{margin:8px 0 3px}.bottom-banner p{color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px clamp(16px,4vw,58px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}.server-status{display:flex;align-items:center;gap:7px}.server-status i{width:7px;height:7px;background:var(--green);border-radius:50%}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#050805d9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{width:min(430px,100%);position:relative;background:#1b241a;border:2px solid #506c41;box-shadow:8px 8px #050805;padding:29px}.modal-close{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--muted);font-size:26px}.modal-logo{font:13px var(--pixel);color:var(--green);margin-bottom:24px}.modal h2{font-size:26px;margin:10px 0 5px}.modal>p{font-size:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#131a11;margin:20px 0;padding:4px}.auth-tabs button{background:transparent;border:0;color:var(--muted);padding:9px;font-weight:800}.auth-tabs button.selected{background:#304829;color:var(--green)}.field{display:grid;gap:6px;margin-bottom:13px;font-size:12px;font-weight:700}.field input{width:100%;margin-top:3px}.form-message{font-size:12px;min-height:16px;color:var(--red)}.fineprint{font-size:10px;color:var(--muted);margin:10px 0 0}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#2c4026;border:1px solid #6c964d;color:#efffe4;padding:12px 18px;transition:.2s;max-width:calc(100% - 30px);box-shadow:4px 4px #080b07}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.empty-state{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px;border:1px dashed var(--line)}
@media(max-width:1050px){.topbar{gap:14px}.topnav button{padding:9px 7px;font-size:11px}.hero{grid-template-columns:1fr 0.8fr}.game-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.feature-card small{max-width:500px}}
@media(max-width:760px){.topbar{flex-wrap:wrap;padding:10px 14px;gap:10px}.mobile-menu{display:block}.logo{font-size:13px}.logo-cube{width:33px;height:33px}.topnav{display:none;order:5;flex-basis:100%;flex-wrap:wrap}.topnav.open{display:flex}.topnav button{flex:1}.account-actions{margin-left:auto}.coin-pill{padding:7px}.container{padding-top:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:26px 22px}.hero h1{font-size:35px}.voxel-scene{min-height:240px}.game-grid,.shop-grid,.room-list{grid-template-columns:1fr}.room-actions{align-items:stretch;flex-direction:column}.inline-form input{flex:1;width:100%}.inline-form select{flex:1;max-width:none}.lobby{grid-template-columns:1fr}.lobby-chat{border-left:0;border-top:1px solid var(--line);min-height:260px}.chat-messages{max-height:230px;min-height:120px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card,.play-layout{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(3,1fr)}.page-heading{align-items:flex-start}.heading-art{font-size:40px}.bottom-banner{align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap}.footer>.logo{width:100%}.leader-head,.leader-row{grid-template-columns:.5fr 1.5fr .8fr .8fr;padding:12px 9px;gap:6px;font-size:11px}.leader-head{font-size:7px}.leader-xp{font-size:10px}.leader-name{overflow-wrap:anywhere}.inventory-summary{flex-wrap:wrap}.inventory-summary .btn{margin-left:0}.shop-wallet{font-size:16px}}