@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#95b6af;color:#fff;font-family:DM Sans,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}#world{position:fixed;width:100%;height:100%;inset:0;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,30,28,.38),transparent 24%,transparent 65%,rgba(13,28,23,.58))}header{position:absolute;top:0;left:0;width:100%;height:96px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#142c2410;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand{text-decoration:none;letter-spacing:4px;font-size:21px;color:#fff;font-weight:800;display:flex;align-items:center;gap:12px}.brand-icon{font-size:34px;line-height:1;color:#d7ebc7}.edition{font-size:9px;letter-spacing:2px;font-weight:500;margin:5px 0 0 5px;padding:6px 9px;border:1px solid #ffffff40;border-radius:4px}.world-name{font-size:12px;letter-spacing:.3px;display:flex;gap:13px;align-items:center;color:#edf2e9}.live-dot{display:inline-block;height:6px;width:6px;background:#c6e6a8;border-radius:50%;box-shadow:0 0 12px #c6e6a855}.divider{opacity:.45;margin:0 8px}.header-actions{display:flex;gap:10px}.icon-btn{border:1px solid #ffffff25;background:#ffffff08;border-radius:9px;width:38px;height:38px;font-size:20px}.icon-btn:hover{background:#ffffff25}.welcome{position:absolute;top:23%;left:6%;max-width:390px;transition:opacity .3s,transform .3s}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;display:flex;align-items:center;gap:10px;color:#dfebd4}.eyebrow span{display:block;width:24px;height:1px;background:#d1dfc4}h1{font-family:Manrope,sans-serif;font-size:64px;line-height:1.09;letter-spacing:-3px;font-weight:500;margin:23px 0 20px;text-shadow:0 3px 25px #14312335}h1 span{color:#d2e9a9}.welcome p{color:#e0e7da;font-size:14px;line-height:1.9;margin-bottom:27px}.play-btn{display:flex;justify-content:space-between;align-items:center;width:228px;background:#d5e7b9;border:0;border-radius:6px;padding:17px 20px;color:#243e2b;font-size:13px;font-weight:700;box-shadow:0 6px 24px #0c261530}.play-btn:hover{background:#e6f4d3;transform:translateY(-1px)}.play-btn span:last-child{font-size:22px;font-weight:400;line-height:16px}.play-hint{font-size:9px;letter-spacing:.3px;margin-top:15px;color:#dce5d2a0}.location{position:absolute;right:43px;top:130px;text-align:right}.compass{font-size:11px;letter-spacing:1px;color:#fffc}.compass span{font-size:17px;margin:0 7px;opacity:.6}.biome{font-size:10px;letter-spacing:2px;margin-top:24px;font-weight:600}.coords{font-size:10px;letter-spacing:1px;color:#edf3e3a0;margin-top:9px}.coords span{padding:0 11px}.environment{position:absolute;right:43px;bottom:190px;display:flex;align-items:center;gap:13px}.environment strong{font-size:12px;font-weight:500;display:block}.environment small{font-size:8px;letter-spacing:1.4px;opacity:.6;display:block;margin-top:5px}.sun-icon{font-size:28px;color:#e6e9c4}.leaf{font-size:30px;color:#d2e5b5}.env-line{height:27px;width:1px;background:#ffffff25;margin:0 9px}.bottom-left{position:absolute;bottom:53px;left:43px;font-size:10px;line-height:2.9;color:#ffffffb0}.key{padding:4px 7px;border:1px solid #ffffff3b;border-radius:4px;font-size:9px;margin-right:5px;word-spacing:4px;color:#fff}.key:not(:first-child){margin-left:10px}.mouse-icon{font-size:17px;margin-right:6px}.hotbar-wrap{position:absolute;bottom:28px;left:50%;transform:translate(-50%);text-align:center}.mode-label{font-size:9px;letter-spacing:1.2px;margin-bottom:12px;display:flex;gap:8px;justify-content:center;align-items:center}.mode-label #selected-name{letter-spacing:.2px;color:#ffffffbf}.label-sep{opacity:.4;padding:0 3px}.hotbar{display:flex;gap:5px;padding:7px;background:#18281f8c;border:1px solid #ffffff25;border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 20px #0002}.slot{position:relative;width:52px;height:54px;border:1px solid #ffffff15;border-radius:5px;background:#ffffff09;display:grid;place-items:center}.slot.selected{border:1.5px solid #d5e6b6;background:#d5e6b61a;box-shadow:0 0 0 1px #d5e6b622}.slot .number{position:absolute;top:4px;left:5px;font-size:8px;color:#fff6}.slot img{width:36px;height:38px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0005)}.slot .count{position:absolute;bottom:3px;right:5px;font-size:9px;color:#d8e0d1}.hotbar-hint{font-size:8px;letter-spacing:1.3px;color:#ffffff65;margin-top:11px}.hotbar-hint span{margin:0 8px}.bottom-right{position:absolute;bottom:39px;right:43px;text-align:right}.bottom-right button{background:#192e2580;border:1px solid #ffffff30;border-radius:6px;padding:12px 15px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-right button>span{font-size:16px;margin-right:9px}kbd{font-family:inherit;border:1px solid #ffffff33;border-radius:3px;font-size:9px;padding:2px 5px;margin-left:16px}.bottom-right>div{font-size:8px;letter-spacing:1px;color:#ffffff60;margin-top:18px}.bottom-right>div span{margin:0 4px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;font-weight:400;text-shadow:0 1px 4px #000;opacity:0;pointer-events:none}.playing #crosshair{opacity:.8}.playing .welcome{opacity:0;pointer-events:none;transform:translateY(-10px)}.toast{position:absolute;top:115px;left:50%;transform:translate(-50%);background:#20372bea;border:1px solid #ffffff30;border-radius:7px;padding:12px 20px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:#0b1e1b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:5}.modal{position:relative;width:540px;max-width:92vw;padding:35px;background:#20372f;border:1px solid #dce8c333;border-radius:16px;box-shadow:0 25px 90px #0005}.close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:28px;color:#fff9}.modal h2{font-family:Manrope;margin:0 0 9px;font-weight:500;font-size:27px}.modal p{font-size:12px;color:#c1cebe;line-height:1.7}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.inventory-item{border:1px solid #ffffff20;background:#ffffff08;border-radius:8px;padding:14px 5px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.inventory-item:hover{background:#d5e7b924}.inventory-item img{height:46px;width:46px;image-rendering:pixelated}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:13px}.settings-row select{background:#354d3e;color:#fff;border:1px solid #ffffff30;padding:8px;border-radius:5px}.settings-row input{accent-color:#d5e7b9}.secondary{background:#d5e7b9;color:#243e2b;border:0;border-radius:5px;padding:12px 17px;font-size:12px;margin-right:9px}.mobile-controls{display:none}@media(max-width:1100px){header{padding:0 25px}.bottom-left{left:25px;bottom:154px}.bottom-right{right:25px;bottom:40px}.slot{width:43px;height:48px}.environment{bottom:170px;right:25px}.welcome{left:6%}h1{font-size:56px}.world-name{display:none}}@media(max-width:650px){header{height:75px;padding:0 18px}.brand{font-size:17px;gap:7px;letter-spacing:2px}.edition{display:none}.header-actions{gap:5px}.icon-btn{width:32px;height:32px}.welcome{top:22%;left:25px}h1{font-size:49px}.location{right:20px;top:97px}.biome,.environment,.bottom-left{display:none}.bottom-right{bottom:140px;right:18px}.bottom-right>div{display:none}.hotbar-wrap{bottom:23px}.hotbar{gap:3px;padding:5px}.slot{width:33px;height:43px}.slot img{width:28px;height:30px}.mobile-controls{position:absolute;bottom:145px;left:20px;display:flex;gap:6px}.mobile-controls button{border:1px solid #fff5;background:#20372f80;border-radius:6px;width:36px;height:36px}}