:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d1214;color:#f4f1df}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative;min-height:100dvh;background:#0d1214}#game{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#game:active{cursor:grabbing}.hud,.compass,.prompt,.sign-card,.mobile-pad{position:absolute;z-index:2;-webkit-user-select:none;user-select:none}.prompt p{margin:0;color:#e9e2c5;font-size:14px;line-height:1.45;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hud{top:70px;right:14px;display:grid;grid-template-columns:104px 82px 230px;gap:8px;align-items:stretch}.readout,.stamina,.compass,.prompt{border:1px solid rgba(244,241,223,.2);border-radius:8px;background:#0a0f119e;box-shadow:0 16px 34px #00000047;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.readout,.stamina{min-height:56px;padding:9px 11px}.readout span,.stamina span{display:block;color:#a6b9b5;font-size:11px;font-weight:800;text-transform:uppercase}.readout strong,.stamina strong{display:block;margin-top:4px;color:#fff4bc;font-size:19px;line-height:1}.stamina{display:grid;grid-template-columns:1fr auto;column-gap:10px}.stamina span,.meter{grid-column:1 / -1}.meter{width:100%;height:12px;margin-top:6px;overflow:hidden;border-radius:999px;background:#ffffff1f}.meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ff0be,#ffe089)}.compass{top:14px;right:14px;display:flex;align-items:center;gap:12px;min-width:154px;padding:12px 14px;color:#fff4bc;font-size:13px;font-weight:800}.compass i{display:block;width:0;height:0;border-right:8px solid transparent;border-bottom:18px solid #ff745c;border-left:8px solid transparent;filter:drop-shadow(0 0 8px rgba(255,116,92,.52));transform-origin:50% 70%}.prompt{top:14px;left:14px;right:620px;width:auto;min-height:42px;padding:10px 13px;pointer-events:none}.prompt p{margin:0;color:#ddfff3}.sign-card{left:50%;bottom:24px;width:min(520px,calc(100vw - 36px));min-height:110px;padding:18px 48px 18px 20px;transform:translate(-50%);border:1px solid rgba(255,224,137,.42);border-radius:8px;background:#120f0cd1;box-shadow:0 18px 42px #0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sign-card[hidden]{display:none}.sign-card strong{display:block;color:#ffe089;font-size:18px;line-height:1.2}.sign-card p{margin:10px 0 0;color:#f5eed0;font-size:14px;line-height:1.55;white-space:pre-line}.sign-card button{position:absolute;top:10px;right:12px;width:30px;height:30px;border:1px solid rgba(255,224,137,.3);border-radius:6px;background:#0a0f119e;color:#ffe089;font:inherit;font-size:20px;font-weight:800;line-height:1;cursor:pointer}.mobile-pad{left:50%;bottom:18px;display:none;grid-template-columns:repeat(4,54px);grid-template-rows:54px;gap:7px;transform:translate(-50%)}.mobile-pad button{width:54px;height:54px;border:1px solid rgba(244,241,223,.28);border-radius:8px;background:#0c1113ad;color:#fff4bc;font:inherit;font-size:22px;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.mobile-pad button:first-child{grid-column:1}.mobile-pad button:nth-child(2){grid-column:2}.mobile-pad button:nth-child(3){grid-column:3}.mobile-pad button:nth-child(4){grid-column:4}@media(max-width:780px){.hud{top:62px;right:12px;grid-template-columns:82px 72px;width:166px}.stamina{grid-column:1 / -1}.readout,.stamina{min-height:48px;padding:7px 9px}.readout strong,.stamina strong{font-size:16px}.compass{top:12px;right:12px;min-width:136px;padding:9px 11px}.prompt{left:12px;right:202px;top:12px;width:auto;min-width:150px;padding:9px 10px}.prompt p{font-size:12px}.mobile-pad{display:grid;left:50%;right:auto;bottom:18px;transform:translate(-50%)}.sign-card{bottom:184px;width:calc(100vw - 24px);min-height:104px;padding:14px 42px 14px 14px}.sign-card strong{font-size:16px}.sign-card p{font-size:13px}}