:root{--control-size:50px;--control-gap:5px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;min-height:100%;margin:0;overflow:hidden;background:#061008}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#space2047-world{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;touch-action:none;user-select:none;background:radial-gradient(circle at 50% 40%,#18351d 0,#07150a 60%,#020503 100%)}
body.admin-bar #space2047-world{top:32px;height:calc(100dvh - 32px)}
@media(max-width:782px){body.admin-bar #space2047-world{top:46px;height:calc(100dvh - 46px)}}
#world-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
#world-canvas.dragging{cursor:grabbing}
#loading-panel{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(2,10,4,.9);color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 35px rgba(0,0,0,.5);transition:opacity .25s}
#loading-panel.hidden{opacity:0;pointer-events:none}
.world-title{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 15px;border-radius:999px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.2);color:#efffdd;text-shadow:0 1px 3px #000;white-space:nowrap;pointer-events:none;backdrop-filter:blur(6px)}
.world-title strong{font-size:11px;letter-spacing:.14em}.world-title span{font-size:8px;letter-spacing:.1em;color:#b9d9ab}
.world-controls{position:absolute;z-index:4;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,var(--control-size));grid-template-rows:repeat(3,var(--control-size));gap:var(--control-gap);padding:9px;border-radius:20px;background:rgba(2,8,3,.7);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 35px rgba(0,0,0,.48);backdrop-filter:blur(9px)}
.move{appearance:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:linear-gradient(#315d38,#17351d);color:#fff;font-size:22px;font-weight:900;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 8px rgba(0,0,0,.36);touch-action:none}
.move:active,.move.active{transform:translateY(2px);background:linear-gradient(#4c8252,#25542d);box-shadow:inset 0 2px 5px rgba(0,0,0,.35)}
.centre{font-size:14px}
@media(max-width:420px){:root{--control-size:46px;--control-gap:4px}.world-controls{padding:8px;border-radius:17px}.move{border-radius:12px;font-size:20px}.world-title strong{font-size:10px}}