*{box-sizing:border-box}html,body,#root{background:#140a06;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.brand{color:#f7e8d4;-webkit-user-select:none;user-select:none;position:absolute;top:26px;left:32px}.brand h1{letter-spacing:.4px;text-shadow:0 2px 20px #000000a6;margin:0;font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700}.brand p{color:#d9b98c;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 12px #0009;margin:6px 0 0;font-size:12px;font-weight:600}.hint{color:#ecd9b8;-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#140a068c;border:1px solid #ffffff14;border-radius:999px;gap:20px;padding:10px 22px;font-size:13px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hint kbd{background:#ffffff24;border-radius:5px;margin-right:2px;padding:1px 7px;font-family:Inter,ui-monospace,monospace;font-size:12px}.enter{pointer-events:auto;cursor:pointer;background:radial-gradient(#140a0633,#140a06b8);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.enter .card{text-align:center;color:#f7e8d4;padding:42px 52px}.enter .card h2{text-shadow:0 2px 24px #0009;margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-size:42px;font-weight:700}.enter .card p{color:#d9b98c;margin:0 0 28px;font-size:15px}.enter .card button{pointer-events:auto;color:#1a0e08;cursor:pointer;background:linear-gradient(#f6c77c,#e8a14d);border:none;border-radius:999px;padding:14px 36px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .15s;box-shadow:0 10px 32px #e8a14d66}.enter .card button:hover{transform:translateY(-2px)}.joystick{-webkit-backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;z-index:30;background:#140a0652;border:2px solid #f7e8d452;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:absolute;bottom:30px;left:26px}.joystick-thumb{pointer-events:none;background:#f7e8d4d1;border-radius:50%;width:52px;height:52px;transition:transform 50ms linear;box-shadow:0 0 16px #00000073}.interact{pointer-events:auto;color:#1a0e08;cursor:pointer;z-index:40;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;background:linear-gradient(#f6c77c,#e8a14d);border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700;animation:.25s pop-in;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #e8a14d73}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.woof{color:#4a2a10;white-space:nowrap;background:#fff7e8;border:2px solid #f0d9b5;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800;box-shadow:0 4px 18px #0006}@media (width<=640px){.brand h1{font-size:22px}.enter .card h2{font-size:30px}.hint{gap:12px;padding:9px 16px;font-size:11px}}