:root{color:#f3efe4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffe7b066,#0000 28%),linear-gradient(#92d1ff 0%,#bfe7ff 48%,#e5f5ff 100%);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell,.viewport,.viewport canvas{width:100%;height:100vh}.shell{background:radial-gradient(circle at 50% 12%,#fff3bf8c,#0000 25%),linear-gradient(#1741701f,#06162b33);position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{display:block}.hud{z-index:2;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;inset-inline:24px}.hud-top{align-items:flex-start;top:24px}.hud-bottom{align-items:flex-end;bottom:24px}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111c2175;border:1px solid #ffffff3d;border-radius:18px;max-width:min(40rem,100%);padding:14px 16px;box-shadow:0 18px 46px #0d172038}.panel h1,.panel h2,.panel p{margin:0}.panel h1{margin-bottom:6px;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1}.panel h2{margin-bottom:10px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.02}.panel p{color:#f5f5f0eb;line-height:1.4}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ffe9abf2;margin-bottom:10px;font-size:.75rem}.metrics{min-width:18rem}.metrics p+p{margin-top:6px}.hint{color:#ffe9abeb;margin-top:10px;font-size:.92rem}.controls{flex-wrap:wrap;gap:10px;display:flex}.controls span{background:#ffffff1a;border-radius:999px;padding:8px 10px;font-size:.93rem}.hotbar-layer{inset-inline:16px;z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:108px}.hotbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0a151b8f;border:1px solid #ffffff29;border-radius:24px;gap:10px;max-width:100%;padding:12px;display:flex;box-shadow:0 18px 44px #0b121a47}.hotbar-slot{color:#f5f0e5;background:linear-gradient(#ffffff1f,#ffffff0d);border:1px solid #ffffff1f;border-radius:18px;width:88px;min-width:88px;padding:14px 10px 10px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;position:relative}.hotbar-slot:hover{border-color:#ffde9570;transform:translateY(-2px)}.hotbar-slot.is-selected{background:linear-gradient(#ffd6733d,#ffb95424);border-color:#ffd978f2;box-shadow:0 0 0 1px #ffd56a2e,0 16px 36px #0000003d}.hotbar-slot img{width:48px;height:48px;image-rendering:pixelated;margin:0 auto 8px;display:block}.hotbar-key,.hotbar-name{display:block}.hotbar-key{color:#fff1cdb8;font-size:.72rem;position:absolute;top:7px;right:9px}.hotbar-name{font-size:.86rem;line-height:1.2}.hotbar-label{color:#fff2d7f5;pointer-events:none;background:#0a151b7a;border-radius:999px;margin:0;padding:6px 12px;font-size:.9rem}.crosshair{z-index:2;pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;inset:50% auto auto 50%}.crosshair:before,.crosshair:after{content:"";background:#fffffff2;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00000057}.crosshair:before{width:2px;height:18px}.crosshair:after{width:18px;height:2px}.lock-screen{z-index:3;background:radial-gradient(circle at 50% 20%,#ffecb052,#0000 25%),#070f1875;place-items:center;padding:24px;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.lock-screen.hidden{opacity:0;visibility:hidden}.lock-card{background:linear-gradient(160deg,#111c21e0,#223a42c2),#00000026;border:1px solid #fff3;border-radius:28px;width:min(34rem,100%);padding:28px;box-shadow:0 24px 72px #00000047}.lock-card p{margin:0 0 16px;line-height:1.5}.pack-preview{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:18px;width:100%;margin:0 0 18px;display:block}.lock-card button{color:#0d1d2f;background:linear-gradient(135deg,#ffe49d,#ffc45b);border:0;border-radius:999px;padding:12px 18px;font-weight:700}@media (width<=900px){.hud{inset-inline:14px}.hud-top,.hud-bottom{flex-direction:column}.hud-top{top:14px}.hud-bottom{bottom:14px}.panel,.metrics,.lock-card{width:100%}.hotbar-layer{inset-inline:10px;bottom:124px}.hotbar{justify-content:flex-start;gap:8px;padding:10px;overflow-x:auto}.hotbar-slot{width:74px;min-width:74px;padding:12px 8px 9px}.hotbar-slot img{width:40px;height:40px}.hotbar-name{font-size:.78rem}.controls{gap:8px}.controls span{font-size:.82rem}}