:root{--ink:#eaf1e9;--muted:#8f9d91;--line:rgba(191,214,186,.12);--lime:#b4e27a;--bg:#101817;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{min-height:100vh;background:radial-gradient(ellipse at 51% 0%,#1d2b25 0%,#111a18 58%,#0e1514 100%);padding:0 28px}.shell{width:min(1320px,100%);margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:18px;line-height:1;font-weight:800;text-decoration:none;letter-spacing:-.8px}.brand-light{color:#b5d38e}.brand small{display:block;color:#819087;font:8px var(--mono);letter-spacing:1.5px;margin-top:6px}.brand-mark{width:30px;height:30px;position:relative;display:block;transform:rotate(-30deg) skew(3deg);background:#addb75;clip-path:polygon(50% 0,100% 25%,100% 73%,50% 100%,0 74%,0 26%)}.brand-mark i{position:absolute;inset:0;background:linear-gradient(145deg,transparent 49%,rgba(16,37,23,.35) 50%);}.brand-mark i:last-child{background:linear-gradient(90deg,transparent 49%,rgba(13,38,22,.26) 50%)}.top-meta{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.9px;color:#98a69a}.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#a8dd71;box-shadow:0 0 10px #a8dd7180;flex:none}.divider{height:14px;width:1px;background:#3b4a40;margin:0 5px}.save-btn{border:1px solid rgba(177,216,140,.28);background:#1b2922;color:#dcead6;padding:10px 15px;border-radius:5px;font:600 11px var(--sans);letter-spacing:.1px;cursor:pointer;transition:.2s}.save-btn:hover{border-color:#b4e27a;color:#c9f394;background:#25372b}.save-icon{font-size:15px;color:var(--lime);margin-right:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding-top:22px}.game-frame{position:relative;height:min(70vh,650px);min-height:490px;overflow:hidden;background:#8ab9b2;border:1px solid rgba(190,216,187,.16);border-radius:6px;box-shadow:0 20px 55px rgba(0,0,0,.27)}#world{display:block;width:100%;height:100%;outline:0;touch-action:none}.world-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,19,.33),transparent 26%,transparent 70%,rgba(7,15,13,.22));z-index:1}.game-hud{position:absolute;z-index:2;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-left{display:flex;align-items:center;gap:12px}.chip{font:9px var(--mono);letter-spacing:.8px;background:rgba(12,24,22,.73);color:#e0ecd7;padding:8px 10px;border:1px solid rgba(235,246,224,.17);border-radius:3px;backdrop-filter:blur(8px)}.hud-spark{color:#b8e884;margin-right:4px}.coords,.fps{font:9px var(--mono);color:#eef2e9;text-shadow:0 1px 5px #18221b;letter-spacing:.25px}.fps .live-dot{margin-right:6px}.crosshair{position:absolute;z-index:3;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #18221b)}.crosshair span{position:absolute;background:#f2f4e9;opacity:.9;border-radius:1px}.crosshair span:first-child{height:2px;width:15px;left:1px;top:7px}.crosshair span:last-child{height:15px;width:2px;left:7px;top:1px}.hotbar-wrap{position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.hotbar{display:flex;gap:5px;padding:6px;background:rgba(14,23,22,.83);border:1px solid rgba(240,250,231,.22);border-radius:5px;backdrop-filter:blur(8px);pointer-events:auto}.slot{height:48px;width:48px;position:relative;border:1px solid rgba(245,246,230,.13);border-radius:3px;background:rgba(37,48,43,.8);cursor:pointer;display:grid;place-items:center;transition:.16s}.slot:hover{background:#435346}.slot.active{border-color:#c3ef8c;box-shadow:inset 0 0 0 1px #c3ef8c,0 0 12px #c3ef8c30;background:#3c5038}.slot kbd{position:absolute;top:2px;left:4px;color:#cbd5c8;background:none;font:8px var(--mono)}.block{height:20px;width:20px;display:block;box-shadow:inset -4px -4px rgba(0,0,0,.18),inset 3px 3px rgba(255,255,255,.14);border:1px solid rgba(0,0,0,.16);transform:rotate(-4deg)}.block-grass{background:linear-gradient(#8fbe5f 35%,#735438 36%)}.block-dirt{background:#886243}.block-stone{background:#87908b}.block-wood{background:repeating-linear-gradient(90deg,#9a7045 0 4px,#775333 4px 6px)}.block-leaves{background:#6ca05c}.hotbar-caption{font:8px var(--mono);letter-spacing:1.3px;color:#f5f6ed;margin-top:7px;text-shadow:0 1px 4px #132018}.screen{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:linear-gradient(115deg,rgba(15,27,25,.91) 0%,rgba(20,35,29,.80) 48%,rgba(21,36,29,.35) 100%);backdrop-filter:blur(2px)}.screen.hidden{display:none}.screen-card{width:100%;padding:36px 42px}.intro-card{max-width:490px;margin-left:6%;justify-self:start}.eyebrow,.eyebrow-mini{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:2px;color:#c4e796}.eyebrow-line{width:19px;height:1px;background:#b5df82}.hero-cube{position:relative;width:55px;height:47px;margin:28px 0 15px;transform:rotate(-28deg) skew(3deg)}.hero-cube:before,.hero-cube:after,.hero-cube span,.hero-cube i,.hero-cube b{content:'';position:absolute;display:block}.hero-cube:before{inset:0;background:#a6d976;clip-path:polygon(50% 0,100% 24%,50% 50%,0 25%)}.hero-cube:after{inset:0;background:#567b44;clip-path:polygon(0 25%,50% 50%,50% 100%,0 74%)}.hero-cube span{inset:0;background:#739852;clip-path:polygon(50% 50%,100% 24%,100% 74%,50% 100%)}.hero-cube i{height:1px;width:26px;z-index:2;left:0;top:25px;background:#4b713e;transform:rotate(25deg)}.hero-cube b{width:1px;height:23px;z-index:2;left:27px;top:24px;background:#4b713e}.screen h1{margin:0;font-size:clamp(38px,5vw,61px);line-height:1.04;letter-spacing:-3.8px;font-weight:700;color:#f0f5e9}.screen h1 em{font-style:normal;color:#b9e587}.screen-card p{font-size:13px;line-height:1.8;color:#b2bfb1;margin:14px 0 23px}.primary-btn{height:45px;min-width:190px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:4px;background:#b6e385;color:#142018;font:700 12px var(--sans);cursor:pointer;transition:.2s}.primary-btn:hover{background:#cef1a7;transform:translateY(-1px);box-shadow:0 7px 20px #a9db7930}.primary-btn b{font-size:19px;font-weight:500}.keys-note{margin-top:20px;color:#87958b;font:8px var(--mono);letter-spacing:.8px}.keys-note span:first-child{color:#d0e2c3;border:1px solid #6d7e6d;border-radius:3px;padding:4px 6px;margin-right:5px}.note-sep{margin:0 8px;color:#b6df84}.screen-foot{position:absolute;bottom:20px;left:23px;color:#9fb29f;font:8px var(--mono);letter-spacing:1.1px}.screen-foot span{color:#c4e99a;padding:0 6px}.side-panel{min-height:490px;height:min(70vh,650px);background:linear-gradient(145deg,rgba(30,43,36,.79),rgba(22,33,30,.83));border:1px solid rgba(191,214,186,.12);border-radius:6px;padding:21px 20px 16px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.eyebrow-mini{font-size:8px;letter-spacing:1.5px;color:#a4c87a}.panel-heading h2{font-size:20px;letter-spacing:-.8px;margin:5px 0 0;font-weight:700}.panel-mark{font:10px var(--mono);color:#65776a}.controls-list{padding:11px 0 13px}.control-row{height:36px;display:flex;align-items:center;gap:15px;color:#bec8bd;font-size:10px}.control-row kbd,.tip kbd{font:9px var(--mono);color:#dce7d9;background:#293a31;border:1px solid rgba(197,215,189,.18);border-bottom-color:#5a705b;border-radius:3px;padding:4px 5px;min-width:20px;text-align:center;display:inline-block}.key-cluster{width:68px;display:flex;flex-direction:column;gap:2px}.key-cluster>kbd{width:22px;margin-left:23px}.key-cluster span{display:flex;gap:2px}.key-single{width:68px;display:flex;justify-content:center}.key-single kbd{min-width:42px}.mouse-key{font:8px var(--mono);color:#dce7d9;background:#293a31;border:1px solid rgba(197,215,189,.18);border-bottom-color:#5a705b;border-radius:3px;padding:5px 7px}.mouse-key i{font-style:normal;color:#bfe990;padding-left:4px}.panel-divider{height:1px;background:var(--line);margin:0 0 15px}.world-card{background:linear-gradient(120deg,#263b31,#23362c);border:1px solid rgba(184,220,147,.14);border-radius:5px;padding:13px 13px 11px}.world-card-top{display:flex;align-items:center;gap:7px;color:#a4b4a4;font:8px var(--mono);letter-spacing:1.2px}.world-icon{font-size:14px;color:#c2e992}.world-status{margin-left:auto;color:#bce68c;font-size:7px}.world-card-title{font-size:14px;font-weight:700;letter-spacing:-.3px;margin-top:11px}.world-card-sub{font-size:8px;color:#9dad9d;margin-top:4px}.world-card-sub span{padding:0 3px;color:#c1df91}.world-stats{display:flex;gap:25px;margin-top:15px;padding-top:12px;border-top:1px solid #ffffff12}.world-stats div{display:flex;flex-direction:column;gap:4px}.world-stats strong{font:16px var(--mono);color:#d5e9c5}.world-stats span{font:7px var(--mono);letter-spacing:.5px;color:#86958b}.tip{display:flex;gap:10px;padding:13px 3px 4px;margin-top:10px}.tip-star{color:#bce58d;font-size:16px}.tip p{margin:0;color:#a6b1a4;font-size:9px;line-height:1.7}.tip strong{color:#dde8d8;font-size:10px}.tip kbd{font-size:8px;padding:2px 5px}.panel-footer{margin-top:auto;padding-top:11px;border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:1px;color:#7f9083}.panel-footer .live-dot{width:5px;height:5px;margin-right:6px}.panel-footer-right{float:right;color:#67796d}.page-footer{height:57px;display:flex;align-items:center;justify-content:space-between;color:#708076;font:8px var(--mono);letter-spacing:.8px}.footer-dot{color:#a2b394}.footer-cube{color:#acd77c;margin-left:4px}.footer-right{color:#a3b39d}.toast{position:absolute;z-index:8;left:50%;top:66px;transform:translate(-50%,-10px);opacity:0;padding:9px 14px;background:rgba(17,30,23,.92);border:1px solid #b4e27a60;color:#d9edc9;border-radius:4px;font:10px var(--mono);letter-spacing:.3px;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.pause-screen{background:rgba(12,20,18,.68);backdrop-filter:blur(8px)}.pause-card{max-width:380px;text-align:center}.pause-card .eyebrow{justify-content:center}.pause-card h2{font-size:32px;letter-spacing:-1.5px;margin:19px 0 0}.pause-card p{margin:8px 0 22px}.pause-card .primary-btn{margin:0 auto}.text-btn{margin-top:13px;border:0;background:transparent;color:#b7c5b5;font:10px var(--sans);cursor:pointer;padding:9px}.text-btn:hover{color:#c7ef9e}button:focus-visible,a:focus-visible{outline:2px solid #c3ee93;outline-offset:3px}@media(max-width:950px){body{padding:0 18px}.game-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.side-panel{padding:18px 15px}.game-frame{height:64vh;min-height:450px}.side-panel{height:64vh;min-height:450px}.control-row{gap:9px}.world-card-sub{line-height:1.5}}@media(max-width:700px){body{padding:0 12px}.topbar{height:62px}.top-meta{font-size:8px;gap:6px}.top-meta #world-seed,.top-meta .divider{display:none}.save-btn{padding:8px 10px;font-size:9px}.game-layout{display:flex;flex-direction:column;padding-top:12px;gap:12px}.game-frame{height:68vh;height:min(68svh,620px);min-height:420px}.side-panel{height:auto;min-height:0;padding:16px}.controls-list{display:grid;grid-template-columns:1fr 1fr;padding:7px 0 12px}.control-row{gap:9px}.world-card{margin-top:0}.tip{display:none}.panel-footer{margin-top:12px}.page-footer{height:auto;min-height:49px;gap:10px;font-size:7px}.page-footer>span:nth-child(2){display:none}.footer-right{margin-left:auto}.intro-card{padding:26px 25px;margin-left:0}.screen h1{font-size:44px;letter-spacing:-2.8px}.hero-cube{margin:23px 0 14px}.screen-foot{left:14px;bottom:13px;font-size:7px}.desktop-only{display:none}.hotbar-wrap{bottom:13px}.slot{width:42px;height:43px}.hotbar{gap:4px;padding:5px}.coords{font-size:8px}.game-hud{top:11px;left:11px;right:11px}.chip{font-size:8px;padding:7px 8px}.hud-left{gap:8px}}@media(max-width:390px){.brand{font-size:16px}.top-meta{display:none}.screen h1{font-size:39px}.intro-card{padding-left:20px}.game-frame{min-height:390px}.slot{width:38px;height:40px}.hotbar{gap:3px}.panel-heading h2{font-size:18px}}